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

HubSpot トラッキングコードをインストールします。

更新日時 2019年 10月 31日

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

注:

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

HubSpot アカウントでトラッキングコードをコピー

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

外部ウェブサイトでのアナリティクストラッキングの設定

あなたが、外部のウェブサイトにトラッキングコードを追加している Marketing Hub ユーザーの場合:

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左のサイドバーメニューで、[レポートとアナリティクストラッキング]の設定に移動します:
    • Marketing Hub Professional、Enterprise、Basic (Legacy) アカウントで、[レポート]>[トラッキングコード]の順に進みます。
    • Marketing Hub Starter アカウントと無料の CRM アカウントで、[トラッキングコード]に移動します。
  • [エンベッドコード] セクションの下で、[コピー] または [ウェブ開発者にEメールを送信] をクリックして、サイトにトラッキングコードをインストールするチームメンバーにトラッキングコードを送信します。 

    copy-tracking-code

プロスペクトツールをセットアップする

HubSpot CRM または Sales Hub アカウントでプロスペクトツールをセットアップするには、次の手順を実行します。

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

注:WordPress を使用している場合は、[はい]を選択し、[次へ]をクリックして HubSpot オールインワンマーケティング・フォーム、ポップアップ、ライブチャット WordPress プラグインへのリンクにアクセスします。

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

ウェブサイトにチャットフローを追加する

  • HubSpot アカウントから[会話]>[受信箱]の順に開きます。
  • 左下の [受信トレイ設定] をクリックし、次に[チャット] を選択します。
  • [トラッキングコード] タブをクリックします。  
  • コピーをクリックするか、Eメールアドレスを入力してコードをウェブ開発者またはITリソースに送信します。 

注:トラッキングコードは HubSpot アカウントごとに異なります。;コードは、アカウントから直接コピーしなければなりません。


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

ほとんどのコンテンツ管理システムおよび IT 部門は、すべてのページで参照されるフッターファイルなど、サイトのすべてのページにコードを実装することができます。

注:ウェブサイトやCMSはそれぞれ独自の構造を備えているため、HTML コードへアクセスする正確な方法は若干異なる場合があります。サイトの HTML コードへのアクセス方法に不明点がある場合は、この記事を担当のウェブマスター、IT 部門、または技術リソースに送信してください。
 

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

HubSpot オールインワンマーケティング・フォーム、ポップアップ、ライブチャット WordPress プラグインを使用することが推奨されますが、手動でトラッキングコードをインストールすることもできます。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 タグマネージャーのコードがインストールされているすべてのページでタグを作動させる(推奨)には、[すべてのページ] オプションを選択します。

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