広告主向け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 Tag Managerで変数を作成する
- Google Tag Manager コンテナにログインします。
- 変数 をクリックします。
- ユーザー定義変数 の下にある 新規 をクリックします。
- 変数の名前を入力します。
- セットアップを開始するには変数タイプを選択... をクリックします。
- ページ変数 の下で データレイヤ変数 を選択します。
- データレイヤ変数名 を入力します。データレイヤ構造に基づいて変数名を特定するには、上記の例を参照してください。
- 保存 をクリックします。
Roktは、Roktに送信する予定の属性に対して変数を作成することを推奨します。例えば:
emailfirstnamelastnamemobileconversiontypeconfirmationrefbillingzipcodeamountpaymenttypecountrylanguagecurrency