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

HubSpotトラッキングコードをインストールする

更新日時 2025年12月3日

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

HubSpotアカウントごとに固有のHubSpotトラッキングコードによって、HubSpotはウェブサイトのトラフィックをモニタリングできます。HubSpotのブログページ、ランディングページ、ウェブサイトページにはトラッキングコードが自動的に含められます。

外部でホストされているページ(つまりHubSpot上にないページ)の分析情報を取得するには、HubSpotのトラッキングコードを手動でインストールする必要があります。

トラッキングコードを使用したウェブサイト訪問者のトラッキング方法をご覧ください。

HubSpotトラッキングコードを使用する場合は、訪問者のデータが収集され、ウェブサイトのトラフィックをモニタリングするために使用されます。HubSpotはHubSpotトラッキングコードから収集した特定のデータを使用して、Breeze Intelligenceの商用データセットを含む、HubSpotの製品とサービスを改善します。アカウント設定に移動して、アカウントの、HubSpotとのデータ共有をオフにすることができます。HubSpotのトラッキングコードによって収集されるデータについて詳細をご確認ください。

注:

  • 1つのページに複数のHubSpotトラッキングコードをインストールすることはできません。複数のHubSpotトラッキングコードがインストールされている場合、ページに読み込まれる最初のトラッキングコードが作動し、以降のHubSpotトラッキングコードは読み込まれません
  • IT管理者またはウェブ開発者がコードをインストールする場合、HubSpotユーザーアカウントが必要です。
  • 単一ページアプリを使用している場合は、トラッキングの設定について 開発者ドキュメント を確認してください。
  • ドメインまたはサブドメイン全体を外部でホスティングしている場合は、 ドメインおよびサブドメインもHubSpotの設定に追加 する必要があります。
  • トラッキングコードはAMPサイトではサポートされません。
  • 外部サイトにWordPressを使用している場合、HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPressプラグインをインストールして使用することが推奨されます。これにより、WordPressサイト上にHubSpotトラッキングコードがインストールされます。
  • 訪問者が広告ブロッカーをインストールしている場合は、それによってトラッキングコードが邪魔される可能性があります。

 

HubSpotトラッキングコードをコピーする

  1. HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  2. 次のようにして[トラッキングとアナリティクス]設定に移動します。
    • 他の全てのサブスクリプション については、左側のサイドバーメニューで[ トラッキング & アナリティクス > トラッキングコード ]に移動します。
  3. [埋め込みコード ]セクションで、[ コピー]をクリックするか、[ ウェブ開発者にEメールを送信 ]をクリックして、トラッキングコードをウェブサイトにインストールするチームメンバーに送信します。

    [トラッキングコードのインストール]設定。[埋め込みコード]セクションが表示され、埋め込みコードの下の[コピー]ボタンが強調表示されます。
  4. トラッキングコードをウェブサイトにインストールします。

トラッキングコードをウェブサイトにインストールする

トラッキングコードをインストールするには、サイトの各ページのHTMLコードにある終了</body>タグの前に、このコードを貼り付けます。トラッキングコードをインストールしたら、 インストールの検証とコードのトラブルシューティングの方法をご確認ください。

また、多くのコンテンツ マネジメント システムでは、全てのページで参照されるフッターファイルなどを開発者が利用して、サイトの全てのページにコードをインストールすることもできます。貴社の開発者にお問い合わせください。

HubSpotでホスティングされていないページにトラッキングコードを追加した後、レポート設定に外部サイトのドメインを追加して、これらのページがHubSpotアナリティクスに含まれるようにする必要があります。 

以下のセクションは、特定のコンテンツ マネジメント システムを使用している場合にも役立ちます。

注:ウェブサイトの構造はサイトごとに異なるため、HTMLコードに関する以下の手順は必ずしも正確ではない場合があります。サイトのHTMLコードに関する手順が不明な場合は、貴社のウェブマスター、IT部門、または開発者にこの記事を見せて相談してください。
 

トラッキングコードをWordPressウェブサイトにインストールする

HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPressプラグインをインストールして使用することが強く推奨されます。このプラグインにより、WordPressウェブサイト上にHubSpotトラッキングコードが自動的にインストールされます。

HubSpot WordPressプラグインをインストールできない場合にのみ、HubSpotトラッキングコードを手動でインストールできます。

  1. 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
  2. 自分のWordPressアカウントにログインします。
  3. 左のサイドバーメニューで、[表示]>[エディター]の順に進みます。
  4. エディターの右側にあるテーマファイルのリストで、[フッター]を選択します。
  5. トラッキングコードを貼り付け、[ファイルを更新]を選択します。

注:
  • トラッキングコードを手動でインストールした場合に、HubSpot Marketing Hubのご契約では、HubSpot上のアナリティクスにおいてWordPressの記事とページを区別することはできません
  • サイトがWordPress.comでホスティングされている場合、ビジネスプランをご利用でない限り、HubSpotトラッキングコードをウェブサイトに追加できません。他のプラン(例:プレミアム、パーソナル)では、ユーザーはJavaScriptコードを追加できません。

トラッキングコードをShopifyサイトにインストールする

