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. Google Cloud Platform

    Server-side GTM を Google AppEngine にデプロイする

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

  2. Google Cloud Platform

    Server-side GTMのAppEngine設定をカスタマイズする

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

  3. Adobe Analytics

    AA + GA : SafariのITP2.1に備えてphpでクッキーを永続化する

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

  4. Firebase Analytics

    GoogleAnalytics Apps+Web プロパティをBigQueryと連携したついでにフラ…

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

  5. Adobe Dynamic Tag Manager

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

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

  6. Adobe Analytics

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

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

最近の記事

  1. Google Analytics 4: イベントパラメータを…
  2. Google Analytics 4 + BigQueryで…
  3. Google Analytics 360: BigQuery…
  4. Google Analytics: ユニバーサルアナリティク…
  5. Server-side GTMのAppEngine設定をカス…
  1. Google Cloud Platform

    Looker: LookerbotをGoogle Cloud Platformで…
  2. Adobe Dynamic Tag Manager

    Adobe DTMからAdobe Launchに一発アップグレード
  3. Adobe Launch

    DTMからAdobe Launchへの移行:4段階のアプローチ
  4. ObservePoint

    ObservePoint:強力でアツい機能を持つサイト監査ツールの紹介
  5. KARTE

    KARTE:カスタムイベントでページの要素を取得して接客を出す
PAGE TOP