フォローする

旧Googleアナリティクス連携

 

概要

このページでは、GoogleアナリティクスとKaizenPlatformの連携方法について記載します。

※現行の「Googleユニバーサルアナリティクス」との連携方法は、Googleユニバーサルアナリティクス連携 のページをご覧ください。

※テストのタイプが「スプリットURL」の場合、連携ができませんのであらかじめご了承ください。

 

 

手順

1. Google アナリティクス側の設定を行う

本設定を有効にするために予め Google アナリティクス側の設定画面で現在利用していないカスタム変数を確認します。
Google アナリティクスのレポート画面から「ユーザー > カスタム > カスタム変数」へお進みください。

google_analytics_custom_variables.png

 

2. Kaizen Platform 側での設定を行う

「エクスペリエンスの設定 > 詳細設定」を開きます。

experience_edit_classic_google_analytics_ja.png

「外部サービスとの連携 > 旧Google アナリティクス に情報を送信する」にチェックを入れます。
「カスタム変数のキー番号」の欄に、Google アナリティクス上で確認したカスタム変数のキー番号を入力してください。

 

注意事項

トラッキングコードを改変してトラッカー名を指定する形で運用されている場合は、「カスタムトラッカー名」も入力します。

例えば以下のように「カスタムトラッカー名」を「tracker2」と入力している場合は

var _gaq = _gaq || [];
_gaq.push(['tracker2._setAccount', 'UA-XXXXX']);
_gaq.push(['tracker2._setDomainName', 'foo.com']);
_gaq.push(['tracker2._trackPageview']);

「カスタムトラッカー名」には「tracker2」 を入力します。

 

3. 対象ページのHTMLの編集をする

本設定を有効にした場合は、「デザインを改善するページのURL」のHTML内に、以下のJavaScriptコードを設置して頂く必要があります。

try { kzs("activateGoogleAnalytics"); } catch(e) {}

コードを追記する位置は以下の通りです。

  • Kaizen Platform の JavaScript コードより下
  • var _gaq = _gaq || []; より下
  • _gaq.push(['_setAccount', 'UA-XXXXXX']); より上

 

設置例: 「テスト対象」が「ページ修正(UIエディター)」の場合

<!-- Kaizen JS (組織ごとで決められているJSタグを設置してください) -->
<script src="https://cdn.kaizenplatform.net/X/YY/123456789.js?kz_namespace=kzs" charset="utf-8"></script>

<!-- GA トラッキングコード -->
<script>
  var _gaq = _gaq || [];
  try { kzs("activateGoogleAnalytics"); } catch(e) {}
  _gaq.push(["_setAccount", "UA-XXXXXX-Z"]);
  _gaq.push(["_trackPageview"]);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

 

設置例: 「テスト対象」が「画像差し替え」の場合

setTimeout()で囲みます。

<!-- Kaizen JS (組織ごとで決められているJSタグを設置してください) -->
<script src="https://cdn.kaizenplatform.net/X/YY/123456789.js?kz_namespace=kzs" charset="utf-8"></script>

<!-- GA トラッキングコード -->
<script>
  var _gaq = _gaq || [];
  setTimeout(function() {
    try { kzs("activateGoogleAnalytics"); } catch(e) {}
    _gaq.push(["_setAccount", "UA-XXXXXX-Z"]);
    _gaq.push(["_trackPageview"]);
  }, 1000);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>

 

 

Google アナリティクス への情報送信例

  • ある訪問者が デザインを改善するページの URL にアクセスした
  • エクスペリエンスID100798 の エクスペリエンスが実施された
  • 適用されたデザイン案の デザインID101556 だった
  • 上記の場合は設定したカスタム変数に Exp_100798_Variation_101556 という値が設定されます。

詳細な仕様は以下の通りです。

  • デザインを改善するページの URL 以外のページでは変数の代入が実行されません。
  • デザイン案として オリジナル が採用された場合は、 デザインID-1 となります。
  • エクスペリエンスの エクスペリエンスID はエクスペリエンス詳細ページ > 画面上部 > エクスペリエンスの名前の右側に記載されています。

experience_detail_where_experiment_id_is_ja.png

  • デザインID はエクスペリエンス詳細ページのデザイン案のタブ内で各デザイン案のサムネイル上部に表示されています。

variation_id.png

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

0 コメント

記事コメントは受け付けていません。