HubSpotトラッキングコードをインストールする
更新日時 2020年 12月 2日
対象製品
すべての製品とプラン |
HubSpotトラッキングコードは各HubSpotアカウントに固有のものであり、それによってHubSpotは、ウェブサイトのトラフィックをモニタリングできます。トラッキングコードは、HubSpotブログ記事、ランディングページ、ウェブサイトページに自動的に含められます。
外部でホストされているページ(HubSpot上にないページ)がある場合、それらのページのアナリティクスを取得するためにHubSpotトラッキングコードを手動でインストールする必要があります。
トラッキングコードを使用してウェブサイトの訪問者をトラッキング可能にする仕組みについて詳細をご確認ください。
注:
- 1つのページに複数のHubSpotトラッキングコードをインストールすることはできません。複数のHubSpotトラッキングコードがインストールされている場合、ページに読み込まれる最初のトラッキングコードが作動します。後続のHubSpotトラッキングコードは読み込まれません。
- IT管理者またはウェブ開発者がコードをインストールする場合、HubSpotユーザーアカウントが必要です。
- 単一ページのアプリケーションを使用している場合は、開発者向けドキュメントを参照してトラッキングを設定します。
- ドメインまたはサブドメイン全体を外部でホストしている場合は、HubSpotの設定にドメインやサブドメインを追加する必要があります。
- トラッキングコードはAMPサイトではサポートされていません。
- 外部サイトでWordPressを使用している場合、HubSpotオールインワンマーケティングのフォーム、ポップアップ、ウェブチャットWordPressプラグインをインストールして使用することが推奨されます。それにより、WordPressサイト上にHubSpotトラッキングコードがインストールされます。
HubSpotトラッキングコードをコピーする
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- [レポートとアナリティクストラッキング]の設定に移動します。
- Marketing Starterのみのアカウントと無料のCRMアカウントの場合、左のサイドバーメニューで[トラッキングコード]に移動します。
- その他のすべてのサブスクリプションの場合、左のサイドバーメニューで[トラッキングとアナリティクス]>[トラッキングコード]に移動します。
- [エンベッドコード]セクションで、[コピー]または[ウェブ開発者にEメールを送信]をクリックして、サイトにトラッキングコードをインストールするチームメンバーにトラッキングコードを送信します。
- トラッキングコードをウェブサイトにインストールします。
トラッキングコードをウェブサイトにインストールする
トラッキングコードをインストールするには、サイトの各ページのHTMLコードにある終了</body>
タグの前に、このコードを貼り付けます。トラッキングコードをインストールしたら、インストールの検証とコードのトラブルシューティングの方法についてご確認ください。
同時に、多くのコンテンツ管理システムにより、または開発者により、すべてのページで参照されるフッターファイルなど、サイトのすべてのページにコードをインストールすることができます。開発者にお問い合わせください。
以下のセクションは、特定のコンテンツ管理システムを使用している場合にも役立ちます。
トラッキングコードをWordPressウェブサイトにインストールする
HubSpotオールインワンマーケティングのフォーム、ポップアップ、ウェブチャットWordPressプラグインをインストールして使用することが強く推奨されています。そのプラグインにより、WordPressウェブサイト上にHubSpotトラッキングコードが自動的にインストールされます。
HubSpot WordPressプラグインをインストールできない場合のみ、HubSpotトラッキングコードを手動でインストールできます。
- 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
- 自分のWordPressアカウントにログインします。
- 左のサイドバーメニューで、[表示]>[エディター]の順に進みます。
- エディターの右側にあるテーマファイルのリストで、[フッター]を選択します。
- トラッキングコードを貼り付け、[ファイルを更新]を選択します。
- トラッキングコードを手動インストールした場合、HubSpot Marketing Hubサブスクリプションでは、HubSpotによりアナリティクスにおいてWordPressの記事とページを区別することはできません。
- サイトがWordPress.comでホストされている場合、ビジネスプランに含まれていない限り、HubSpotトラッキングコードをウェブサイトに追加することはできません。他のプラン(例:プレミアム、パーソナル)では、ユーザーはJavaScriptコードを追加できません。
トラッキングコードをShopifyサイトにインストールする
注:Shopify統合を使用している場合は、トラッキングコードを別々にインストールする必要はありません。
- 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
- Shopify管理者ダッシュボードにログインします。
- 左のサイドバーメニューで、[オンラインストア]>[テーマ]の順に進みます。
- [アクション]ドロップダウンメニューをクリックし、[コードを編集]を選択します。
- テーマにtheme.liquidファイルを選択します。
- このファイルの</body>タグの直前にHubSpotトラッキングコードを貼り付けます。
- 右上の[保存]をクリックします。
トラッキングコードをDrupalサイトにインストールする
- 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
- Drupal管理者ダッシュボードにログインします。
- メイン ナビゲーション メニューで、[構造]に移動します。
- [ブロック]をクリックします。
- [+ブロックを追加]をクリックします。
- 新しいブロックのフィールドを入力します。トラッキングコードを[ブロック本文]フィールドに貼り付け、[ブロックを保存]をクリックします。
トラッキングコードをMagentoサイトにインストールする
上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。サードパーティのJavaScriptコードをヘッダーHTMLにインストールするMagentoでの手順については、Magento設計ユーザーガイドでご確認ください。
トラッキングコードをWixサイトにインストールする
Wixのアプリマーケットを使用して、HTMLウィジェットをページに追加します。
- 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
- サイトマネージャーに移動します。
- 左のサイドバーメニューで、[トラッキングとアナリティクス]に進みます。
- [カスタム]または[新規ツールを追加]>[カスタム]の順にクリックします。
- トラッキングコードを[ここにスニペットを貼り付け]フィールドに貼り付けます。
- 新しいツールの名前を「HubSpotトラッキングコード」に設定します。
- [コードをページに追加]で、[すべてのページ]のラジオボタンをクリックし、
ドロップダウン メニューを使用して[各新規ページにコードを読み込み] を選択します。 - [コードの配置場所]セクションで、[本文 - 末尾]オプションのラジオボタンをクリックします。
- [適用]をクリックして変更内容を保存します。

