このページは Cloud Translation API によって翻訳されました。

Google 広告のユーザー提供データイベント

サーバーサイドタグマネージャーを使用すると、Google 広告のユーザー提供データイベントタグをウェブページからサーバーに移動できます。これらのタグをサーバーに移動すると、ページで実行する必要があるコードの数が減り、ページの読み込み速度を短縮できます。このドキュメントでは、Google 広告のユーザー提供データイベントタグを使用するようにタグマネージャーのウェブコンテナとサーバーコンテナを設定する方法について説明します。

始める前に

このドキュメントは、次の準備ができていることを前提としています。

Google 広告と Google タグマネージャーの管理者権限があること
Google タグマネージャーがセットアップされていること
サーバーコンテナが作成されていること
Google アナリティクス: GA4 クライアントがセットアップされていること

ステップ 1: コンバージョンリンカータグをセットアップする

Google 広告がタグマネージャーにデータを送信できるようにするには、コンバージョンリンカー タグをセットアップする必要があります。

コンバージョンリンカータグをサーバーコンテナに構成済みの場合は、このステップを省略できます。

コンバージョンリンカー タグをセットアップするには:

サーバーコンテナのワークスペースから、ページの左側にある [タグ] メニューを開きます。
[新規] をクリックして、新しいタグを追加します。
タグタイプとして [コンバージョンリンカー] を選択します。
コンバージョンリンカーのサーバーサイドタグを配信するトリガーをセットアップします。
ほとんどの場合、[すべてのページ] トリガーを選択することをおすすめします。
タグに名前を付けて、[保存] をクリックします。

ステップ 2: サーバーコンテナに Google 広告のユーザー提供データイベントタグを設定する

Google 広告のユーザー提供データイベント タグをセットアップするには:

サーバーコンテナのワークスペースで、ページの左側にある [タグ] メニューを開きます。
[新規] をクリックして、新しいタグを追加します。
タグタイプとして [Google 広告のユーザー提供データイベント] を選択します。
必要なコンバージョン情報（コンバージョン ID）を入力します。これらの値は、Google 広告アカウントで確認できます。
[トリガー] メニューで、ユースケースに適している既存のトリガーを選択します。ニーズをカバーする既存のトリガーがない場合は、新しいカスタムトリガーを作成します。

カスタムイベントでタグをトリガーするには:
1. [カスタムイベント] トリガーを選択します。
2. Google アナリティクス: GA4 イベント タグで使用されているイベント名と一致するイベント名を入力します。
特定の URL でのみトリガーするには:
1. [一部のカスタムイベント] でトリガーするオプションを選択します。
2. タグがトリガーされる URL と同じページ URL 変数を追加します。
タグに名前を付けて、[保存] をクリックします。

ステップ 3: ユーザーデータを設定する

拡張コンバージョンと同様、タグはイベントで利用可能なユーザーデータに依存します。

ユーザー提供データ変数をセットアップする

タグマネージャーで拡張コンバージョンを実装する方法は 3 つあります。ユーザー提供データを収集するには、いずれかのオプションを選択します。

	自動収集	手動設定	コード設定
収集方法	ウェブサイトのコードに基づいて、ユーザー提供データを自動的に収集します。入力データを収集する場所を管理する必要がある場合は、手動またはコードのセットアップを選択します。	特定の CSS プロパティまたは JavaScript 変数を指定して、ユーザー提供データを収集します。データのフォーマット設定とハッシュ化を管理する必要がある場合は、コード設定を選択してください。	照合に使用するハッシュ化された顧客データを送信するコードスニペットをウェブサイトに追加します。この方法を使うと、コンバージョンタグの配信時に適切な形式のデータを常に送信できるため、拡張コンバージョンの精度を最大化できます。
複雑さ	シンプル	中	複雑
スキル	特別なスキルは必要なし	HTML と CSS	ウェブ開発

自動収集

使用するウェブコンテナで [変数] メニューを開きます。
ユーザー提供データタイプの新しいユーザー定義変数を作成します。
[タイプ] を [自動収集] に設定します。
変数に名前（My user-defined data など）を付けます。
[保存] をクリックします。

手動設定

使用するウェブコンテナで [変数] メニューを開きます。
ユーザー提供データタイプの新しいユーザー定義変数を作成します。
[タイプ] を [手動設定] に設定します。
拡張コンバージョンで提供する関連ユーザーデータフィールドに、新規または既存の変数を追加します。

注: データレイヤーに変数がすでに含まれている（CSS セレクタまたはその他の変数タイプを使用している）場合は、新しい変数を作成する代わりに、それらの変数を選択できます。判断に迷う場合は、このまま手順を進めてください。変数はハッシュ化されていてもされていなくてもかまいません。
DOM の要素を指定するには、[新しい変数] > [変数の設定] > [DOM 要素] を選択します。
[選択方法] で、[CSS セレクタ] か [ID] を使用します。ヒント: CSS 変数が頻繁に変更される場合は、サイトに HTML ID を追加し、ID 変数を使用します。
CSS セレクタまたは ID 名を入力します。[属性名] 欄は空欄のままでかまいません。
DOM 要素変数に名前を付け、保存します。画面が [ユーザー提供データ] 設定に戻ります。
ユーザー提供データ変数に名前（My user-defined data など）を付けます。
[保存] をクリックします。

