Googleタグマネージャーをエドコマースサイトにインストールする方法
Last updated: July 27, 2026
Googleタグマネージャーをエドコマースサイトにインストールするためのステップバイステップガイド。コンテナID(GTM-XXX)とheadスニペットをtagmanager.google.comで見つける方法、エドコマースの統合エリアに貼り付ける方法、「スクリプトコードを追加」ボタンを使用し、Headに設定(bodyスニペットはエドコマースでは使用しません)、GoogleタグアシスタントChrome拡張機能やGoogleアナリティクスのリアルタイムレポートでインストールを検証する方法をカバーします。
ステップ1 - Googleタグマネージャーからコードスニペットを取得する
始めるには、https://tagmanager.google.comでGoogleタグマネージャーアカウントにログインします。
ログインすると、アカウントに関連付けられたコンテナのリストが表示されます。作業したいコンテナを選択するか、エドコマース用に新しいものを作成します。
コンテナを選択したら、それを開いて内容にアクセスします。コンテナの概要画面で、コンテナIDをトップバーのメニューから探し、それをクリックします(通常はGTM-XXXで始まります)。
2つのコードスニペットが見つかります:1つは<head>セクション用、もう1つは<body>セクション用です。エドコマースでは、<head>セクションのコードのみを使用します。
ステップ2 - コードスニペットをエドコマースに追加する
エドコマースにスニペットコードを追加するのは非常に簡単です。統合エリアにアクセスし、「スクリプトコードを追加」ボタンをクリックするだけです。
次のようにスクリプト統合フィールドを記入します:
- 名前:スニペットに名前を付けます。例:Googleタグマネージャー
- 挿入先:Head (Googleタグマネージャー用のbodyは使用しません)
- コード:Googleタグマネージャーで見つけた「ヘッダー」スニペットコードをここにコピーします。
ステップ3:Googleタグマネージャーが正しく動作しているか検証する
インストールが正しく行われたか最も簡単に確認する方法は、GoogleタグアシスタントChrome拡張機能をインストールすることです。
次に、以下のステップを行います:
- Google Chromeであなたのウェブサイトを開きます。
- Chromeツールバーのタグアシスタント拡張アイコンをクリックします。
- ポップアップウィンドウが表示されます。「有効にする」をクリックして記録を開始します。
- あなたのウェブサイトをナビゲートし、Googleタグマネージャーで設定したタグをトリガーする操作を行います。
- 操作を完了したら、再びタグアシスタント拡張アイコンをクリックします。
- タグアシスタントは各ページでトリガーされたタグを分析し、レポートを提供します。
- Googleタグマネージャーの設定に関するエラーや警告がないかレポートを確認します。
タグアシスタントレポートは、Googleタグマネージャーのコンテナからのタグが正しく発火しているか、または問題があるかどうかを示します。さまざまなシナリオをウェブサイトでテストして、すべての望ましいタグが期待通りに発火していることを確認してください。
さらに、Googleアナリティクスの「リアルタイム」セクションを確認して、データがあなたのウェブサイトから受信されているかどうかを確認することもできます。エドコマースサイトでアクションを実行したときにGoogleアナリティクスにリアルタイムのデータが表示される場合、それはあなたのGoogleタグマネージャーが正しくデータをGoogleアナリティクスに送信していることを示しています。