GoogleタグマネージャーのコードをHubSpotコンテンツに追加する

Google タグマネージャーをHubSpotと連携すると、HubSpotでホスティングされているランディングページ、ウェブサイトページ、ブログ、およびナレッジベース記事を、Google タグマネージャーで追跡できるようになります。Google タグマネージャーの詳細については、Google のタグ マネージャー ヘルプをご参照ください。このページには、ご利用にあたって重要なヘルプトピックが記載されています。

Googleタグマネージャーと連携

HubSpotをGoogleタグマネージャーと連携する場合、タグマネージャーはHubSpotでホスティングされている全てのコンテンツで実行されます。外部コンテンツは、また個別にGoogleタグマネージャーに接続する必要があります。 

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］＞［ページ］の順に移動します。
3. ［連携］タブをクリックします。
4. ［Google タグマネージャーと連携］チェックボックスをオンにします。
5. 表示されるテキストフィールドにGoogle タグマネージャーIDを入力します。IDが分からない場合は、GoogleタグマネージャーのアカウントでIDを検索する方法についてご確認ください。 
6. 完了したら、左下の［保存］をクリックします。変更内容が適用されます。

Googleタグマネージャーのコードを手動で追加する

GoogleタグマネージャーのコードをHubSpotでホスティングされているコンテンツに手動で追加することもできます。HubSpotでホスティングされているドメインの一部のみをトラッキングする場合は、これをお勧めします。以下の手順は、サイトのヘッダーまたはフッターのHTML設定にアクセスできるアカウントにのみ適用されます。

Googleタグマネージャーからコードをコピーする

1. Googleタグマネージャーのアカウントにログインします。
2. ［Admin（管理者）］タブをクリックします。
3. ［コンテナ］ドロップダウンをクリックし、タグを含むコンテナを選択します。
4. ［Install Google Tag Manager（Googleタグマネージャーをインストール）］をクリックします。 

5. 次の画面で、Googleタグ マネージャー コンテナーのコードスニペット(1)と(2)の両方をコピーできます。

GoogleタグマネージャーのコードをHubSpotコンテンツに追加する（Marketing Hub ProfessionalまたはEnterpriseおよびContent Hub Starter、Professional、またはEnterpriseのみ）

1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
2. 左のサイドバーメニューで、［コンテンツ］＞［ページ］に移動します。 
3. ［設定を編集するドメインを選択］ドロップダウンメニューをクリックし、ドメインを選択します。HubSpotでホスティングされている全てのドメインにコードを追加する場合は、［全てのドメインの既定の設定］を選択します。

注：特定のドメインのヘッダーまたはフッターHTMLにコードを追加すると、［全てのドメインのデフォルトの設定］でヘッダーおよびフッターHTMLに配置した全てのコードが上書きされます。コードがページに適用される順序の詳細を確認してください。

4. Googleタグマネージャーからコピーしたコードスニペットを貼り付けます。
   • Javascriptコードスニペットを［サイトヘッダーHTML］フィールドに追加します。
   • <noscript>コードスニペットを［サイトフッターHTML］セクションに追加します。
5. ［保存］をクリックして変更を適用します。