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

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

Roktの統合を追加​

トリガーを追加する​

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

統合をテストする​

Rokt Click IDをGoogle Tag Managerと統合する​

注記

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

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

  1. Google Tag Manager を開きます。

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

  3. 新規をクリックします。 Setup Rokt Tag in GTM

  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 Click IDタグを適切なページで発火させるトリガーを設定します。ほとんどの場合、ランディングページになります。

    1. 右上のプラスアイコンをクリックして新しいトリガーを作成し、名前を付けます。Webアプリがシングルページアプリケーションの場合は、トリガータイプとして履歴変更を選択し、それ以外の場合はページビューを選択します。 rokt-id-4
    2. トリガーの発火ルールを一部の履歴変更または一部のページビューに変更します。

  9. タグを発火させるページを識別するURLパラメータを入力します。例えば、確認ページが example.com/cart/payment/shipping である場合、識別パラメータは cart、payment、または shipping のいずれかにできます。

  10. 保存 をクリックします。 rokt-id-5

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

    rokt-id-6

テストと検証​

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

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

  2. 新しく開かれたウィンドウのURLをコピーし、これをRoktのアカウントマネージャーに送信します。Rokt Click 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での変数の設定​

  1. Google Tag Managerを開きます。

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

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

    新しいユーザー定義変数

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

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

  5. 変数タイプをデータレイヤー変数に設定します。

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

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

GTMの変数

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

GDPRまたはePrivacyの下では、クッキーやトラッキング技術を使用しているウェブサイトはユーザーの同意を得なければなりません。広告主はRokt Click IDソリューションを使用する際に同意が取得されるようにし、クッキーやトラッキング技術をオプトアウトしたユーザーに対してはRoktスクリプトの実行をブロックして、そのコンプライアンス義務を満たすようにします。

CCPAの下では、対象企業はそのような技術の使用に関する詳細をユーザーに開示しなければなりません。

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

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

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