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

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

更新日時 4月 25, 2019

HubSpot トラッキングコードは、ウェブサイトのトラフィックをモニタリングするのに役立ちます。トラッキングコードは、HubSpot ページに自動的に追加されます。ただし、HubSpot でホストされていないページがある場合は、HubSpot トラッキングコードをインストールして、それらのページの分析を取得する必要があります。

注:

  • 複数の HubSpot トラッキングコードをページにインストールすることはできません。複数の HubSpot トラッキングコードがインストールされている場合、ページに読み込まれる最初のトラッキングコードが作動します。後続の HubSpot トラッキングコードは作動しません。
  • IT 管理者またはウェブ開発者がコードをインストールする場合、HubSpot ユーザーアカウントが必要です。
  • 単一ページのアプリケーションを使用している場合は、開発者向けドキュメントを参照してトラッキングを設定します。
  • ドメインまたはサブドメイン全体を外部でホストしている場合は、HubSpot の設定にドメインやサブドメインを追加する必要があります。

こちらの手順に従ってトラッキングコードをインストールしてください。トラッキングコードをすでにインストールしている場合は、インストールとトラブルシューティングの方法を学習します。 

トラッキングコードをコピーする方法:

  • Marketing Hub ユーザーである場合:
    • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
    • 左のサイドバーメニューで、[レポート] > [トラッキングコード] の順に進みます。
    • [エンベッドコード] セクションで[コピー] または [ウェブ開発者にEメールを送信] をクリックして、サイトにトラッキングコードをインストールするチームメンバーにトラッキングコードを送信します。 

      copy-tracking-code
  • HubSpot CRM または Sales Hub ユーザーで、プロスペクトツールを設定している場合:
    • HubSpotアカウントにて、[レポート] > [アナリティクスツール]の順に進みます。 
    • [プロスペクト] をクリックします。
    • 初めてプロスペクトツールを設定する場合:
      • [ウェブサイトに HubSpot をインストール] をクリックします。
      • 右のパネルで、[いいえ] を選択し、[次へ] をクリックします。
      • [コピー] をクリックして、トラッキングコードをコピーします。

注:WordPress を使用している場合は、[はい] を選択し、[次へ] をクリックして、 WordPress 用コンタクトフォームビルダー(HubSpot 変換ツール)プラグインをインストールするリンクにアクセスします。

    • プロスペクトツールをすでに設定している場合:
      • 右上の [アクション] ドロップダウンメニューをクリックして、[トラッキングコードを表示] を選択します。
      • ダイアログボックスで [コピー] をクリックします。

注:トラッキングコードは HubSpot アカウントごとに異なります。コードをアカウントから直接コピーする必要があります。

さまざまなウェブサイトホストにコードをインストールする具体的な手順については、以下のリンクをクリックしてください。

注:WordPress を使用している場合、この記事の WordPress の手順に従う代わりに、WordPress 用コンタクトフォームビルダー(HubSpot 変換ツール)プラグインのインストールを選択できます。

注:ウェブサイトやCMSはそれぞれ独自の構造を備えているため、HTML コードへの正確なアクセス方法は若干異なる場合があります。サイトの HTML コードへのアクセス方法に不明点がある場合は、この記事を担当のウェブマスター、IT 部門、または技術リソースに送信してください。
ほとんどのコンテンツ管理システムおよび IT 部門は、すべてのページで参照されるフッターファイルなど、サイトのすべてのページにコードを実装できます。
 
 

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

WordPress 用コンタクトフォームビルダー(HubSpot 変換ツール)プラグインの使用をお勧めしますが、手動でトラッキングコードをインストールすることもできます。HubSpot Marketing Hub BasicProfessionalEnterpriseのいずれかのアカウントを使用していて、手動でトラッキングコードを追加した場合、HubSpot の分析では WordPress 記事とページを区別できません。

注:サイトが WordPress.com でホストされている場合、事業計画に含まれていない限り、HubSpot トラッキングコードをウェブサイトに追加することはできません。他のプラン(例:プレミアム、パーソナル)では、ユーザーは JavaScript コードを追加できません

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

 

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

注:Shopify 統合を使用している場合は、トラッキングコードを別々にインストールする必要はありません。 

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

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

 

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

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

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

 

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

上記の手順に従って、HubSpot アカウントで HubSpot トラッキングコードをコピーします。  サードパーティの JavaScript コードをヘッダー HTML にインストールする手順については、Magento 設計ユーザーガイドを参照してください。

 

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

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

  • 上記の手順に従って、HubSpot アカウントで HubSpot トラッキングコードをコピーします。
  • サイトマネージャーに移動します。
  • 左のサイドバーメニューで、[トラッキングとアナリティクス]を開きます。
  • [カスタム] または [新規ツールを追加] > [カスタム] の順にクリックします。
  • トラッキングコードを [ここにスニペットを貼り付け] フィールドに貼り付けます。
  • 新しいツールの名前「HubSpot トラッキングコード」と設定します。
  • [コードをページに追加] で、 [すべてのページ]ラジオボタンをクリックし、ドロップダウンメニューを使用して、[各新規ページにコードを読み込み] を選択します。
  • [コードの配置場所] セクションで、[本文 - 末尾] オプションの ラジオボタン をクリックします。
  • [適用] をクリックして変更内容を保存します。
 
 

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

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

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

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

 

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

  • 上記の手順に従って、HubSpot アカウントで HubSpot トラッキングコードをコピーします。
  • Squarespace アカウントにログインします。
  • 左のサイドバーメニューで、 [設定] を開きます。
  • メニューの [ウェブサイト] セクションで、[詳細] に移動し、[コードインジェクション] を選択します。
  • トラッキングコードを [ヘッダー] フィールドに貼り付けます。
  • 左上の [保存] をクリックします。

 

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

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

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

  • [保存] をクリックして、新しいタグを保存します。
  • 右上の [公開] をクリックして、コンテナとタグを保存します。