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

GoogleタグマネージャーをHubSpotと連携することにより、HubSpotでホスティングされているランディングページ、ウェブサイトページ、ブログ、およびナレッジベースを、Googleタグマネージャーで追跡することができます。Googleタグマネージャーの詳細については、Googleのスタートガイドを参照してください。これには一般的な質問のページが含まれています。

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

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

• HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン settings］をクリックします。
• 左のサイドバーメニューで、［ウェブサイト］>［ページ］の順に進みます。
• ［連携］タブをクリックします。
• ［Googleタグマネージャーと連携］チェックボックスをオンにします。
• テキストフィールドにGoogleタグマネージャーIDを入力してください。このIDをGoogleタグマネージャーのアカウントで検索する方法についてご確認ください。

• ［保存］をクリックして変更を適用します。

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

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

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

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

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

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

• HubSpotアカウントにて、ナビゲーションバーに表示される［設定アイコン settings］をクリックします。
• 左のサイドバーメニューで、［ウェブサイト］>［ページ］の順に進みます。
• ［設定を編集するドメインを選択］ドロップダウンメニューをクリックし、ドメインを選択します。HubSpotでホスティングされている全てのドメインにコードを追加する場合は、［全てのドメインの既定の設定］を選択します。

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

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

• ［保存］をクリックして変更を適用します。