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

広告主向けGoogleタグマネージャー統合

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

以下のことを学びます:

  • サイトのデータレイヤーから値を読み取るGTM変数の作成
  • Rokt SDKを初期化し、ユーザーを識別し、コンバージョンイベントを記録するGTMタグの作成

始める前に始める前に への直接リンク

以下を確認してください:

  • サイトの正しいGoogleタグマネージャーコンテナへのアクセス
  • サイトに既に実装されているデータレイヤー(通常は開発者によって行われます)
  • Rokt APIキー(Roktアカウントマネージャーから提供されます)

データレイヤーの理解データレイヤーの理解 への直接リンク

開発者はサイトにデータレイヤーを実装する必要があります。

データレイヤーは、Googleタグマネージャー(GTM)と共有したい情報をすべて含むオブジェクトです。イベントや変数などの情報はデータレイヤーを介してGoogleタグマネージャーに共有でき、変数の値に基づいてGoogleタグマネージャーでトリガーを設定できます(例: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タグマネージャーで変数を作成するGoogleタグマネージャーで変数を作成する への直接リンク

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

Roktは、Roktに送信する予定の属性に対して変数を作成することを推奨します。例えば:

  • email
  • firstname
  • lastname
  • mobile
  • conversiontype
  • confirmationref
  • billingzipcode
  • amount
  • paymenttype
  • country
  • language
  • currency

初期化とページビューのログタグを設定する初期化とページビューのログタグを設定する への直接リンク

mParticle by Rokt - 初期化とページビューのログタグは以下を行うことができます:

  • Rokt SDKの初期化
  • ページビューのログ

これらの手順を使用して初期化とページビューのログタグを作成します:

  1. コンテナの左側のナビゲーションでタグをクリックし、新規をクリックします。 Googleタグマネージャー
  2. タグ設定を選択します。
  3. コミュニティテンプレートギャラリーでさらに多くのタグタイプを発見するを選択します。 Googleタグマネージャー
  4. Roktを検索し、mParticle by Rokt - 初期化とページビューのログを選択します。 Googleタグマネージャー
  5. タグの説明的な名前を入力します(例:[Rokt] Initialize and Log Page Views)。
  6. 設定を入力します:
    • APIキー: Rokt APIキーを入力します(これはRoktアカウントマネージャーから提供されます)。
    • 開発モード: 統合をテストしている場合は、開発モードボックスをチェックします。プロダクションでタグを使用する準備ができたら、このボックスをチェックしないでください。
    • ページビューのログ: ページビューのログは、各ページが読み込まれるとすぐにページビューイベント(screen_name、url、referring-pageなどの属性を持つ)を記録します。
      • ページビューイベントの属性は、サイト上の属性に対応します(例えば、「支払い」画面にいる場合、screen_namepaymentになります)。
      • ユーザーのトランザクションジャーニーの各ページが読み込まれるとすぐにページビューをログに記録する必要があります。
    • ログレベル: ドロップダウンで、希望するログレベル(詳細、警告、なし)を選択します。
    • 機能的なクッキーを許可しない: 機能的なクッキーは、サイトやアプリの使いやすさとパフォーマンスを向上させるために使用されます。詳細については、クッキープリファレンスを参照してください。
    • ターゲティングクッキーを許可しない: ターゲティングクッキーは、広告、リターゲティング、およびマーケティングのパーソナライズを有効にするために使用されます。詳細については、クッキープリファレンスを参照してください。
    • クッキーストレージを使用する: SDK統合のためのクッキーストレージは、キー値(識別子や同意状態など)を永続化するために使用され、SDKがページやセッション間での連続性を維持できるようにします。

Googleタグマネージャー

  1. このGTMタグのトリガーを設定します。次の手順は、サイトがマルチページアプリケーション(MPA)かシングルページアプリケーション(SPA)かによって異なります:
  • マルチページアプリケーションのトリガー設定
    1. リストからすべてのページを選択します。
  • シングルページアプリケーションのトリガー設定
    1. リストからすべてのページ履歴の変更を選択します。
注記

初期化とページビューのログタグはすべてのページで読み込まれるべきです。正確なトリガー設定は実装によって異なる場合があります。実装戦略について質問がある場合は、Roktアカウントマネージャーにお問い合わせください。

  1. トリガーの説明的な名前を入力します(例:すべてのページまたは履歴の変更)。
  2. 必要に応じて例外を追加します。
  3. 保存をクリックします。
注記

初期化とページビューのログタグの実行の一環として、カスタムイベントroktInitCompleteが初期化完了時にデータレイヤにプッシュされます。後続のmParticle by Rokt - Eventsタグのために、イベント名roktInitCompleteを持つGTMカスタムイベントトリガーを使用することを強く推奨します。

イベントタグの設定イベントタグの設定 への直接リンク

mParticle by Rokt - Events タグは以下を行うことができます:

  • ユーザーの識別
  • コンバージョンイベントのログ記録
  • ユーザーおよびイベント属性をRoktに送信

1つのイベントタグで複数のアクションを有効にすることはできますが、いくつかの実装ではアクションごとに1つのGTMタグが必要です(例:Identity用に1つのタグ、Log Event用に1つのタグ)。実装戦略について質問がある場合は、Roktのアカウントマネージャーにお問い合わせください。

注意

初期化とページビューのログタグが、イベントタグの前に実行されることを確認してください。トリガーで roktInitComplete データレイヤーイベントを使用し、イベントタグが初期化後にのみ発火するようにします。

新しいイベントタグを作成するたびに、以下の手順を使用します(例:Identity用に1つ、Log Event用に1つ):

  1. コンテナの左側のナビゲーションからタグをクリックし、新規をクリックします。 Google Tag Manager
  2. タグ設定を選択します。
  3. コミュニティテンプレートギャラリーで他のタグタイプを探すを選択します。 Google Tag Manager
  4. Rokt を検索し、mParticle by Rokt - Eventsを選択します。 Google Tag Manager
  5. タグの説明的な名前を入力します(例:[Rokt] Identify user[Rokt] Log conversion)。
注記

1つのイベントタグで1つまたは複数のアクション(Identity、Log Event、および/またはSelect Placements)を有効にすることができます。このタグインスタンスに必要なすべてのアクションを最初に設定し、完了したら保存をクリックします。

タグを複数回発火させる必要がある場合(例:ユーザーを識別するために1回、後でイベントをログするために1回)、同じイベントテンプレートを使用して複数のGTMタグを作成します。

ユーザーの識別ユーザーの識別 への直接リンク

Roktは、現在のユーザーを識別すること(例:メールによって)を推奨しています。これにより、コンバージョンイベントを正確に帰属させることができます。このタグを、ユーザーのメールがデータレイヤーで利用可能になったときに発火するように設定します。

  1. mParticle by Rokt - Events タグで、Identity セクションに移動し、Enable Identity を選択します。
  2. IDSync Method ドロップダウンで、Identify を選択します。
  3. Identity Type の下で、Add Row をクリックし、希望するアイデンティティタイプを選択します:
    • 生のメールアドレスを送信する場合、Key ドロップダウンから Email を選択し、生のメール用のGTM変数を入力します。 Google Tag Manager
    • ハッシュ化されたメール値を送信する場合、Key ドロップダウンから Other を選択し、ハッシュ化されたメール用のGTM変数を入力します。 Google Tag Manager
  4. (オプション) Hash Raw Email? を選択すると、タグが生のメール値をRoktに送信する前にハッシュ化します。 Google Tag Manager
  5. トリガー設定を行い、タグが初期化後、かつメール値が利用可能なときにのみ発火するようにします。
    • 例(メールがすでにチェックアウトページのロード時に存在する場合)
      1. トリガー設定で、+ をクリックして新しいトリガーを作成します。
      2. トリガー設定の下で、カスタムイベントを選択します。
      3. イベント名roktInitComplete に設定します。
      4. トリガーを一部のカスタムイベントで発火するように設定します。
      5. 実装に一致する条件を追加します。例:
        • ページURLcheckout を含む
        • {{User Email}} 正規表現に一致 .+@.+\..+
      6. トリガーを保存するには、保存をクリックします。

Google Tag Manager 6. このイベントタグにアクションを追加し終えたら、保存をクリックします。

コンバージョンイベントをログに記録するコンバージョンイベントをログに記録する への直接リンク

ログイベントアクションは、コンバージョンイベントをRoktに送信します。このタグを、購入確認や「ありがとう」ページなど、コンバージョン後に発生するページ(またはイベント)で発火するように設定します。

  1. mParticle by Rokt - Events タグで、Log Event セクションに移動し、Enable Log Event を選択します。
  2. Configuration の下で、conversionEvent Name として入力し、TransactionEvent Type として選択します。
  3. (オプション)必要に応じて、Custom Flags の下にカスタムフラグを追加します。
    • カスタムフラグ は、通常は技術パートナーに特有の情報を含むキー/バリューペアです(例: SnapchatConversions.ClickId)。カスタムフラグは、意図された特定のパートナーにのみ送信され、カスタム属性とは異なります。

Google Tag Manager 4. このGTMタグのトリガーを設定します。次のステップは、サイトがマルチページアプリケーション(MPA)かシングルページアプリケーション(SPA)かによって異なります。

  • マルチページアプリケーションのトリガー設定
    1. リストから Custom Event を選択します。
    2. イベント名として roktInitComplete を入力します。
    3. トリガー発火ルールを Some Custom Events に変更します。
    4. タグを発火させるべき各ユニークページを識別するURLパラメータを入力します。例えば、確認ページが example.com/cart/payment/confirmation の場合、識別パラメータは cartpayment、または confirmation のいずれかにできます。

Google Tag Manager

  • シングルページアプリケーションのトリガー設定
    1. リストから History Change を選択します。
    2. トリガー発火ルールを Some History Changes に変更します。
    3. タグを発火させるべきページを識別するURLパラメータを入力します。例えば、確認ページが example.com/cart/payment/confirmation の場合、識別パラメータは cartpayment、または confirmation のいずれかにできます。
  1. Save をクリックしてトリガーを保存します。
  2. このEventsタグにアクションを追加し終えたら、Save をクリックします。

属性の追加属性の追加 への直接リンク

ユーザーを識別しコンバージョンイベントをログに記録することに加えて、Roktはキャンペーンの最適化を向上させるために追加の属性を送信することを推奨します。

  1. mParticle by Rokt - Events タグで、Attributes セクションに移動します。
  2. ユーザーまたはイベントに関連する利用可能な属性をできるだけ多く入力します。定義済みの属性については、Roktが自動的にそれらをユーザー属性またはイベント属性として分類します。以下に示すように。

Google Tag Manager

事前定義された属性事前定義された属性 への直接リンク

属性キー例の値ユーザー属性備考
John顧客の名。
Doe顧客の姓。
携帯電話3125551515電話番号は 1112345678 または +1 (222) 345-6789 の形式でフォーマットできます。
年齢33顧客の年齢。
生年月日19900717生年月日。 yyyymmdd の形式でフォーマット。
性別M顧客の性別。例えば、MMaleF、または Female
支払いタイプCredit Card取引に使用された支払い方法。例えば、Credit CardPayPalApple Pay
確認参照/取引IDORD-123456購入のためのユニークな取引または確認参照ID。
金額52.25総取引金額。
コンバージョンタイプPurchaseコンバージョンイベントのタイプ。例えば、PurchaseSignupLead
パスバックコンバージョントラッキングIDTRACK-789RoktクリックID。
住所1行目123 Main Street顧客の主要な住所行。
住所2行目Apt 4B顧客の二次的な住所行(アパート、スイートなど)。
Brooklyn顧客の市。
NY顧客の州または県。
郵便番号11201顧客の郵便番号または郵便コード。
US顧客の国。
敬称Mr顧客の敬称。例えば、MrMrsMsDr
言語en顧客または購入に関連する言語。
注記

Conversion TypeConfirmation Reference/Transaction ID の属性は、Roktがキャンペーンを効果的に最適化し、イベントとコンバージョンを適切に重複排除するために必要です。これらは必須のローンチ属性です。

統合を完了する前に、Roktアカウントマネージャーと属性を確認してください。

  1. 既に定義されていない追加の属性を送信したい場合は、カスタム属性の下で 行を追加 をクリックします。
  2. 属性名属性値 の下に属性名と値を入力します。
  3. 属性がユーザー(コンバージョンイベントではない)に関連している場合は、ユーザー属性 を選択します。 Google Tag Manager
  4. このイベントタグにアクションの追加が完了したら、保存 をクリックします。
この記事は役に立ちましたか?