Google Analytics

Google Tag Manager上でGoogle AnalyticsのclientIDを取得する

2018/4/20追記:
この記事の内容は古いので、下記の新しい記事を見て下さい。

Google Tag Manager上でGoogle AnalyticsのclientIDを取得する:その2

こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。

今日はGoogle Tag Managerの話題です。

Google Tag Managerの中のGoogle AnalyticsでclientID(cid)をカスタムディメンションで取得しようとしてちょっと手間取ったので、そのメモ。

GAのcidが生成されるタイミングが、GAのページビュータグが発火してGTMがロード完了する直前なので、
何も考えずにページビュータグ内のカスタムJavascript変数で取得しようとしても動かなくてハマった。。
で、セッション中の最初のページビュー発火後に、ウィンドウ読み込みのタイミングでcidを計測するためのイベントトラッキングを1回動かす方法で回避。

手順は下記のとおり。

1. cidを取得するためのカスタムJavascript変数を作成する。
名前: cid
中身:

function() {
  try {
    var tracker = ga.getAll()[0];
    return tracker.get("clientId");
  } catch(e) {}
}

2. セッション中に1回だけcidを計測するためのカスタムJavascript変数を作成する。
名前: session_start
中身:

function(){
	var ret = "1";
	if (document.cookie.indexOf("ga_start") > -1) {
		ret = "0";
	}
	return ret;
}

3. cidをイベントトラッキングで送信後に、送信済みフラグのクッキーを書き込むためのカスタムJavascript変数を作成する。
名前: cid_callback
中身:

function(){
	return function(){ document.cookie = "ga_start=1; path=/;"; }
}

4. cidをイベントトラッキングで送信するためのトリガーを作成する。
トリガーの名前: gtm_load
種類: ウィンドウの読み込み
トリガーの発生場所: session_start 等しい 1

5. cid計測用のユニバーサルアナリティクスのタグを作る。
直帰率計測に影響が出ないように、「非インタラクションヒット」を「真」にします。
トラッキングタイプ: イベント
非インタラクションヒット: 真
トリガー: gtm_load

詳細設定 > 設定するフィールド
フィールドの名前: hitCallback
値: {{cid_callback}}

カスタムディメンション > 「インデックス番号」を指定して、
ディメンションの値: {{cid}}

以上を追加

これで、GAイベントトラッキングによって最初のページビュー発生直後に1度だけclientIDの値が計測されます。
非インタラクションヒットなので、直帰率計測に影響はありません。
カスタムディメンションにclientIDをセットしたあとに、コールバックで送信済みフラグのクッキーを書き込むので、2ページ目以降はこのイベントは発生しません。

で、カスタムディメンションの有効期限をユーザーにしておけばOK。
セッションでもいいんだけど、セッション跨いでも変わる事ないのでユーザーにしました。

GTMはセッションの開始を判定する機能が今のところないので、上記の通りにcookieを使って判定しました。

弊社ではAdobeAnalytics以外にもGoogleAnalyticsやMouseflowなどのWeb解析ツールの導入支援を行なっております。
お問い合わせはこちらからどうぞ。

ブログへの記事リクエストはこちらまで

クリック・ヒートマップの使い方前のページ

Web解析ツールだけでは足りない!次のページ

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Excel

    Google Analytics URLクエリパラメータ 簡単削除方法

    今回は前回紹介したクエリパラメータを削除する方法に続いて、Excelを…

  2. Google Analytics

    Cloud FunctionsとOpenWeather APIを使ってGoogle Analytic…

    こんにちは、エクスチュアの権泳東(權泳東/コン・ヨンドン)です。…

  3. Google Analytics

    Google Analyticsの「セグメント」機能について

    こんにちは!インターン生の宮川です。本日はGoogle Analyt…

  4. Adobe Analytics

    Adobe AnaltyicsとGoogle Analytics の「生Webビーコン」をBigQu…

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  5. Google Analytics

    Google Analytics 導入方法

    自社のサイトやブログを運営していくうえでサイトの分析というのは、コンテ…

  6. Google Analytics

    初めてのGoogle Analytics分析

    こんにちは、インターン生の松本です。今回は初めてのGoogle An…

カテゴリ
最近の記事
  1. Looker Studioで日付フィルターの開始日・終了日の…
  2. Streamlitでdbt-elementary風ダッシュボ…
  3. Adobe WebSDK FPIDでECIDの復元を検証
  4. dbt Projects on Snowflakeで作成した…
  5. Dataformでtype:’increment…
  1. Adobe Analytics

    AdobeAnalytics: Adobe I/OのAPIを使ってSAINT分類…
  2. Google Tag Manager

    同一サイトにGTMを複数導入する危険性について
  3. ブログ

    まぐれ
  4. ヒートマップ

    【Tips】フリクションとは?
  5. IT用語集

    カスタマージャーニー(Customer Journey)って何?
PAGE TOP