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

広告主向けGoogle Tag Manager統合

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

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

データレイヤーの理解

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

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

データレイヤーの詳細な動作については、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 Tag Manager Containerにログインし、左側のナビゲーションでTagsをクリックします。

  2. Newをクリックし、Tag Configurationを選択します。 Google Tag Manager

  3. Tag Configurationを選択し、「Community Template Galleryでさらに多くのタグタイプを見つける」に進みます。 Google Tag Manager

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

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

  6. 設定を入力します:

    • mParticle by Rokt API Keyの下に、Roktアカウントマネージャーから提供されたAPIキーを入力します。
    • タグを本番データで使用する準備ができている場合は、More Integration Optionsの下でEnvironmentProductionに設定します。タグをまだテスト中の場合は、Developmentのままにしておきます。
    • クッキーを許可/不許可にしたい場合は、More Integrationsのドロップダウンから適切なオプションを選択します。
    • タグのカスタム発火スケジュールを設定したい場合は、Advanced Settingsのドロップダウンを開き、Firing PriorityFiring Options、またはTag Sequencingなどのオプションを設定します。
    • Additional Tag Metadataのドロップダウンを使用して、タグ発火時にイベントデータに含める追加の変数を指定します。
  7. Triggeringメニューで、**+**ボタンをクリックしてトリガーを設定するか、利用可能なオプションから選択します。

  8. 初期化タグがすべてのページで発火するようにAll Pagesを選択し、必要に応じて例外を追加します。

  9. Saveをクリックします。

ユーザーの識別

現在のユーザーを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 - IDSync Templateを選択します。

  5. IDSync Event TypeからIdentifyを選択します。 Google Tag Manager

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

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

    • Trigger ConfigurationからForm Submission Emailを選択します。
    • トリガーをクリックしてトリガー設定ページに移動し、編集アイコンをクリックします。
    • This trigger fires onの下で、Some Formsを選択します。
    • ユーザーのメールアドレスを保存するために作成したデータレイヤー変数を選択します。
    • 条件としてmatches RegExを選択し、正規表現.+@.+\..+を入力します。

    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 SDKを初期化するタグを作成することに加えて、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 - 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をクリックします。

ファーストパーティドメイン名

ファーストパーティドメイン統合のためにカスタムドメインを設定した場合、GTMテンプレートを更新してカスタムドメインを明示的に参照する必要があります。

注意

GTMテンプレートでファーストパーティドメインを使用するには、テンプレートのコードと権限を編集する必要があります。コミュニティテンプレートを変更すると、それはカスタムテンプレートとなり、Roktが管理するバージョンからの自動更新を受け取ることはできなくなります。

  1. Google Tag Managerコンテナの左側のナビゲーションからテンプレートをクリックします。
  2. mParticle by Rokt - Initialization Templateを選択します。
  3. コードタブで、const url = "https://apps.rokt-api.com";の行をカスタムドメインを指すように更新します。例: const url = "https://rkt.yourcompany.com";
  4. 権限タブで、スクリプトを注入のドロップダウンのURLリストにあなたのドメイン https://rkt.yourcompany.com を追加します。

テンプレート更新

  1. 保存をクリックします。
この記事は役に立ちましたか?