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. Adobe Analytics

    【超わかる】WEB解析の全貌

    はじめにこんにちは!インターン生の與那覇(ヨナハ)です今回は時代の…

  2. Mouseflow

    ページ解析ツールMouseflowにふれてみた

    こんにちは!エクスチュアインターン生の柳沼です!最近、夏休みという…

  3. Mouseflow

    ページ分析ツールの強み

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

  4. Mouseflow

    mouseflowによる分析の観点

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

  5. Mouseflow

    訪問者の不満を見つける

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

  6. Mouseflow

    mouseflowを使ったページ解析

    こんにちは!インターン生の山田です。今回は、mouseflowを使…

カテゴリ
最近の記事
  1. dbt Projects on SnowflakeをTASK…
  2. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  3. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  4. TableauとSnowflakeを接続する方法
  5. 【dbts25】Snowflake×PostgreSQLのニ…
  1. Canva

    Canva×生成AIで“映える”ダッシュボードモックを爆速で作っ…
  2. Databricks

    Databricks: Spark DataFrameでピボットグラフを作る
  3. Google Analytics

    Google Analytics: アプリSDKのclientIDを取得する
  4. Spread Sheets / GAS / GDS

    スプレッドシートで動的な縦持ちデータを作る〜GAS(GoogleAppsScri…
  5. Tableau

    あなたのTableau(タブロー)が重い理由【パフォーマンスの記録】
PAGE TOP