Google 広告コンバージョン

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

始める前に

この記事は、以下を前提とした内容です。

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

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

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

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

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

ステップ 2: コンバージョン イベントをセットアップする

コンバージョン イベントをセットアップするには、次の 2 つのことを行う必要があります。

  • イベントをコンバージョン アクションとして認識するように Google アナリティクスをセットアップする。
  • コンバージョン イベントを送信するようタグ マネージャーのウェブコンテナで Google アナリティクス: GA4 イベントタグをセットアップする。

すでにコンバージョン イベントをセットアップしていて、サーバータグを実装するだけでよい場合は、ステップ 3 に進んでください。

カスタム コンバージョン イベントを認識するよう Google アナリティクスをセットアップする

Google アナリティクスで新しいコンバージョン イベントを定義するには:

  1. Google アナリティクス 4 を開きます。
  2. 左下の [管理] メニューを開きます。
  3. プロパティ設定リストで、 [コンバージョン] を選択します。
  4. [新しいコンバージョン イベント] ボタンをクリックし、コンバージョン イベント名を追加します。 推奨イベントの名前でもカスタム イベントの名前でもかまいません。 Google アナリティクス管理画面 - コンバージョン ページ
  5. イベント名を保存します。

Google タグ マネージャーでコンバージョン イベントをセットアップする

コンバージョンがページビュー イベントでトリガーされる場合、ステップ 3 に進みます。

コンバージョン イベントをセットアップするには:

  1. Google タグ マネージャーを開きます。

  2. ウェブコンテナ ワークスペースで、Google アナリティクス: GA4 イベントタグを追加します。

  3. [設定タグ] で、ウェブサイトの Google タグを選択します。

  4. コンバージョン イベントに対応するイベント名を入力します。 GA4 イベントタグの詳細

ステップ 3: サーバー コンテナに Google 広告のコンバージョン トラッキング タグをセットアップする

Google 広告のコンバージョン トラッキング タグをセットアップするには:

  1. サーバー コンテナのワークスペースで、ページの左側の [タグ] メニューを開きます。
  2. [新規] をクリックして、新しいタグを追加します。

  3. タグタイプとして [Google 広告のコンバージョン トラッキング] を選択します。

  4. 必要なコンバージョン情報（コンバージョン ID とコンバージョン ラベル）を入力します。これらの値は、Google 広告アカウントで確認できます。

  5. [トリガー] メニューで、ユースケースに適している既存のトリガーがあるなら、それを選択します。 ニーズを満たしている既存のトリガーがない場合は、新しいカスタム トリガーを作成 青色のプラス します。

    カスタム イベントでタグをトリガーするには:

    1. [カスタム イベント] トリガーを選択します。
    2. Google アナリティクス: GA4 イベントタグで使用されているイベント名と一致するイベント名を入力します。 カスタム イベント トリガーの詳細

    特定の URL でのみトリガーするには:

    1. [一部のカスタム イベント] でトリガーするオプションを選択します。
    2. タグがトリガーされる URL と同じページ URL 変数を追加します。

  6. タグに名前を付けて、[保存] をクリックします。

省略可: コンバージョン値を設定する

ストア価格データを別のデータベースに保存する場合など、デフォルトの value パラメータとは異なるコンバージョン値を指定できます。コンバージョン値の計算に別の値を使用するには、データベースからデータを取得する変数をセットアップして、Google 広告のコンバージョン トラッキング タグに割り当てる必要があります。

新しい変数を作成するには:

  1. 使用するサーバー コンテナで [変数] を開きます。
  2. データ入力に使用するユーザー定義変数を新規作成します。たとえば Firestore データベースから値を取得するなら、{{Firestore 検索}} 変数を作成します。
  3. 変数のデータソースを指定します。
  4. 変数に名前を付け（例: 「利益ルックアップ」）、保存します。

