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

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

更新日時 1月 3, 2019

対象製品

Marketing Hub Professional, Enterprise
Basic
HubSpot CMS

Google タグマネージャーは、HubSpot ページの設定に追加できるコードスニペットを提供しています。

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

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

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

Googleは、Javascript コードスニペット(上記のスクリーンショットの「1」)を、 できるだけページののレベルに置くことを推奨しています。これは、サイトヘッダー HTML フィールドの設定で実行できます。

また、Googleは

HubSpot ページのサイト全体の本文にコードを追加する場合は、終了タグの直前のみにコードを追加できます。これは、[サイトフッターHTML]フィールドの設定で実行できます。

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで [ウェブサイト] > [ページ] の順に移動します。
  • [修正中]ドロップダウンメニューを使用してドメインを選択するか、すべてのドメインを選択して、HubSpot がホストしているすべてのドメインにコードを追加します。

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

  • Google タグマネージャーからコピーしたコードスニペットを追加します。
    1. Javascript コードスニペットを[サイトヘッダー HTML]フィールドに追加します。
  • [保存] をクリックして変更を適用します。
詳細については、Google タグマネージャーのスタートガイドを参照してください。一般的な質問のページが含まれています。