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

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

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

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

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

注：GoogleタグマネージャーIDはGTM-XXXXXXの形式になります。HubSpotに入力する前に、IDの先頭にあるGTMを削除する必要があります。 

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

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

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

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

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

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

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

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

注：特定のドメインのヘッダーまたはフッターHTMLにコードを追加すると、［全てのドメインの既定の設定］でヘッダーおよびフッターHTMLに配置した全てのコードが上書きされます。詳しくは、ページのスタイル指定のソースを理解するナレッジベース記事をご参照ください。

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

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