Google 広告のコンバージョン トラッキング タグでカスタムのコンバージョン値をセットアップするには:

  1. 使用するサーバー コンテナで [タグ] メニューを開きます。
  2. 既存の Google 広告コンバージョン トラッキング タグを編集するか、新しいタグを作成します。

  3. カスタムのコンバージョン値を設定するには、以下 2 つのフィールドを指定します。

    • コンバージョン値: 固定額を入力するか、以前に作成した変数を指定します。
    • 通貨コード 「Google 広告のコンバージョン トラッキング」でコンバージョン値を指定した様子

  4. タグを保存します。

ステップ 4: 拡張コンバージョン

拡張コンバージョンを使用しない場合は、セットアップの確認に進んでください。

拡張コンバージョンの設定手順は以下のとおりです。

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

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

自動収集 手動設定 コード設定
収集方法 ウェブサイトのコードに基づいて、ユーザー提供データを自動的に収集します。

入力データを収集する場所を管理する必要がある場合は、手動またはコードのセットアップを選択します。		 特定の CSS プロパティまたは JavaScript 変数を指定して、ユーザー提供データを収集します。

データのフォーマット設定とハッシュ化を管理する必要がある場合は、コード設定を選択してください。		 照合に使用するハッシュ化された顧客データを送信するコード スニペットをウェブサイトに追加します。
この方法を使うと、コンバージョン タグの配信時に適切な形式のデータを常に送信できるため、拡張コンバージョンの精度を最大化できます。
複雑さ シンプル 普通 複雑
スキル 特別なスキルは必要なし HTML と CSS ウェブ開発

自動収集

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

手動設定

  1. 使用するウェブコンテナで [変数] メニューを開きます。
  2. ユーザー提供データタイプの新しいユーザー定義変数を作成します。
  3. [タイプ] を [手動設定] に設定します。

  4. 拡張コンバージョンで提供する関連ユーザーデータ フィールドに、新規または既存の変数を追加します。

  5. DOM の要素を指定するには、[新しい変数] > [変数の設定] > [DOM 要素] を選択します。

  6. [選択方法] で、[CSS セレクタ] か [ID] を使用します。 ヒント: CSS 変数が頻繁に変更される場合は、サイトに HTML ID を追加し、ID 変数を使用します。

  7. CSS セレクタまたは ID 名を入力します。[属性名] 欄は空欄のままでかまいません。

  8. DOM 要素変数に名前を付け、保存します。画面が [ユーザー提供データ] 設定に戻ります。

  9. ユーザー提供データ変数に名前（My user-defined data など）を付けます。

  10. [保存] をクリックします。

コード設定

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

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

  1. ウェブサイトで、ユーザー提供データを 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',
  },
};

  2. 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 タグ マネージャーでご利用いただけるようになりました。

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

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

    {'sha256_email_address':await hashEmail(email.trim()),
}

  2. 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: ユーザー提供データ変数を作成する

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

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

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

  4. 変更内容を保存します。タグは次のようになります。

    ユーザー提供データ変数を参照する最終的な Google タグ設定のスクリーンショット。

サーバーサイドの Google 広告コンバージョン トラッキング タグの設定

拡張コンバージョンをサーバー コンテナで有効にするには:

  1. サーバーのワークスペースで [タグ] メニューを開きます。
  2. Google 広告のコンバージョン トラッキング タグを編集します。
  3. [ユーザーから提供されたデータを含める] のチェックボックスをオンにします。 「ユーザーから提供されたデータを含める」チェックボックス
  4. [保存] をクリックして変更を保存します。

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

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

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

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

次のステップ

Google 広告のコンバージョン トラッキング タグが意図したとおりに機能しているなら、データの重複を避けるため、ウェブコンテナ内の同等の Google 広告コンバージョン トラッキング タグを削除します。

Google 広告のリマーケティング キャンペーンも使用していて、サーバーサイド タグ設定によってキャンペーンを測定する場合は、Google 広告のリマーケティングをセットアップします。