mixpanelはGoogleAnalyticsと何が違う?トラッキングの設定は?

2018/11/15更新 カテゴリー:WEBサービス開発 タグ: ,
  • このエントリーをはてなブックマークに追加

GoogleAnalyticsはviewベースですが、mixpanelはイベントベース。ユーザーがどのように行動したかを記録できる。

SPONSOR

mixpanelがなぜいいのか

例えば、ボタンを押したとか、サインアップしたとか。

イベントから行動を理解することで、より自信をもった施策が行える。そしてKPIにいい影響を与えるユーザーの行動を知ることができる。

イベントには情報をつけて渡す。例えば、ユーザー名やメールアドレスなど。

トラッキング計画

ユーザーが目標を達成するためにたどる導線を知る。
導線を知ることで、どこで離脱しているか原因を追いやすくなる。

トラッキング計画の例)

目標:より多くの曲を購入する
質問:最も収益を上げているミュージシャンは?

ユーザーの流れ:ログイン→曲を聞く→曲を買う

トラッキングすること:
イベント名:ログイン
ープロパティ1:ユーザー名(山田太郎)
ープロパティ2:年齢(29)
ープロパティ3:性別(女性)

イベント名:曲を聞く
ープロパティ1:曲名(川の流れのように)
ープロパティ2:ミュージシャン(美空ひばり)
ープロパティ3:ユーザーのプラン(無料, 有料)

イベント名:曲を買う
ープロパティ1:ミュージシャン(美空ひばり)
ープロパティ2:価格(1,000円)
ープロパティ3:ユーザーのプラン(無料, 有料)

こういった情報を記録していって、傾向を知ることができる。

SPONSOR

トラッキング設定

javacsriptライブラリの読み込みと、イベントトラッキングの設定をする。
(javascript以外にもPHPなどライブラリは用意されている)

1.タグを埋め込む 例

<!-- start Mixpanel --><script type="text/javascript">(function(e,a){if(!a.__SV){var b=window;try{var c,l,i,j=b.location,g=j.hash;c=function(a,b){return(l=a.match(RegExp(b+"=([^&]*)")))?l[1]:null};g&&c(g,"state")&&(i=JSON.parse(decodeURIComponent(c(g,"state"))),"mpeditor"===i.action&&(b.sessionStorage.setItem("_mpcehash",g),history.replaceState(i.desiredHash||"",e.title,j.pathname+j.search)))}catch(m){}var k,h;window.mixpanel=a;a._i=[];a.init=function(b,c,f){function e(b,a){var c=a.split(".");2==c.length&&(b=b],a=c[1]);b[a]=function(){b.push([a].concat(Array.prototype.slice.call(arguments,
0)))}}var d=a;"undefined"!==typeof f?d=a[f]=[]:f="mixpanel";d.people=d.people||[];d.toString=function(b){var a="mixpanel";"mixpanel"!==f&&(a+="."+f);b||(a+=" (stub)");return a};d.people.toString=function(){return d.toString(1)+".people (stub)"};k="disable time_event track track_pageview track_links track_forms register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user".split(" ");
for(h=0;h<k.length;h++)e(d,k[h]);a._i.push([b,c,f])};a.__SV=1.2;b=e.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===e.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";c=e.getElementsByTagName("script")[0];c.parentNode.insertBefore(b,c)}})(document,window.mixpanel||[]);
mixpanel.init("YOUR TOKEN");</script><!-- end Mixpanel -->

2.イベントをトラッキングする

<script type="text/javascript">  
  mixpanel.track("Song Played", { 
    "Song Artist": "The Rolling Stones", 
    "Song Title": "Gimme Shelter"
  });
 </script>

この場合

mixpanel.track("Song Played");

でイベントを記録できる。

リンクを測定したいときは

<div id="nav">
    <a href="/">Home</a>
    <a href="/about">About</a>
    <a href="/pricing">Pricing</a>
</div>
<script type="text/javascript">
    mixpanel.track_links("#nav a", "click nav link", {
        "referrer": document.referrer
    });
</script>

でリンクに設定できる

直近のイベントはライブビューでチェックできる。

  • このエントリーをはてなブックマークに追加
SPONSOR

PROFILE

プロフィール

入江 慎吾
自分が作ったサービスで生きていく。同じゴールを目指すサービス開発集団「入江開発室」を運営(現在約280名) / 個人間スキルシェアサービス「MENTA」は1ヶ月と10日で売上100万円を達成。1日で100社が利用した「JobTag」など多数開発
(詳しいプロフィール)

PRODUCT

イリテクで開発したプロダクト

RELATION

関連する記事

SPONSOR

TAG

タグから記事をさがす