メインコンテンツまでスキップ

広告主向け Google Tag Manager 統合

このページでは、Google Tag Manager を使用して Rokt Ads を実装し、コンバージョンをキャンペーンにリンクさせてループを完結させる方法を説明します。コンバージョンを広告エンゲージメントに結びつけることで、より正確なアトリビューション、リアルタイムの最適化、およびキャンペーン測定を可能にします。

ここでは、データレイヤーに基づいて Google Tag Manager で変数を作成する方法と、Rokt SDK を初期化しコンバージョンをログに記録するためのタグを作成する方法を学びます。

データレイヤーの理解

データレイヤーは、あなたの開発者によってウェブページ上に実装されているはずです。

データレイヤーは、Google Tag Manager (GTM) と共有したいすべての情報を含むオブジェクトです。イベントや変数などの情報は、データレイヤーを介して Google Tag Manager に共有され、変数の値(例:purchase_total > $100 の場合にリマーケティングタグを発火)または特定のイベントに基づいてトリガーを Google Tag Manager で設定することができます。変数の値は、他のタグ(例:タグの値フィールドに purchase_total を追加)に伝えることも可能です。

データレイヤーがどのように機能するかの詳細については、Google の GTM 開発者ガイド を参照してください。

データレイヤーの例:

window.dataLayer = window.dataLayer || []

window.dataLayer.push({
'email':'jenny.smith@rokt.com',
'user': {
'firstname' : 'Jenny',
'lastname' : 'Smith'
},
'ecommerce': {
'transaction': {
'amount' : '12.36'
}
},
'event':'gtm.transactionComplete'
});

変数名を識別する

変数はあなたのGTMアカウントで設定され、データレイヤに紐付けられます。変数に関する詳細はGTM 開発者ガイドを参照してください。

あなたのページにおけるデータレイヤの構成は、GTM内のデータレイヤ変数名に影響を与えます。

例データレイヤスクリプト 1:

window.dataLayer.push({
'email':'jenny.smith@rokt.com'
});

データレイヤ変数名: email

例データレイヤスクリプト 2:

window.dataLayer.push({
'user': {
'firstname' : 'Jenny'
}
});

データレイヤ変数名: user.firstname

例データレイヤスクリプト 3:

window.dataLayer.push({
'ecommerce': {
'transaction': {
'amount' : '12.36'
}
}
});

データレイヤ変数名: ecommerce.transaction.amount

Google Tag Managerで変数を作成する

  1. Google Tag Managerコンテナにログインします。
  2. 変数をクリックします。
  3. ユーザー定義の変数の下にある新規をクリックします。
  4. 変数の名前を入力します。
  5. **設定を開始するには、変数タイプを選択...**をクリックします。
  6. ページ変数の下で、データレイヤ変数を選択します。
  7. データレイヤ変数名を入力します。データレイヤの構造に基づいて変数名を特定するために、上記の例を参照してください。
  8. 保存をクリックします。

Roktは以下の属性に対する変数を作成することをお勧めします:

  • email
  • firstname
  • lastname
  • zipcode
  • mobile
  • conversiontype
  • confirmationref
  • amount
  • currency

タグを作成する

Rokt SDKの各主要機能を処理するために個別のタグを作成する必要があります。これには以下が含まれます:

  • Rokt SDKの初期化
  • ユーザーの識別
  • ページビューのトラッキング
  • コンバージョンの記録

また、これらのタグが実行されるタイミングを定義する特定のトリガーも設定する必要があります。各タグの説明に従って設定してください。

Rokt SDK を初期化する

SDK を初期化するタグを作成するには:

  1. Google タグ マネージャー コンテナにログインし、左側のナビゲーションで タグ をクリックします。

  2. 新規 をクリックし、 タグの設定 を選択します。 Google Tag Manager

  3. タグの設定 を選択し、「Community Template Gallery のタグタイプをもっと見る」に移動します。 Google Tag Manager

  4. 検索バーで、Rokt を検索します。 Google Tag Manager

  5. 検索結果から mParticle by Rokt - Initialization Template を選択します。

  6. 設定を入力します:

    • mParticle by Rokt API キー の下に、Rokt アカウントマネージャーから提供された API キーを入力します。
    • ファーストパーティドメイン統合 のためにカスタムドメインを設定した場合、新しいドメイン名を ファーストパーティドメイン名 の下に入力します。
    • タグを本番データに使用する準備ができたら、その他の統合オプション の下で 環境Production に設定します。まだタグをテストしている場合は Development に設定したままにします。
    • クッキーを許可または禁止したい場合は、その他の統合 ドロップダウンから適切なオプションを選択します。
    • タグのカスタム発火スケジュールを設定したい場合は、 詳細設定 ドロップダウンを開き、 発火優先度発火オプションタグのシーケンス などのオプションを設定します。
    • 追加のタグメタデータ ドロップダウンを使用して、タグが発火した際にイベントデータに含める追加の変数を指定します。
  7. トリガー メニューで、+ ボタンをクリックしてトリガーを設定するか、利用可能なオプションから選択します。

  8. 初期化タグをすべてのページで発火させるために すべてのページ を選択し、必要に応じて例外を追加します。

  9. 保存 をクリックします。

ユーザーの識別

