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

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'
});

変数名の特定​

変数は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の統合を追加する​

トリガーを追加する​

トリガリングをクリックします。

統合をテストする​

Google Tag ManagerでRokt IDを統合する​

注記

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

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

  1. Google Tag Managerを開きます。

  2. タグをクリックします。

  3. 新規作成をクリックします。 GTMでRoktタグを設定

  4. タグの名前を入力します。

  5. タグの設定をクリックします。

  6. カスタムHTMLを選択します。

  7. ウェブサイトが単一のサブドメインを使用している場合は、以下のコードスニペットのいずれかを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

  8. 正しいページでRokt IDタグを発火させるためのトリガーを設定します。おそらくこれはランディングページになります。

    1. 右上のプラスアイコンをクリックして新しいトリガーを作成し、名前を付けます。Webアプリがシングルページアプリケーションの場合は、トリガータイプとして履歴の変更を選択し、それ以外の場合はページビューを選択します。 rokt-id-4
    2. トリガーの発火ルールを一部の履歴の変更または一部のページビューに変更します。
    3. 条件をページURLに含むに変更し、Roktアカウントマネージャーから提供されたURLを入力します。
    4. 保存をクリックします。 rokt-id-5

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

    rokt-id-6

テストと検証​

  1. Google Tag Managerからワークスペースに移動し、プレビューを選択します。

    1. サイトのURLを入力します。
    2. 接続を選択します。これにより、新しく設定されたRokt IDタグが実行される新しいウィンドウが開きます。 rokt-id-7

  2. 新しく開いたウィンドウのURLをコピーし、Roktアカウントマネージャーに転送します。彼らはRokt IDタグの統合のためのテストとQAを実行します。

変換ページにRokt IDタグを統合する​

ランディングページにRokt IDタグが正常に実装されると、一意の識別子がファーストパーティのクッキーとして保存されます。顧客が変換イベントを完了すると、Rokt Web SDKは一意のRokt IDを取得し、変換を属性付けします。

Google Tag Managerを使用している場合は、Rokt Google Tag Templateを使用してRokt Web SDKをインストールすることをお勧めします。それ以外の場合は、Rokt Web SDKを直接ページに統合してください。

GDPRとCCPAのコンプライアンス​

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

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

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

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

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