Google Analytics

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

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

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

以前このブログで 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

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

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

  2. Adobe Dynamic Tag Manager

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

    こんにちは、エクスチュアCTOの権です。今回はAdobe Dy…

  3. GA 360 Suite

    GoogleDataStudio:GoogleAnalyticsのカスタムチャネルグループをCASE…

    こんにちは。エクスチュアの渡部です。DataStudioの小ネ…

  4. Google Analytics

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

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

  5. Adobe Analytics

    Looker: エンジニアがBIで分析ダッシュボードを作る

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

  6. Adobe Analytics

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

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

最近の記事

  1. Azure DatabricksでAdobe Analyti…
  2. GoogleDataStudio:複数のデータソースにフィル…
  3. Node.js+GAE: 日本語自然文を形態素解析してネガポ…
  4. Tableauで半円型のゲージを作る方法
  5. Looker: サンバーストグラフを使って階層データを可視化…
  1. Google Analytics

    Google Analytics StandardのデータをBigQueryで分…
  2. Adobe Analytics

    Adobe Analytics: Datafeedのログからフォールアウトレポー…
  3. Firebase Analytics

    Firebase AnalyticsのデータをフラットなCSVに変換するETL処…
  4. Google Analytics

    Google Tag Manager上でGoogle Analyticsのcli…
  5. ObservePoint

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