Google タグマネージャーのコードをHubSpotコンテンツに追加する
更新日時 2024年 2月 15日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
すべての製品とプラン |
Google タグマネージャーをHubSpotと連携すると、HubSpotでホスティングされているランディングページ、ウェブサイトページ、ブログ、およびナレッジベース記事を、Google タグマネージャーで追跡できるようになります。Google タグマネージャーの詳細については、Google のタグ マネージャー ヘルプをご参照ください。このページには、ご利用にあたって重要なヘルプトピックが記載されています。
Google タグマネージャーと連携する
HubSpotをGoogle タグマネージャーと連携すると、HubSpotでホスティングされている全てのコンテンツでタグマネージャーが実行されます。外部コンテンツは、個別にGoogle タグマネージャーに接続する必要があります。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左のサイドバーメニューで、[ウェブサイト]>[ページ]の順に進みます。
- [連携]タブをクリックします。
- [Google タグマネージャーと連携]チェックボックスをオンにします。
- 表示されるテキストフィールドにGoogle タグマネージャーIDを入力します。Google Tag Managerアカウントでこれを見つける方法はこちら。
注: Google Tag Manager IDはGTM-XXXXXXのようにフォーマットされます。HubSpotに入力する前に、IDの先頭にあるGTMを削除する必要があります。
- [保存]をクリックして変更を適用します。
Google タグマネージャーのコードを手動で追加する
Google タグマネージャーのコードをHubSpotでホスティングされているコンテンツに手動で追加することも可能です。これは、HubSpotでホスティングされているドメインの一部のみをトラッキングする場合にお勧めです。これらの手順は、サイトヘッダーとフッターHTML設定にアクセスできるアカウントにのみ適用されます。
Google タグマネージャーからコードをコピーする
- Google タグマネージャーのアカウントにログインします。
- [管理者]タブをクリックします。
- [コンテナ]ドロップダウンをクリックし、タグを含むコンテナを選択します。
- [タグ マネージャーをインストール]をクリックします。
- 次の画面で、Google タグマネージャーコンテナーのコードスニペット(1)と(2)の両方をコピーします。
Google タグマネージャーのコードをHubSpotコンテンツに追加するMarketing Hub ProfessionalまたはEnterpriseエディション、もしくはCMS Hub Starter、Professional、Enterpriseエディションでご利用いただけます。
- HubSpotアカウントにて、メインのナビゲーションバーに表示される設定アイコンsettingsをクリックします。
- 左のサイドバーメニューで、[ウェブサイト]>[ページ]と進みます。
- [設定を編集するドメインを選択]の下部に表示されている[全てのドメインの既定の設定]ドロップダウンメニューをクリックします。HubSpotでホスティングされている全てのドメインにコードを追加する場合は、[全てのドメインの既定の設定]を選択します。
注:特定のドメインのヘッダーまたはフッターHTMLにコードを追加すると、[全てのドメインの既定の設定]でヘッダーおよびフッターHTMLに配置した全てのコードが上書きされます。、コードがあなたのページに適用される順序についての詳細はこちら。
- Google タグマネージャーからコピーしたコードスニペットを貼り付けます。
- Javascriptコードスニペットを[サイトヘッダーHTML]フィールドに追加します。
- <noscript>コードスニペットを[サイトフッターHTML]セクションに追加します。
- [保存]をクリックして変更を適用します。