コード設定

ステップ 1: 拡張コンバージョンの変数を特定および定義する

ハッシュ化されていないデータを送信する（この場合、データがサーバーに到達する前に Google によりハッシュ化される）ことも、事前にハッシュ化されたデータを送信することもできます。事前にハッシュ化されたデータを送信する場合は、16 進数でエンコードされた SHA256 を使用してエンコードしてください。いずれの場合も、email または phone_ number の少なくともどちらかのフィールドを指定します。
ハッシュ化されていないデータをデータレイヤーにプッシュするには:

ウェブサイトで、ユーザー提供データを JavaScript 変数の Key-Value ペアとして保存します。次に例を示します。

var leadsUserData = {
  'email': 'name@example.com',
  'phone_number': '+11234567890',
  'address': {
    first_name: 'John',
    last_name: 'Doe',
    street: '123 Lemon',
    city: 'Some city',
    region: 'CA',
    country: 'US',
    postal_code: '12345',
  },
};

dataLayer.push() を使用してイベントとともにユーザーデータを送信します。次に例を示します。

<script>
  dataLayer.push({
    'event': 'formSubmitted',
    'leadsUserData': {
      'email': 'name@example.com',
      'phone_number': '+11234567890',
      'address': {
         first_name: 'John',
         last_name: 'Doe',
         street: '123 Lemon',
         city: 'Some city',
         region: 'CA',
         country: 'US',
        postal_code: '12345',
       },
     },
  });
<script>

変数 leadsUserData は、Google タグマネージャーでご利用いただけるようになりました。

事前にハッシュ化されたデータをデータレイヤーにプッシュするには:

ウェブサイト上で、16 進数でエンコードされた SHA256 を使用して、ユーザー提供データのハッシュ化を行います。エンコードされたデータの鍵は sha256_ で始まっている必要があります。次に例を示します。
```
{'sha256_email_address':await hashEmail(email.trim()),
}
```

dataLayer.push() を使用して、イベントとともにユーザーデータを送信します。以下の例は、非同期に実行するハッシュ関数を自分で記述していることを前提としています。

<script>
  dataLayer.push({
    'event': 'formSubmitted',
    'leadsUserData': {
      'sha256_email_address': await hashEmail(email.trim()),
      'sha256_phone_number': await hashPhoneNumber(phoneNumber),
      'address': {
        sha265_first_name: await hashString(firstname),
        sha256_last_name: await hashString(lastname),
        sha256_street: await hashString(streetAddress),
        postal_code: '12345',
       },
     },
  });
<script>

変数 leadsUserData は、Google タグマネージャーでご利用いただけるようになりました。

ステップ 2: ユーザー提供データ変数を作成する

使用するウェブコンテナで [変数] メニューを開きます。
ユーザー提供データタイプの新しいユーザー定義変数を作成します。
[タイプ] を [コード] に設定します。
提供する関連ユーザーデータフィールドで、プルダウンメニューをクリックして [新しい変数] を選択します。
[変数タイプを選択] で、[データレイヤーの変数] を選択します。
[データレイヤーの変数] で、保存されているユーザーデータ例: leadsUserData
データレイヤー変数に名前を付け、保存します。画面が [ユーザー提供データ] 設定に戻ります。
ユーザー提供データ変数に名前（My user-defined data など）を付けます。
[保存] をクリックします。

変数を Google タグに割り当てる

使用するウェブコンテナで [タグ] メニューを開きます。
使用する Google タグを編集して、タグ設定サーバーにデータを送信します。
[設定] で、user_data という名前の新しい設定パラメータを追加します。ユーザー提供データ変数に値（{{My user-provided data}} など）を設定します。
変更内容を保存します。タグは次のようになります。

ステップ 4: セットアップを確認する

サーバーコンテナでデータの送信を開始したら、以下の手順に従って、動作に問題がないことを確認します。

ウェブサイトを開きます。
Google タグマネージャーのサーバーコンテナで、[プレビュー] を選択します。 Tag Assistant が起動し、サーバーコンテナがロードされます。
配信したタグは [タグ] タブにすべて表示されるので、設定したタグが配信されたかどうか確認します。
サーバーコンテナへのデータ送信中に発生したエラーはすべて、[コンソール] タブに表示されます。エラーがないかチェックして、エラーがある場合は解決します。

タグマネージャーコンテナのデバッグについて詳しくは、プレビューとデバッグに関するヘルプをご覧ください。

次のステップ

Google 広告のユーザー提供データイベントタグが意図したとおりに機能したら、データの重複を避けるため、ウェブコンテナ内の同等の Google 広告のユーザー提供データイベントタグを削除します。