現在のユーザーをRoktに識別するタグを作成する必要があります。このタグをサイトに含め、ユーザーがメールアドレスを提供したらすぐに発火するようにしてください。

  1. Google Tag Managerコンテナの左側のナビゲーションからタグをクリックします。

  2. 新規をクリックし、タグ設定を選択します。

  3. 「コミュニティテンプレートギャラリーで他のタグタイプを探す」をクリックし、Roktを検索します。

  4. 検索結果からmParticle by Rokt - IDSync Templateを選択します。

  5. IDSyncイベントタイプから識別を選択します。 Google Tag Manager

  6. 識別オプションセクションを展開し、ユーザーを識別するために使用するフィールドを表すデータ変数を入力します。

    • ユーザーの生の、ハッシュ化されていないメールアドレスを使用したい場合は、このフィールドに該当するデータ変数をEmailに入力します。
    • ユーザーのSHA256でハッシュ化されたメールアドレスを使用したい場合は、このフィールドに該当するデータ変数をOtherに入力します。
  7. ユーザーがメールアドレスを提供したらすぐにこのタグを発火するトリガーを設定します。使用するトリガーは特定の統合に依存しますが(例として)、フォームの送信を通じてユーザーがメールアドレスを提供したときにタグを発火するトリガーを作成することができます:

    • トリガー設定からフォームの送信メールを選択します。
    • トリガーにアクセスするためにクリックし、トリガー設定ページに進んだら編集アイコンをクリックします。
    • このトリガーが発火する場所で、一部のフォームを選択します。
    • ユーザーのメールアドレスを保存するために作成したデータレイヤー変数を選択します。
    • 条件として、正規表現に一致するを選択し、正規表現 .+@.+\..+ を入力します。

    Google Tag Manager

注意

ユーザーを識別するタグのために使用する正確なトリガー設定は、統合に依存します。イベントを記録する前にユーザーが正常に識別されるように、このタグを最適に実装するための質問がある場合は、Roktアカウントマネージャーに相談してください。さらに、このタグの前に初期化タグが必ず最初に発火されることを確認してください。

ページビューを追跡する

ユーザーの取引ジャーニーの各ページが読み込まれるとすぐに、ページビューをログに記録する必要があります。ページビューをログに記録するタグを作成するには:

  1. Google Tag Manager コンテナの左側のナビゲーションで Tags をクリックします。
  2. New をクリックし、Tag Configuration を選択します。
  3. "Discover more tag types in the Community Template Gallery" をクリックし、Rokt を検索します。
  4. 検索結果から、mParticle by Rokt - Event - Screen View Template を選択します。
  5. タグに「Track Page View」のような説明的な名前を入力します。
  6. Screen Name には「page view」と入力します。
  7. Page URL には、現在のページのURLのデータ変数を入力します。
  8. Custom Attributes には、表示されているページに関する追加の詳細を提供するためにキー/バリューペアとして追加のデータ変数を入力します。
  9. トリガーを設定して、このタグが取引ジャーニーのすべてのページで(初期化タグの後)発火するようにします。
注記

Screen Name フィールドには常に「page view」が入力されている必要があります。Page URL フィールドと Custom Attributes は、表示されている特定のページに関連する情報を提供するために使用できます。

注意

トラック ページ ビュー タグの正確なトリガー設定は、あなたの統合によって異なります。ページが正しく追跡されるようにこのタグをどのように実装するのが最適かについて質問がある場合は、Rokt のアカウント マネージャーに相談してください。

コンバージョンの記録

Rokt広告主の統合では、Rokt SDKを初期化するタグを作成することに加えて、コンバージョンを記録するタグも必要です。

  1. Google Tag Manager Containerの左側ナビゲーションからTagsをクリックします。
  2. Newをクリックし、Tag Configurationを選択します。
  3. "Discover more tag types in the Community Template Gallery"をクリックし、Roktを検索します。
  4. 検索結果から「mParticle by Rokt - Event - Custom Template」を選択します。
  5. タグの説明用の名前を入力します。
  6. Event Nameフィールドにconversionと入力します。
  7. Event TypeのドロップダウンメニューでTransactionを選択します。
  8. サイトのデータレイヤーに基づいて作成した変数を使って、Roktに転送したい各属性をCustom Attributesフィールドに設定します(例:conversiontypeamountなど)。
  9. タグのトリガー条件を設定するには、Triggeringを選択します。
  10. 新しいトリガーを追加するには、**+**ボタンをクリックします。

Google Tag Manager

  1. Trigger Configurationをクリックします。次のステップは、サイトがマルチページアプリケーション(MPA)かシングルページアプリケーション(SPA)かによって異なります:

    • マルチページアプリケーションのトリガー設定

      1. リストからPage Viewを選択します。
      2. トリガー発火ルールをSome Page Viewsに変更します。
      3. タグを発火させる各ページを識別するURLパラメータを入力します。例えば、確認ページがexample.com/cart/payment/confirmationの場合、識別パラメータはcartpayment、またはconfirmationのいずれかになります。
    • シングルページアプリケーションのトリガー設定

      1. リストからHistory Changeを選択します。
      2. トリガー発火ルールをSome History Changesに変更します。
      3. タグを発火させるページを識別するURLパラメータを入力します。例えば、確認ページがexample.com/cart/payment/confirmationの場合、識別パラメータはcartpayment、またはconfirmationのいずれかになります。
  2. Saveをクリックします。

この記事は役に立ちましたか?