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

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における変数の設定

  1. Google Tag Managerを開きます。

  2. 変数をクリックします。

  3. ユーザー定義変数の下で、新規をクリックします。

    新規ユーザー定義変数

  4. 変数に名前を付けます。

    以下の例では、名前はdl_emailです。

  5. 変数の種類データレイヤー変数に設定します。

  6. データレイヤー変数名を入力します。データレイヤー構造に基づいて変数名を特定するために、上記の例を参照してください。

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

GTMの変数

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が統合されていることを確認してください。

トリガーを追加する

トリガーをクリックします。

インテグレーションをテストする

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