ドキュメントCommerceマーチャンダイジングとプロモーション

Google Tag Manager

Last update: Thu Aug 22 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • トピック：

作成対象：

  • 初心者
  • 中級
  • 管理者
  • リーダー
  • ユーザー
Adobe Commerce機能 {width="20"} Adobe Commerceのみの専用機能（ 詳細情報）

Google Tag Manager は、マーケティングキャンペーンイベントに関連付けられた様々なタグ（コードスニペット）を効率的に管理およびデプロイするのに役立つ強力なツールです。 Google Tag Manager を使用すると、サイトにトラッキングタグを追加し、オーディエンスを測定したり、検索エンジンのマーケティング戦略をパーソナライズ、リターゲティング、実施したりできます。

Google Tag Manager は、データとイベントを Google Analytics、Enhanced Ecommerce、その他のサードパーティの分析ソリューションに直接転送して、サイト、製品、プロモーションのパフォーマンスを明確に把握します。

このプロセスを続行するには、Google Analytics と Tag Manager アカウントが必要です。 以下の手順に従って、Google アカウントの設定、Commerce ストアの設定およびタグの作成を行います。

NOTE
EU 一般データ保護規則や カリフォルニア州消費者プライバシー法などのプライバシー規制の対象となるビジネスの場合は、Googleのプライバシー設定を参照してください。

手順 1. Google Analytics アカウントの設定

開始するために必要な基本については、Google ヘルプの サイト検索の設定を参照してください。 Google Analytics および Google Tag Manager} のGoogle ガイドも参照してくだい。

  1. Google Analytics アカウントにログインします。

  2. Internal Site Search Tracking を有効にするには、次の手順を実行します。

    • Select View/View Settings に移動します。

    • Site Search Tracking を On に設定します。

    • パラメ Query ターを q に設定します。

    • 完了したら、設定を Save 定します。

  3. 表示機能を有効にするには、次の手順を実行します。

    • 「Property Settings」を選択します。

    • Advertising Features ​で、Enable Demographics and Interest Reports ​を On に設定します。

    • 設定を Save 定します。

  4. E コマーストラッキングを有効にするには、以下を行います。

    • Select View/Ecommerce Settings に移動します。

    • Enable Ecommerce を On に設定します。

    • Enable Enhanced Ecommerce Reporting を On に設定します。

    • 設定を Save 定します。

  5. ページを再読み込みし、すべての設定が On しいことを確認します。

    note note
    NOTE
    すべての設定が On 定されていない場合は、前の手順を繰り返し、ページを保存してリロードします。 すべての設定が On に設定されるまで、この手順を繰り返します。

手順 2. Google Tag Manager アカウントの設定

次の手順は、基本設定を使用して新しいコンテナを設定する方法を示しています。 サンプルの Composer 設定（.json）ファイルを使用してプロセスを簡略化し、読み込んで新しいコンテナにタグを生成します。 この例では、既存のコンテナを変更するのではなく、コンテナを作成することをお勧めします。

NOTE
詳しくは、Googleの コンテナのエクスポートとインポートを参照してください。 これらの手順では、サンプル JSON を新しいコンテナに読み込む手順を説明します。

  1. リンクされたファイル GTM_M2_Config_json.txt をダウンロードし、エディターでファイルを開いて、GTM_M2_Config.json として保存します。

    JSON ファイルは Google Tag Manager に直接アップロードされます。

  2. Admin/Container/Import Container に移動します。

  3. 「Choose container file」をクリックし、json ファイルを選択します。

  4. [Choose workspace] で、[New] をクリックします。

  5. タイトルと説明を入力し、「Save」をクリックします。

  6. ファイルをインポートするには、次のいずれかのアクションを選択します。

    • 新しいコンテナには、「Overwrite」オプションを選択する必要があります。

    • 既存のコンテナを使用している場合は、「Merge」オプションを選択する必要があります。

  7. 「Preview」をクリックして、タグ、トリガー、変数を確認します。

  8. 変数で参照される Google Analytics ID を編集するには、次の手順を実行します。

    • Variables/User-Defined Variables に移動します。

    • Google Analytics を選択し、独自の GA ID でプレースホルダー（UA-xxxxxx-x）を更新します。

  9. タグ、トリガーおよび変数を新しいコンテナに追加するには、Googleの手順に従います。

    別のコンテナ内に使用する設定がある場合は、それらを新しいコンテナに移動できます。

  10. 完了したら「Confirm」をクリックします。

  11. 新しいコンテナを公開するには、Googleの手順に従います。

手順 3. ストアの設定

