Last updated 2024年7月16日

Google Tag Manager

初期セットアップ

データレイヤーの理解

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

データレイヤーは、Google Tag Manager (GTM) と共有したい情報をすべて含むオブジェクトです。イベントや変数などの情報はデータレイヤーを介してGoogle Tag Managerに共有でき、変数の値に基づいてGoogle Tag Managerでトリガーを設定できます（例：purchase_total > $100 の場合にリマーケティングタグを発火）。変数の値は他のタグにも共有できます（例：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'
});

Rokt統合を追加

Rokt タグテンプレートを使用して統合するカスタム HTML タグを使用して統合する

トリガーを追加

Triggeringをクリックします。

シングルページアプリケーションマルチページアプリケーション

統合をテスト

Rokt タグテンプレートを使用してテストするカスタム HTML タグを使用してテストする

Rokt IDをGoogle Tag Managerと統合

注記

以下は、Google Tag Managerを使用してランディングページにRokt IDを統合するための手順です。詳細はRokt IDをご覧ください。

ランディングページに直接Rokt IDを統合したい場合は、この統合ガイドをご覧ください。

Google Tag Managerを開きます。
Tagsをクリックします。
Newをクリックします。
タグに名前を付けます。
Tag Configurationをクリックします。
Custom HTMLを選択します。

あなたのウェブサイトが単一または複数のサブドメインを使用しているかに応じて、以下のコードスニペットのいずれかをHTMLフィールドに追加します。

単一サブドメインの場合:
<script src="https://apps.rokt.com/integrations/referral-tag/referral-tag.js" async></script>

複数サブドメインの場合:
<script>
 var scriptElement = document.createElement('script');
 scriptElement.src = 'https://apps.rokt.com/integrations/referral-tag/referral-tag.js';
 scriptElement.async = true;
 scriptElement.setAttribute('data-fp-domain', 'your_base_domain');
 document.head.appendChild(scriptElement);
</script>

rokt-id-3

Rokt IDタグを正しいページで発火するようにトリガーを設定します。これはおそらくランディングページになります。
1. 新しいトリガーを作成するために右上のプラスアイコンをクリックし、名前を付けます。ウェブアプリがシングルページアプリケーションの場合は、トリガータイプとしてHistory Changeを選択し、それ以外の場合はPage Viewを選択します。
2. トリガー発火ルールをSome History ChangesまたはSome Page Viewsに変更します。
3. タグを発火させるページを識別するURLパラメータを入力します。例えば、確認ページが example.com/cart/payment/shipping の場合、識別パラメータは cart、payment、または shipping のいずれかにできます。 .
4. 保存をクリックします。
保存をクリックします。

テストと検証

Google Tag Manager からワークスペースに移動し、プレビュー を選択します。
1. サイトのURLを入力します。
2. 接続を選択します。これにより、新しく設定されたRokt IDタグが実行される新しいウィンドウが開きます。
新しく開いたウィンドウのURLをコピーし、Roktアカウントマネージャーに転送します。彼らがRokt IDタグの統合のテストとQAを行います。

変数名を識別する

変数は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 です。
変数の種類 を データレイヤ変数 に設定します。
データレイヤ変数名 を入力します。データレイヤの構造に基づいて変数名を特定するには、上記の例を参照してください。
保存をクリックします。

Variables in GTM

GDPRおよびCCPAの遵守

GDPRまたはePrivacyの下では、クッキーやトラッキング技術を使用するすべてのウェブサイトはユーザーの同意を得る必要があります。広告主は、Adjust IDソリューションを使用する際に同意が得られていることを確認し、クッキーやトラッキング技術をオプトアウトしたユーザーに対してAdjustスクリプトの実行をブロックすることで、コンプライアンス義務を満たす必要があります。

CCPAの下では、対象となる企業はそのような技術の使用に関する詳細をユーザーに開示する必要があります。

クッキーの同意は、Google Tag Managerを含む任意の同意管理プラットフォームやタグマネージャーで実装できます。他のコンバージョンアトリビューションタグがクッキーの同意に基づいて条件付きで許可されている場合は、Adjust IDタグも同様に実装してください。Adjust IDタグが条件付きで最初にオフにする必要がある場合で、その実装方法が不明な場合は、Adjustのアカウントマネージャーに連絡してください。

このセクションで説明されているAdjust IDソリューションの詳細については、Cookie Policy を参照してください。

初期セットアップ​

データレイヤーの理解​

Rokt統合を追加​

トリガーを追加​

統合をテスト​

Rokt IDをGoogle Tag Managerと統合​

テストと検証​

変数名を識別する​

GTMで変数を設定する​

GDPRおよびCCPAの遵守​