フォローする

Googleユニバーサルアナリティクス連携

 

概要

このページでは、Googleユニバーサルアナリティクスとの連携方法をご紹介いたします。

※各ツールのアップデートによっては、スクリーンショットが最新の仕様やUIとは異なる可能性があります。
※テストのタイプが「スプリットURL」の場合、連携ができませんのであらかじめご了承ください。

 

事前にご確認ください

このページに記載されている連携方法は、

  • KaizenPlatformのJavaScriptコードをタグマネージャーを利用せず、ページに直接設置している
  • Google Analyticsのタグもタグマネージャーを利用せず、ページに直接設置している

際の手順となります。

下記パターンの場合は、それぞれ専用のヘルプページをご参照ください。

 

連携について

KaizenPlatformのエクスペリエンス情報をGoogleユニバーサルアナリティクス(以下、GA)に受け渡すことで、GA上でテストやユーザーの解析を行うことが可能です。

主な目的は「最終的なレポート画面をGAに集約すること」になります。
KaizenPlatformのエクスペリエンスIDと使用されているデザインの Session / CV がそれぞれ取得できるようになります。



仕組みはGA のイベントトラッキングを活用しています。
GA標準のPageView ログとは別に、GA eventログを飛ばし、その中にカスタムディメンションとしてKaizenPlatformのテスト情報を含める事で、GAに情報を渡す事を実現しています。

 

 

1. Google Analytics にて、カスタム定義を設定する

はじめに、Google Analytics側でカスタム定義を設定します。
作成するのはカスタムディメンションです。
管理 -> カスタム定義 -> カスタムディメンションで開いてください。

そのあと、範囲をセッションとして、新しいディメンションを作成します。
ここで作成したディメンションのインデックスの番号をGoogle Tag Managerで使用しますので、
どこかに控えておいてください。

gtm-ga-3.png

 

注意事項

1人のユーザーに対して、複数のエクスペリエンスを同時に実行する場合(例えば、TOPページ→検索結果ページ→商品詳細ページの3つでテストをする、等)は、エクスペリエンスごとにカスタムディメンションを分けて作成することを推奨します。
1つのカスタムディメンションに対して複数のエクスペリエンス情報を送信すると、GA側では最後に実行されたエクスペリエンス情報に値が上書きされてしまい、 Kaizen Platformの計測数値とGAの計測数値で乖離が発生する原因となります。

gua-5.png

 

2. Kaizen Platform側での設定

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

詳細設定に、「外部サービスとの連携」という項目が存在するので、そちらの「Google ユニバーサル アナリティクス」に移動し、下記の設定を行なってください。

  • 「Googleユニバーサル アナリティクス に情報を送信する」にチェックを入れてください。
  • カスタムディメンションのインデックスには、Google Analytics側で最初に設定したカスタム定義のインデックス番号を入力してください。

 

※注意事項

トラッキングコードを改変して、トラッカー名を指定する形で運用している場合は、「カスタムトラッカー名」も入力します。
例えば下記のようなコードで、

ga("create", "UA-XXXXXXX", "auto", {"name": "kaizenp"});

GA側でカスタムトラッカー名を「kaizenpと設定している場合は、KaizenPlatform上でも「カスタムトラッカー名」に「kaizenp」と入力してください。

なお、トラッカー名を特に指定していない場合には、カスタムトラッカー名の入力は必要ありません。

ga-kaizen.png

 

 

3. テスト対象ページ (HTML) 側での設定

まず、元ページに設置するGAのJSコードは、「gtag.js」ではなく、「analytics.js」である必要があります。
参考: サイトに analytics.js を追加する

 

テスト対象ページのHTML内に設置されているGAトラッキングコードに、下記のコードを追記してください。
コードを追記する位置は、KaizenPlatformのJavaScriptコードより下」になるようにしてください。

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

上記コードは、「analytics.js」の「window.ga」オブジェクトの定義を待つ仕様となっております。
「KaizenPlatformのJavaScriptコード読み込み > 連携コード」の順番だけ守られていれば、「analytics.js」の読み込みは、どちらでされていても構いません。

 

設置例

<!-- GAタグ + GA pageview送信 -->
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-XXXXXXX', 'auto');
    ga('send', 'pageview');
  </script>

<!-- Kaizenタグ (組織ごとで決められているタグを設置してください) -->
<script
src="//cdn.kaizenplatform.net/x/yy/123456789.js?kz_namespace=kzs"
charset="utf-8"></script> <!-- Kaizen GA 連携用 --> <script>try { kzs("activateUniversalAnalytics"); } catch(e) {}</script>

 

 

4. Google Analytics でレポートを作成する

KaizenPlatformのテストをGoogleユニバーサルアナリティクスで解析するために、カスタムタブにて、新しいカスタムレポートを作成します。

指標グループ: セッション
ディメンションの詳細: 設定したインデックス番号のカスタムディメンション

ga-kaizen-3.png

上記の様にカスタムレポートを作成すると、レポートタブでは Exp_(エクスペリエンスID)_Variation_(デザイン案ID) という文字列が表示されます。
これは、例えば

  • ある訪問者が テスト対象ページ にアクセスする
  • エクスペリエンスID: #100001 のテストが実施される
  • 適用されたデザインは、デザイン案ID: #000002 だとする

上記の場合は、設定したカスタムディメンションに Exp_100001_Variation_000002 という値が送信される、ということです。

レポート内の Variation_-1 はKaizen Platform上では オリジナルデザイン となっているものです。
それ以外は、Kaizen Platform上のデザイン案IDと同じ値が代入されます。

 

表:KaizenPlatformのテスト状況とGA連携で送られてくる値一覧

KaizenPlatformのテスト状況 GA連携で送られてくる値
オリジナル案を適用(ID:123) Exp_〇〇 Variation_-1
Kaizenデザイン案を適用(ID:456) Exp_〇〇_Variation_456
対象外バケット Exp_〇〇_Variation_control
テスト実行割合外 GAのイベントトラッキングは飛ばない

ga-kaizen-2.png

注意点

  • デザイン案やエクスペリエンス情報は非同期取得し、ログ送信を行ないます。
  • イベントが発生した都度、Kaizenからのログの送信が行われるため、イベントがページビューよりも増えることがあります。
  • ラウンド開始前でも、連携の設定を完了すると、ログ送信が行われます。
この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

0 コメント

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