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

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

更新日時 2023年 4月 19日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

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コンテンツに追加する(「Marketing Hub Professional」または「Enterprise」および「CMS Hub Starter」、「Professional」、または「Enterprise」のみ)

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

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

  • Googleタグマネージャーからコピーしたコードスニペットを貼り付けます。
    1. Javascriptコードスニペットを[サイトヘッダーHTML]フィールドに追加します。
    2. <noscript>コードスニペットを[サイトフッターHTML]セクションに追加します。
  • [保存]をクリックして変更を適用します。
この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。