Google タグ マネージャー
初期設定
データレイヤーの理解
データレイヤーは、あなたのウェブページに開発者によって実装されている必要があります。
データレイヤーは、Google タグ マネージャー (GTM) と共有したいすべての情報を含むオブジェクトです。イベントや変数などの情報は、データレイヤーを介して Google タグ マネージャーに共有され、変数の値(例: purchase_total > $100 の場合にリマーケティングタグを発火させる)や特定のイベントに基づいて Google タグ マネージャーでトリガーを設定できます。変数の値は、他のタグにも共有できます(例: タグの値フィールドに purchase_total を追加する)。
データレイヤーの仕組みについての詳細は、GTM 開発者ガイドを参照してください。
データレイヤーの例:
window.dataLayer = window.dataLayer || []
window.dataLayer.push({
'email':'jenny.smith@rokt.com',
'consumer': {
'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({
'consumer': {
'firstname' : 'Jenny'
}
});
データレイヤー変数名: consumer.firstname
データレイヤースクリプトの例 3:
window.dataLayer.push({
'ecommerce': {
'transaction': {
'amount' : '12.36'
}
}
});
データレイヤー変数名: ecommerce.transaction.amount
GTMにおける変数の設定
Google Tag Managerを開きます。
変数をクリックします。
ユーザー定義変数の下で、新規をクリックします。
変数に名前を付けます。
以下の例では、名前は
dl_email
です。変数の種類をデータレイヤー変数に設定します。
データレイヤー変数名を入力します。データレイヤー構造に基づいて変数名を特定するために、上記の例を参照してください。
保存をクリックします。
Rokt統合の追加
ランディングページにRokt IDタグを追加する
Rokt IDは、顧客データを共有せずにコンバージョンを追跡したい場合にコンバージョン帰属に使用できます。帰属手法を確認したい場合は、アカウントマネージャーにお問い合わせください。Rokt IDとの統合を行う場合は、以下の統合手順に従ってください。
コンバージョンページでRokt IDをキャプチャする
Google Tag ManagerでRokt Tag Templateを使用している場合、Rokt IDタグがランディングページに統合された後は、タグテンプレートに追加の変更を加える必要はありません。Rokt IDはpassbackconversiontrackingID
属性として返されます。
Google Tag ManagerにRokt wSDKをカスタムタグとして追加している場合は、データ属性passbackconversiontrackingID
が統合されていることを確認してください。
トリガーを追加する
トリガーをクリックします。