トラッキングコードをJoomlaサイトにインストールする
HubSpotトラッキングコードをJoomlaサイトに追加するには、2つの方法があります。いずれの方法でも、まず前述の手順に従ってHubSpotトラッキングコードをコピーする必要があります。
Joomlaエクステンションディレクトリからエクステンションを選択し、HubSpotトラッキングコードを貼り付けることができます。または、以下の手順に従って、トラッキングコードをインストールします。
- 管理者としてJoomlaアカウントにログインします。
- メイン ナビゲーション メニューで、[拡張機能]>[テンプレート]>[テンプレート]の順に進みます。
- テンプレートの名前をクリックし、左のサイドバーメニューで[index.php]を選択します。
- </body>タグの上にHubSpotトラッキングコードを直接貼り付けます。
- [保存]をクリックします。
トラッキングコードをSquarespaceサイトにインストールする
- 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
- Squarespaceアカウントにログインします。
- 左のサイドバーメニューで、[設定]に移動します。
- メニューの[ウェブサイト]セクションで、[高度]に移動し、[コードインジェクション]を選択します。
- トラッキングコードを[ヘッダー]フィールドに貼り付けます。
- 左上の[保存]をクリックします。
Googleタグマネージャーを使用してトラッキングコードをインストールする
- 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
- 新しいブラウザータブまたはウィンドウで、Googleタグマネージャーのアカウントにログインします。
- コンテナを選択します。
- 左のサイドバーメニューで、[タグ]に移動します。
- [新規]をクリックします。
- [タグ設定]をクリックします。
- [タグの種類]で、[カスタムHTMLタグ]を選択します。タグに名前を付けます。
- トラッキングコードを[HTML]フィールドに貼り付けます。

- [タグ設定]の下にある[トリガー]をクリックして、作動ルールを設定します。作動ルールを設定しないと、タグは作動せず、HubSpotアナリティクスデータは収集されません。
- Googleタグマネージャーのコードがインストールされているすべてのページでタグを作動させる(推奨)には、[すべてのページ]オプションを選択します。
- [保存]をクリックして、新しいタグを保存します。
- 右上の[公開]をクリックして、コンテナとタグを保存します。
- まだ実行していない場合は、ウェブサイトにGoogleタグマネージャーをインストールします。
HubSpotページタイプごとにデータを振り分けるための追加コード
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);
上記のコードに含まれるCONTENT_TYPE
テキストを、クレジットの帰属先コンテンツタイプに応じた式で置き換えてください。
- クレジットを[ウェブサイトページ]コンテンツタイプに帰属させるには、
standard-page
またはsite-page
の式を使用します。 - クレジットを[ランディングページ]コンテンツタイプに帰属させるには、
landing-page
の式を使用します。 - クレジットを[リストページ]コンテンツタイプに帰属させるには、
listing-page
の式を使用します。 - クレジットを[ブログ記事]コンテンツタイプに帰属させるには、
blog-post
の式を使用します。 - クレジットを[ナレッジ記事]コンテンツタイプに帰属させるには、
knowledge-article
の式を使用します。
追加後、外部ページに関連するデータは、コードの中で選択したページタイプに振り分けられるようになるはずです。このコードの仕組みについての詳細は、当社の開発者用ドキュメントをご確認ください。