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コンテンツに追加する

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

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

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

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