注:Shopify(データ同期)連携をインストールすると、HubSpotのトラッキングコードが自動的にShopifyストアに追加されます。 


  1. 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
  2. Shopify管理者ダッシュボードにログインします。
  3. 左のサイドバーメニューで、[オンラインストア]>[テーマ]の順に進みます。
  4. [アクション]ドロップダウンメニューをクリックし、[コードを編集]を選択します。
  5. テーマのtheme.liquidファイルを選択します。

  1. このファイルの</body>タグの直前にHubSpotトラッキングコードを貼り付けます。
  2. 右上の[保存]をクリックします。

トラッキングコードをDrupalサイトにインストールする

  1. 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
  2. Drupal管理者ダッシュボードにログインします。
  3. メイン ナビゲーション メニューで、[構造]に進みます。
  4. [ブロック]をクリックします。

  1. [+ブロックを追加]をクリックします。
  2. 新しいブロックのフィールドを入力します。トラッキングコードを[ブロック本文]フィールドに貼り付け、[ブロックを保存]をクリックします。

トラッキングコードをMagentoサイトにインストールする

上記の 手順に従って、HubSpotアカウントにHubSpotトラッキングコードをコピーします。次に 、Magentoのデザインユーザーガイド に従って、ヘッダーHTMLにサードパーティのJavaScriptコードをインストールする手順を実行します。

トラッキングコードをWixサイトにインストールする

Wixのアプリマーケットを使用して、HTMLウィジェットをページに追加します。

  1. 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
  2. サイトのダッシュボードで設定に移動します。
  3. [詳細]セクションの[カスタムコード]タブをクリックします。
  4. 右上の[+カスタムコードを追加]をクリックします。
  5. トラッキングコードをテキストボックスに貼り付けます。 
  6. 新しいツールの「名前」を「HubSpotトラッキングコード」に設定します。
  7. [コードを追加するページ]で、[全てのページ]のラジオボタンをクリックし、 ドロップダウン メニューを使用して[ページごとにコードを読み込む]を選択します。
  8. [コードを追加する場所]セクションで、[ボディー - 最後]オプションのラジオボタンをクリックします。
  9. [適用]をクリックして変更内容を保存します。
Wixウェブサイトで ウェブチャット または ボット を使用している場合、上記の手順に従って全てのページにチャットフローを追加するか、開発者と連携して チャットウィジェットSDK を使用して特定のページに追加することができます。さまざまなページ上でさまざまなチャットフローを指定するには、.widget-refreshメソッドを使用します。詳しくは、HubSpotの 開発者ドキュメントをご覧ください。
 

トラッキングコードをJoomlaサイトにインストールする

HubSpotトラッキングコードをJoomlaサイトに追加するには、2つの方法があります。いずれの方法でも、まず前述の手順に従ってHubSpotトラッキングコードをコピーする必要があります。

Joomlaエクステンションディレクトリーからエクステンションを選択し、HubSpotトラッキングコードに貼り付けることができます。または、以下の手順に従って、トラッキングコードをインストールします。

  1. 管理者としてJoomlaアカウントにログインします。
  2. メイン ナビゲーション メニューで、[拡張機能]>[テンプレート]>[テンプレート]の順に進みます。
  3. テンプレートの名前をクリックし、左のサイドバーメニューで[index.php]を選択します。
  4. </body>タグの上にHubSpotトラッキングコードを直接貼り付けます。
  5. [保存]をクリックします。

トラッキングコードをSquarespaceサイトにインストールする

  1. 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
  2. Squarespaceアカウントにログインします。
  3. 左のサイドバーメニューで、[設定]に進みます。
  4. メニューの[ウェブサイト]セクションで、[高度]に進み、[コードインジェクション]を選択します。
  5. トラッキングコードを[ヘッダー]フィールドに貼り付けます。
  6. 左上の[保存]をクリックします。

Google タグマネージャーを使用してトラッキングコードをインストールする

  1. 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
  2. 新しいブラウザータブまたはウィンドウで、Googleタグマネージャーのアカウントにログインします。
  3. コンテナーを選択します。
  4. 左のサイドバーメニューで、[タグ]に進みます。
  5. [新規]をクリックします。

  1. [タグ設定]をクリックします。
  2. [タグの種類]で、[カスタムHTMLタグ]を選択します。次に、タグに名前を付けます。
  3. トラッキングコードを[HTML]フィールドに貼り付けます。
  4. [タグ設定]の下にある[トリガー]をクリックして、作動ルールを設定します。作動ルールを設定しないと、タグは作動せず、HubSpotアナリティクスデータは収集されません。
  5. Googleタグマネージャーのコードがインストールされている全てのページでタグを作動させる(推奨)には、[全てのページ]オプションを選択します。

  1. [保存]をクリックして、新しいタグを保存します。
  2. 右上で、[Publish(公開)]をクリックして、コンテナーとタグを保存します。

  1. まだ実行していない場合は、ウェブサイトに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の式を使用します。

追加後、外部ページに関連するデータは、コードの中で選択したページタイプに振り分けられます。このコードの仕組みについては開発者用ドキュメントをご覧ください

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。