Google Analytics

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

この情報は2018年4月当時の情報です。

こんにちは、エクスチュアCTOの権です。

Twitter:@exturekwon

以前このブログで Google Tag Manager上でGoogle AnalyticsのclientIDを取得する という記事を書きました。
しかし内容が古く、今は customTask という機能を使った方が早いので紹介します。

参考にしたのは、GTMといえばこの方。Simo Ahava氏のブログです。
#GTMTips: Use customTask To Access Tracker Values In Google Tag Manager

1. カスタムJavascript変数を作成する

まずはclientIDを計測するためのカスタムディメンションを決めてください。
今回はカスタムディメンション1を使います。

そして下記のJavascriptを使って、ClientID という名前のカスタムJavascript変数を作成します。

名前: ClientID
中身:

function() {
  var customDimensionIndex = "1"; //カスタムディメンション番号を指定する。ここでは1。
  return function(model) {
    model.set('dimension' + customDimensionIndex, model.get('clientId'));
  }
}

2. GA設定にcustomTaskフィールドを追加

そしてGAユニバーサルアナリティクスのタグに、customTaskというフィールドを追加して、そこで先程作った{{ClientID}}変数をセットします。
customTaskというフィールドはこの記事を書いてる時点でGTMの選択肢には出て来ませんが、気にせず打ち込んでください。

[Googleアナリティクス設定変数]を使っている場合は、そこでフィールドを追加設定出来ます。
個別のタグに設定したい場合は、各タグの[このタグでオーバーライド設定を有効にする]項目にチェックをいれて、設定を追加出来ます。

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

あとはプレビューモードでテストして、カスタムディメンション1にclientIDが入っていれば公開してください。
とても簡単になりました。
前はイチイチ別イベントでClientIDを送るダサい実装をしてましたが、これなら通常のページビューヒットにclientIDがセットされます。

今回はcustomTask機能を使ってGoogle AnalyticsのclientIDを取得する方法についてでした。
弊社ではGoogle AnalyticsやAdobe AnalyticsなどのWeb解析ツールの導入支援を行っております。
お問合わせはこちらからどうぞ。

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

関連記事

  1. Adobe Analytics

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

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

  2. Adobe Analytics

    続・SafariのITP2.x対策として別サーバー使ってクッキーを永続化する

    こんにちは、エクスチュアの権泳東/コン・ヨンドン(@exturekwo…

  3. Adobe Analytics

    GTMのdataLayerをAdobeAnalyticsの「s」オブジェクトにコピーする

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

  4. Google Analytics

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

    2018/4/20追記:この記事の内容は古いので、下記の新しい記事…

  5. Adobe Dynamic Tag Manager

    Tag Manager: Adobe DTM で Google Analytics (gtag.js…

    こんにちは、エクスチュアCTOの権です。Twitter:@ex…

  6. Adobe Analytics

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

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

最近の記事

  1. Adobe AEP SDKをTypeScriptで開発したR…
  2. DTMからAdobe Launchへの移行:4段階のアプロー…
  3. Metabotを使ってSlackにMetabaseのグラフを…
  4. GTMのdataLayerをAdobeAnalyticsの「…
  5. Metabase: カスタムマップで日本地図を追加する
  1. Adobe Analytics

    Azure DatabricksでAdobe AnalyticsのDatafee…
  2. Looker

    Looker: 公開されているLookML Blockをクローンして使う方法
  3. Tableau

    Tableau Viz紹介 : 10.4新機能を使ってダッシュボードを作ってみた…
  4. Adobe Experience Cloud

    Adobe Summit 2020レポート: 5 Marketing Trend…
  5. Adobe Analytics

    Adobe Analytics: BigQueryでパーティシペーション指標を集…
PAGE TOP