フォローする

Googleユニバーサルアナリティクス連携をGoogle Tag Managerで行う_A

 

概要

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

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

 

事前にご確認ください

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

  • KaizenPlatformのJavaScriptコードはタグマネージャーを利用せず、ページに直接設置している
  • Google AnalyticsのタグはGoogle Tag Managerを使って配信している

際の手順となります。

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

 

連携について

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. Google Tag Manager 側の設定

2-1. 配信タグを作成する

KaizenPlatformとの連携用に、新たな配信タグを作成していただきます。
配信するコードは、下記です。状況に合わせてお選びください。
※コピー&ペーストする際は、文字化けをしていないか、全角が混じっていないかなどを今一度ご確認ください。

 

カスタムトラッカー未設定の場合

<script type="text/javascript">
var kzs = window.kzs || function() { var _ = window.kzs; return (_.q || (_.q = [])).push(arguments); };
try {
  kzs("activateUniversalAnalytics", { beforeTrack: function() {
    ga("create", "UA-XXXXXXXXX-X", { name:"kaizenp" });
  }});
} catch(e) { console.log("kaizen activateUniversalAnalytics failed", e); }
</script>
※カスタムトラッカー未設定の場合、「ga("create",~」のコードは必須です。「UA-XXXXXXXXX-X 」の部分は、お客様が使用しているGoogle AnalyticsのトラッキングIDに変更してください。
※「{ name:"kaizenp" }」の部分の「kaizenp」は、任意の名前で構いません。KaizenPlatformの管理画面に入力する部分なので、どこかに控えておいてください。 

カスタムトラッカーが設定済みの場合

カスタムトラッカーは、Google Tag Managerで設定するものですが、すでに設定がされている場合は、「ga("create",~」 の記述が不要になります。その場合は下記のように、関数の中ではコンソールメッセージなどが実行されるようにしてください。

<script type="text/javascript">
var kzs = window.kzs || function() { var _ = window.kzs; return (_.q || (_.q = [])).push(arguments); };
try {
kzs("activateUniversalAnalytics", { beforeTrack: function() {
console.log("kaizen activateUniversalAnalytics succeed");
}});
} catch(e) { console.log("kaizen activateUniversalAnalytics failed", e); }
</script>

 

参考: カスタムトラッカーが指定できる場所

gtm2.png

2-2. 配信設定を行う

  • document.writeのサポートのチェックを外す
  • トリガーで配信先のURLを指定する

の2点を行なってください。
document.writeのサポートには、チェックを入れてしまうと、GTMからの配信が遅くなってしまいます。

gtm.png

 

3. KaizenPlatform側での連携設定

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

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

  • 「Googleユニバーサル アナリティクス に情報を送信する」にチェックを入れてください。
  • カスタムディメンションのインデックスには、Google Analytics側で最初に設定したカスタム定義のインデックス番号を入力してください。
  • カスタムトラッカー名は、Google Tag Manager側もしくはコードで設定した値を入力してください。(先述のコード例だと「kaizenp」にあたるもの)

________2017_12_04_15_04.png

ここまで完了したら、設定を保存し、連携は完了です。

 

 

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 コメント

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