Googleアナリティクスを導入しているサイトでは、KARTE Blocksで設定した内容が表示されたか、クリックされたかをGoogleアナリティクスでも計測したいというケースもあると思います。

本記事ではGoogleタグマネージャー(GTM)を用いてGoogleアナリティクスを設定しているサイトを前提に、KARTE Blocksで設定した内容の表示・クリックをGoogleアナリティクスのイベントとして計測をする例を説明します。
下記を参考に、サイトごとに取得すべき内容に合わせて設定をお願いします。

前提

  • Googleタグマネージャーを用いてGoogleアナリティクスを設定しているサイトを前提に説明します。
  • GTMの利用方法については、Google タグマネージャ ヘルプサイトをご覧ください。
  • GTMのカスタムイベントトリガーを用いた設定方法をご説明いたします。カスタムイベントトリガーについては、Google タグマネージャ ヘルプサイト - カスタムイベントトリガーをご覧ください。
  • Googleアナリティクスががユニバーサルアナリティクスであることを前提に説明します。GA4をご利用の場合は、本記事の内容を参考にGA4に合わせた設定をお願いします。
  • KARTE Blocksで設定をするブロックタイプが「コード」「前にコードを追加」「後ろにコードを追加」の場合のみ設定が可能です。

KARTE Blocksの設定

各置き換えブロックごとに、KARTE Blocksで設定をした内容が表示・クリックされたという情報をGTMのdataLayerにセットするための記述をします。

表示の計測

置き換えブロックのScriptに、GTMのdataLayerに情報をセットする記述を追加。

window.dataLayer = window.dataLayer || [];
dataLayer.push({
    event: "blocks_event",
    blocks_event_category: "blocks_view",
    blocks_event_action: "top_mainbanner",
    blocks_event_label: "firstvisit_patternA"
});

null

クリックの計測

置き換えブロックがクリックされた際にGTMのdatalayerに値がセットされるようにコードを記述(onclick属性への記述など)。

dataLayer.push({
    event: "blocks_event",
    blocks_event_category: "blocks_click",
    blocks_event_action: "top_mainbanner",
    blocks_event_label: "firstvisit_patternA"
});

注意点

  • 表示・クリックともに、送信する内容は適宜変更してください。以下、推奨設定になります。
    • blocks_event_action : 対象ページとエリアがわかる値を設定
      • 例:top_mainbanner
    • blocks_event_label : 配信条件とパターンがわかる値を設定
      • 例:firstvisit_patternA
  • ABテスト等で複数パターンを設定している場合は、パターンごとにコードを記述してください。

GTMの設定

変数・トリガー・イベントの順に、それぞれ設定が必要です。

変数設定

作成する変数は合計で3つです。変数「blocks_event_category」を作成する方法を下記に記載しておりますので、同様の手順で変数「blocks_event_action」「blocks_event_label」も作成してください。

  1. メニューの「変数」から「ユーザー定義変数」の「新規」をクリック。
    null
  2. 変数名に「blocks_event_category」を記述。
  3. 変数タイプを選択にて、「ページ変数」の「データレイヤーの変数」を選択。
    null
  4. データレイヤーの変数名に「blocks_event_category」を記述。
    null
  5. 「保存」をクリック。

トリガー設定

  1. メニューの「トリガー」から「新規」をクリック。
    null
  2. トリガー名に「blocks_event」を記述。
  3. トリガーのタイプを選択にて、「その他」の「カスタムイベント」を選択。
    null
  4. イベント名に「blocks_event」を記述。
    null

タグ設定

  1. メニューの「トリガー」から「新規」をクリック
  2. タグ名を設定(例:KARTE Blocksイベント計測用)
  3. タグタイプを選択にて、「Googleアナリティクス:ユニーバサルアナリティクス」を選択。
    null
  4. トラッキングタイプ「イベント」を選択。
    null
  5. イベントトラッキンパラメータのカテゴリ・アクション・ラベルに、作成した変数をGTMの参照方法に則って記述。
    null
  6. Googleアナリティクス設定で、計測をしたいGAトラッキングIDを設定。
  7. トリガーの選択にて、作成をしたトリガー「blocks_event」を選択。
    null

Googleアナリティクスで計測確認

Googleアナリティクス画面にて、設定をしたイベントの発生が確認できたら完了です。
null