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の導入についてのお問い合わせはこちらからどうぞ

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

関連記事

  1. Mouseflow

    Mouseflowの新機能:サイト単位でレコーディング数の制限が可能に!

    Mouseflowの設定に新しい機能が追加され、設定画面からサイトごと…

  2. Mouseflow

    直帰率を改善する!4つのポイント

    サイトを分析する際に、直帰率が高いかどうかはとても重要です。もし、…

  3. Mouseflow

    【新機能】カスタムダッシュボード:重要な指標すべてを一つの画面で

    みなさん、こんにちは。extureの鈴木です。今回は、新たに追加され…

  4. Mouseflow

    Mouseflowを採用するWebサイトが10万を突破!

    アメリカやヨーロッパでシェア拡大中のMouseflow が、またその記…

  5. Mouseflow

    Mouseflow新機能その2 – JavaScriptエラーを見つける

    Mouseflowを使って、簡単にJavaScriptエラーを検出でき…

  6. Mouseflow

    mouseflowのプライバシー設定はシンプルで直感的なVisual Privacy Toolで!

    Webサイトを運営するにあたり、最も注意しなければならないことがユーザ…

最近の記事

  1. エクセルで「テーブル」を使うメリット① 「BIツールで使いや…
  2. GTMで複数のコンテナに同じ実装をしたい
  3. イベントレポート Qualtrics XM on tour …
  4. イベントレポート Qualtrics XM on tour …
  5. ObservePoint:2022年デジタル・ガバナンスレポ…
  1. ヒートマップ

    クリック・ヒートマップの使い方
  2. Adobe Experience Cloud

    Adobe Summit 2020レポート: Unravel Customer …
  3. ObservePoint

    機会損失を未然に防ぐ!ユーザエクスペリエンスシミュレーター”WebJ…
  4. GA 360 Suite

    Google Analytics 360: BigQueryを使ってアトリビュー…
  5. Adobe Analytics

    Adobe Summit 2020レポート: Advanced Techniqu…
PAGE TOP