旧Googleアナリティクス連携 – Kaizen Platform(サイト改善) ヘルプセンター

【重要】最新のGA4には対応しておりません

本機能は現行(20241205現在)の最新のGA4には対応しておりません。
旧Googleアナリティクス及びユニバーサルアナリティクスは既に終了しており、そのため現在はご利用できない機能となりますので、ご注意ください。

最新のGA4への対応につきましては、今後検討する可能性はございますが、
現時点では検討しておりませんので、あらかじめご了承ください。

概要

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

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

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

手順

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

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

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

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

「外部サービスとの連携 > 旧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 にアクセスした
エクスペリエンスID が 100798 のエクスペリエンスが実施された
適用されたデザイン案の デザインID は 101556 だった
上記の場合は設定したカスタム変数に Exp_100798_Variation_101556 という値が設定されます。

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

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

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