Mouseflow

Mouseflow: MouseflowタグをWebサイトに導入する

こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。

今日はヒートマップツール「Mouseflow」(マウスフロー)の導入についてです。弊社はMouseflowの販売代理店でもあります。

Mouseflow
http://msflow.jp/

Mouseflowは訪問者のマウスの動きやクリック、スクロール等の行動をレコーディングし、各訪問者が取った行動を再生して見ることが出来るヒートマップツールでして、フィルター機能を使って特定の条件にマッチした訪問者を抽出することが可能なスグレモノです。

さて、そんなMouseflowはタグの導入がとてもシンプルです。

1. Mouseflowタグを直接HTMLに貼る場合

管理画面から取得したタグを、HTMLの閉じタグよりも上に貼るだけです。

<script type="text/javascript"> 
var _mfq = _mfq || []; 
(function() { 
var mf = document.createElement("script"); mf.type = "text/javascript"; mf.async = true; 
mf.src = "//cdn.mouseflow.com/projects/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx.js"; //enter WebsiteID
document.getElementsByTagName("head")[0].appendChild(mf); 
})(); 
</script>

上記スクリプトの「xxxx-…js」のところには、WebsiteIDと呼ばれるIDが入ってるので、そのまま貼り付けます。
そしてこのHTMLをWebサイトに公開すると、Mouseflowのデータ収集が始まります。

2. タグマネージャーを使ってMouseflowを導入する場合

MouseflowはGoogle Tag Managerの公式タグなので、WebsiteIDを入力するだけですぐに導入出来ます。

[タグ] > [新規] をクリックして、[タグタイプを選択]の中の[Mouseflow]を選びます。

[タグの設定]画面が出たら、[プロジェクトID]の入力欄に、WebsiteIDを入れてください。

タグを設定
[トリガー]は[ページビュー]でOKです。
あとは保存すれば、これだけでMouseflowの導入は完了です。

Mouseflowの導入についてのお問い合わせはこちらからどうぞ

ブログへの記事リクエストはこちらまで

Adobe Analytics: Webサイト内で発生したJavascriptエラーの内容をAdobe Analyticsで計測する。前のページ

セッション・リプレイのレコーディングをローカルに保存する次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Mouseflow

    mouseflowによる分析の観点

    こんにちは、インターン生の丸山です。今回は、mouseflowを用いた…

  2. Mouseflow

    ページ分析ツールの強み

    今回は、ページ分析ツールならではの強みを、ケーススタディを通じてご紹介…

  3. Mouseflow

    Mouseflowのフィルター機能が変わりました!

    Mouseflowのフィルター機能がパワーアップし、より簡単に素早…

  4. Mouseflow

    Mouseflowで問題解決② -事例ベースで機能紹介-

    Mouseflowで問題解決 -エクスチュアのツール紹介-webサイト…

  5. Mouseflow

    分析対象を絞り込むフィルター機能

    前回はセッション・リプレイについてご説明しました。 セッション・リプレ…

  6. Mouseflow

    訪問者の不満を見つける

    サイト上で訪問者が持った感情が分かったら良いと思いませんか?もし、…

カテゴリ
最近の記事
  1. Looker Studioで日付フィルターの開始日・終了日の…
  2. Streamlitでdbt-elementary風ダッシュボ…
  3. Adobe WebSDK FPIDでECIDの復元を検証
  4. dbt Projects on Snowflakeで作成した…
  5. Dataformでtype:’increment…
  1. ブログ

    「Power BI」を用いたダッシュボードの作成!①
  2. Tableau

    ネストLODで2重のFIXED関数を使ってみる【Tableau】
  3. Adobe Analytics

    Adobe Analytics: BigQueryにロードしたデータフィードをD…
  4. Generative AI

    Snowflake の Copilot が優秀すぎる件について
  5. IT用語集

    クロスデバイス(Cross Device)って何?
PAGE TOP