OneSignal の
実施した
[TOC]
参考
Mixpanel の 日本語説明記事
解析嫌いなあなたを
震わす!簡単&便利な Mixpanelを 使おう! | cherry-pick BLOG | 株式会社cherry-pick - Mixpanelの
autotrackで コーディングいらずで イベントを トラッキング - よっぽどの ことがない 限り 更新しない ブログ
Mixpanel を GTM 設定で 参考に した 記事
Implement Mixpanel with Google Tag Manager – Mixpanel Help Center
Mixpanel event tracking using Google Tag Manager | Websolutions Agency
How to Setup Mixpanel with Google Tag Manager? — MarketLytics
料金プランの 情報、 各プランできること
タグ設定の ゴール
特にたくさんの
参考記事をPageView 等の<wbr>総合的な<wbr>指標の<wbr>取得は<wbr> Google Analytics に<wbr>任せて、<wbr>Event の<wbr>取得を<wbr> Mixpanel を<wbr>行う
のがサイト内の<wbr>ページ遷移
を
実施した こと
以下、
- アカウント作成、
初期設定 - GTMの
タグ設定
アカウント作成、 初期設定
アクセス解析ツールの
補足で
アカウント作成時に
求められる 情報
Outh2 で他サービスの アカウントで サインアップを 行う ことは できません。
以下の情報を 求められます。
電話番号、会社名は 任意ですので、 入力しなくても OK でした。 - 氏名
- メールアドレス
- パスワード
- 会社名
- 電話番号
- お知らせ
メールを 受け取るか 否か
無料プランで
利用できる 内容
料金プランには、Engagement plan
とPeople plan
があります。
Engagement plan
はEvent 数課金で、 People plan
はユーザープロファイル数で 課金されます。 Engagement plan
1月あたり、
5000000 Event まで 1 作成できる
プロジェクト数が、 5つまで セグメント や、
ファネル に 適用できる フィルタ数が 2つまでで、 レポートの 内容が 制限される。 データ保持期間は、
60日間 プロジェクトに
参加できる 人数は、 3人 二要素認証が
設定できる。
People plan
- 1000プロファイルまで
初期プロジェクト名の
変更
初期プロジェクト名がデフォルトで 設定されています。
タグを設置する サイトの 情報に 変更します。 まず、
画面右上の 歯車マークを クリックします。 続いて、
プルダウンが 表示されます。 Project settings
をクリックします。 ポップアップウィンドウが
表示されます。 Managementタブの 内容を 編集します。
編集対象の項目は 以下の 通りです。 - Name
- URL
- Timezone
アカウント作成、
GTMの タグ設定
以下、
そも
そも Mixpanel は、 直接タグ埋め込みを 推奨している
Implement Mixpanel with Google Tag Manager – Mixpanel Help Center には以下、 可能であれば、 タグを サイトに 直接埋め 込んで 欲しい 旨が 記載されています。
取りこぼしが 発生するのかもしれませんが、 GTM 配信の ほうが メリットが あると 考えますので、 無視して 作業を 進めます。 While you can try to use GTM to load the Mixpanel library, we recommend placing the Mixpanel snippet on the page directly if possible to ensure it loads properly (i.e., before any of your track calls). If you’re using Autotrack, you can stop here - this is where you will switch to the Mixpanel Point & Click Editor to complete your Event tracking.
Mixpanel の
初期化タグの 設定
Head タグ内に、埋める JavaScript を カスタム HTMLで 配信します。 タグタイプ
カスタム HTMLHTML の
内容 <!-- 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[c[0]],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 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 -->
document.write を
サポートする
チェックなし詳細設定-タグ呼び
出しオプション
1ページにつき1度 トリガー
トリガーのタイプは、 ページビューで、 フィルタは なし、 全ての ページを 指定。
AutoTrack と
いう 機能が あり、 それで、 Linkを Traking しようと したが、 使用できなかった
AutoTrack で自動で 記録してもらえるなら、 そちらの 方が 良かったのですが、 2018/04/17日時点では、 プロジェクト作成後は、 デフォルトで 使用できなくなっているようです。
使用できない経緯は 以下に 記載が ありました。 Link トラッキングの
ための HTMLタグを 作成する
Link トラッキングのための カスタム HTMLを 配信します。 タグタイプ
カスタム HTMLHTML の
内容
Link のText と、 URL、 Referrer を 送信します。
全てGTM の 組み込み 変数です。 <script> mixpanel.track("LinkClick", { "Click Text":{{Click Text}}, "Click URL":{{Click URL}}, "Referrer":{{Referrer}} }); </script>
document.write を
サポートする
チェックなし詳細設定-タグ呼び
出しオプション
1イベントに つき1度 タグの
順序付け- タグの<wbr>名前
が発効する 前に タグを 配信
チェックを入れる タグの
順序付け-設定タグ
Mixpanel の<wbr>初期化タグ
を選択する タグの
順序付け- タグの<wbr>名前
は、Mixpanel の<wbr>初期化タグ
が配信できなかった 場合や 一時停止と なっている 場合には 配信しないでください
チェックを入れる トリガー2
トリガーの種類は、 クリック-リンクのみ、 すべての リンククリックを 選択。
タグの配信を 待たない。 妥当性は チェックしない。
上記設定で、
以上です。
コメント