メインコンテンツにスキップ
お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Landing Pages

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

更新日時 2021年 8月 3日

対象製品

Marketing Hub Starter, Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Marketing Hub Basic(旧製品)

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

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

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

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

integrate-with-google-tag-manager

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

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

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

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

  • Googleタグマネージャーのアカウントにログインします。
  • [Admin(管理者)]タブをクリックします。
  • [コンテナー]ドロップダウンをクリックし、タグを含むコンテナーを選択します。
  • [Install Google Tag Manager(Googleタグマネージャーをインストール)]をクリックします。 
  • 次の画面で、Googleタグマネージャーコンテナーのコードスニペット(1)と(2)の両方をコピーできます。

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

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

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

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