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

Google Tag Manager

Last update: Fri May 17 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 E コマース、その他のサードパーティの分析ソリューションを使用して、サイト、製品、プロモーションのパフォーマンスを明確に把握できます。

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

NOTE
ビジネスが、次のようなプライバシー規制の対象となる場合 EU 一般データ保護規則 および/または カリフォルニア消費者プライバシー法を参照してください Google プライバシー設定.

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

参照： サイト検索の設定 Google ヘルプで、基礎知識を習得する必要があります。 のGoogle ガイドも参照してください Google Analytics および Google Tag Manager.

  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 アカウント

次の手順は、基本設定を使用して新しいコンテナを設定する方法を示しています。 サンプル コンポーザー 設定（.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 プレースホルダーを更新します（UA-xxxxxx-x）と独自の GA ID.

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

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

  10. クリック Confirm 完了すると、

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

手順 3. ストアの設定

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

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

  2. 日 Admin サイドバー、に移動 Stores > Settings>Configuration.

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

  4. を展開 展開セレクター この Google Analytics を選択して、以下を設定します。

    Sales configuration - 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 インスタンスがある場合は、個別のコンテナが必要です。

手順 4. Adobe Commerce ストアに GTM コードを追加します。

  1. GTM コードをコピーするには、次に移動します。 Admin > Install Google Tag Manager.

    Commerce サイトに追加する GTM コードスニペットは 2 つあります。1 つ目はです。 <head> タグと、の 2 番目 <body> タグ。

  2. Commerce Admin で、に移動します。 Content > Design>Configuration ​ストア表示を編集モードで開きます。

  3. 次の下 Other Settings、を展開​ HTML Head ​に、GTM からコピーしたコードをペーストします。 <head> 内のタグ​ Scripts and Style Sheets ​フィールド。

    HTMLヘッドへのコードの挿入 {width="600" modal="regular"}

  4. を展開 Footer に GTM コードをペーストします。 <body> が含まれる Miscellaneous HTML フィールド。

    フッターへのコードの挿入 {width="600" modal="regular"}

  5. 完了したら、 Save Configuration.

フィールドの説明

フィールド
範囲
説明
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. を入力 Conversion ID および Conversion Label を AdWords アカウントからクリックします Continue.

手順 2. ルールの作成

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

  1. 次の下 Fire On ​を選択し、 Some Pages.

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

  3. 「緑」チェックボックスをオンにし、 Save.

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

  4. 完了したら、 Save Tag.

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

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

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