NOTE
2.4.5 リリース以降、Google サービスの統合が更新されて、GTag API の使用がサポートされるようになりました。 GTag は、Web ページのGoogle機能と統合するための統合メカニズムであり、Google サービスを通じてコンテンツをトラッキングおよび管理するための最新の機能と機会をサポートしています。 詳しくは、Google Analytics開発者向けドキュメントを参照してください。

  1. Commerce ストアの管理者にログインします。

  2. 管理者 サイドバーで、Stores/Settings/Configuration ​に移動します。

  3. 左側のパネルで「Sales」を展開し、「Google API」を選択します。

  4. Google Analytics のセクションの 展開セレクター を展開し、以下を設定します。

    セールス構成：Google Analytics {width="600" modal="regular"}

    • Enable を Yes に設定します。

    • Account type を Google Tag Manager に設定します。

    • 「Container ID」フィールドに GTM ID （GTM-xxxxxx）を入力します。

    • Google Analyticsを使用してコンテンツ実験も行う場合は、「コンテンツ実験を有効にする」を「Yes」に設定します。

    • 残りのフィールドにはデフォルト値を使用します。

  5. 完了したら、「Save Config」をクリックします。

  6. Google Tag Manager 設定をテストし、すべてが正しく動作することを確認します。

NOTE
各コンテナは 1 つの web サイトに関連付けられ、アカウントごとに必要なコンテナは 1 つだけです。 マルチサイト Commerce インスタンスがある場合は、個別のコンテナが必要です。

フィールドの説明

フィールド
範囲
説明
Enable
ストア表示
Google Analyticsの E コマース強化機能を使用して、ストア内のアクティビティを分析できるかどうかを決定します。 オプション：Yes / No
Account type
ストア表示
ストアのアクティビティとトラフィックを監視するために使用されるGoogle トラッキングコードを決定します。 オプション：Google Analytics / Google Tag Manager
Anonymize IP
ストア表示
Google Analyticsの結果に表示される IP アドレスから識別情報を削除するかどうかを指定します。
Enable Content Experiments
ストア表示
Google コンテンツ実験をアクティブ化します。同じページの異なる 10 バージョンまでテストするために使用できます。 オプション：Yes / No
Container Id
ストア表示
Google Tag Manager が既にストアにインストールされて設定されている場合は、このフィールドにコンテナ ID が自動的に表示されます。
List property for the catalog page
ストア表示
カタログページに関連付けられているタグマネージャープロパティを識別します。 デフォルト値：Catalog Page
List property for the cross-sell block
ストア表示
クロスセルブロックに関連付けられたタグマネージャープロパティを識別します。 デフォルト値：Cross-sell
List property for the up-sell block
ストア表示
アップセル ブロックに関連付けられたタグ マネージャ プロパティを識別します。 デフォルト値：Up-sell
List property for the related products block
ストア表示
関連する製品ブロックに関連付けられているタグマネージャープロパティを識別します。 デフォルト値：Related Products
List property for the search results page
ストア表示
検索結果ページに関連付けられたタグマネージャープロパティを識別します。 デフォルト値：Search Results
“Internal Promotions” for promotions field “Label”
ストア表示
内部プロモーションのラベルに関連付けられたタグマネージャープロパティを識別します。 デフォルト値：Label

コンバージョンを追跡するためのタグの作成

Google AdWords アカウントをお持ちの場合は、コンバージョンを追跡するタグを作成できます。 次の例では、Google Tag Manager と Google Analytics の両方を使用して、ストアのコンバージョン 成功 ページで実行されるタグを作成する方法を示しています。

手順 1. タグの作成

  1. Google Tag Manager アカウントにログインし、ストア用に作成したコンテナのリンクをクリックします。

  2. [New Tag] ボックスの [Add a new tag] をクリックします。

  3. AdWords アカウントから次の情報を取得します。

    • コンバージョン ID
    • コンバージョンラベル

    サポートが必要な場合は、Google サポートサイトを参照してください。

  4. Google Tag Manager ダッシュボードで「Google AdWords」をクリックし、次の手順を実行します。

    • タイトルプレースホルダーをクリックして、新しいタグの名前を入力します。

    • 「Choose Product」で、「Google AdWords」を選択します。

    • 「Choose a Tag Type」で「AdWords Conversion Tracking」を選択し、「Continue」をクリックします。

  5. AdWords アカウントの Conversion ID と Conversion Label を入力し、「Continue」をクリックします。

手順 2. ルールの作成

Google Tag Manager ダッシュボードから続いて、次の手順では、コンバージョンページでタグを実行するルールを作成します。

  1. [Fire On] で、[Some Pages] をクリックします。

  2. Choose Pages ​セクションで、次の設定を行います。

    • Name - ページの説明の名前を入力します。

    • Variable url

    • 操作 - matches RegEx

      詳しくは、Google Tag Manager ヘルプの 正規表現と CSS セレクターの演算子を参照してください。

    • Value - checkout/success.*

  3. 「緑」チェックボックスをオンにして、「Save」をクリックします。

    設定したトリガーは、[ 火の種 ] セクションに青いボタンとして表示されます。

  4. 完了したら、「Save Tag」をクリックします。

手順 3. プレビューと公開

プロセスの次の手順では、タグをプレビューします。 タグをプレビューするたびに、バージョンのスナップショットが保存されます。 結果に満足したら、使用するバージョンに移動し、[Publish] をクリックします。

recommendation-more-help
d5ef48ad-708f-4ce5-a225-e7bb6053ded5