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

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

更新日時 November 21, 2018

Marketing Hub Free, Starter, Professional, Enterprise
free

まだHubSpotでホスティングを開始していない部分がウェブサイトに残っている場合、またはHubSpotでホストされていないウェブサイトページがある場合、そのHubSpot外のページをHubSpotの分析に取り込むには、該当するページにHubSpotのトラッキングコードをインストールする必要があります。

HubSpotのトラッキングコードを使用すると、以下のモニタリングが可能となります。

  • ウェブサイトのトラフィックとリード(見込み客)の獲得数。
  • ウェブサイトのトラフィックを向上するために取れる方策。
  • リードから顧客へのコンバージョンを高めるためのリードに関する詳細情報。

1 ページのアプリケーションを使用している場合は、開発者のドキュメントを参照してトラッキングを設定します。

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

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

トラッキングコードをインストールするユーザーは、手順を完了するにはHubSpotにログインする必要があります。IT担当者またはウェブ開発者がコードをインストールする場合、インストールプロセスを完了するには、それらの担当者のHubSpotユーザーアカウントを作成する必要があります。 

copy-tracking-code

HubSpot CRMまたはSales Hubのユーザーであって、プロスペクトツールを設定している場合は、プロスペクトのダッシュボードからトラッキングコードにアクセスできます。

  • HubSpotアカウントにて、[レポート] > [アナリティクスツール]の順に進みます。
  • [プロスペクト]をクリックします。
  • [アクション]をクリックし、[トラッキングコードを表示]を選択します。

code-from-prospects

  • ダイアログボックスで、[コピー]をクリックします。
注:トラッキングコードは、HubSpotのアカウントごとに異なり、お客様のHubSpotアカウント番号に対応しています。

各ウェブサイトページにトラッキングコードを貼り付けます。

各サイトページのHTMLコードのタグの直前にこのコードを貼り付けます。

HubSpot トラッキングコードをテストして、機能していることを確認することができます。

以下は、さまざまなウェブサイトホスト上でコードを貼り付けるための具体的な手順です。 

注:Contact Form Builder for WordPress - Conversion Tools by HubSpotを使用していない場合は、以下のWordPress の手順に従ってください。

Contact Form Builder for WordPress - Conversion Tools by HubSpotの使用についてもっと詳しく。

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

ほとんどのコンテンツ管理システムとIT部門は、コードをサイト内のすべてのページに一括してアップロードする手段を備えています。すべてのページで参照されるフッターファイルの形でこの機能が用意されている場合もあります。コンテンツ管理システムへのアクセス権がない場合は、アクセス権のある担当者にこれらの手順をお送りください。

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

Contact Form Builder for WordPress - Conversion Tools by HubSpotを使用することをお勧めしますが、手動でトラッキングコードをインストールすることもできます。HubSpot Marketing Hub BasicProfessionalEnterpriseのいずれかのアカウントを使用していて、手動でトラッキングコードを追加した場合、HubSpotのレポートでは投稿とページを区別できません。 

注:サイトがwordpress.comでホストされている場合、HubSpotトラッキングコードをウェブサイトに追加することはできません。WordPressでは、ユーザーがwordpress.comにJavaScriptコードを追加することは許可されていません。これは、wordpress.comが共有環境であるためです。 

  • 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
  • WordPressアカウントにログインしてから、左側のサイドバーメニューで[Appearance(表示)]>[Editor(エディター)]の順に進みます。  

  • エディターの右側にあるテーマファイルのリストで、[Footer(フッター]を選択します。
  • トラッキングコードに貼り付け、[Update File(ファイルを更新)]を選択します。 

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

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

  • 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。
  • Shopify管理者ダッシュボードにログインします。
  • 左側のサイドバーメニューで、[Online Store(オンラインストア)]>[Themes(テーマ)]に移動します。    

  • [Actions(アクション)]ドロップダウンメニューをクリックし、[Edit code(コードを編集)]を選択します。
  • テーマにtheme.liquidファイルを選択します。  

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

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

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

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

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

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

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

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

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

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

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

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

  • 管理者として Joomla アカウントにログインし、[Extensions (エクステンション)]>[Templates (テンプレート)]>[Templates (テンプレート)]に移動します。  

  • テンプレートの名前をクリックし、左側のサイドバーメニューで[index.php]を選択します。 
  • タグの直前にHubSpotトラッキングコードを貼り付けます。次に[Save (保存)]をクリックします。 

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

  • 上記の手順に従って、HubSpotアカウントでHubSpotトラッキングコードをコピーします。 
  • Squarespaceのアカウントにログインし、左側のサイドバーメニューの[Settings(設定)]に移動します。  

  • メニューの[Website (ウェブサイト)]セクションで、[Advanced (詳細)]に移動し、[Code Incounding (コードインジェクション)]を選択します。 
  • トラッキングコードを[Header(ヘッダー)]フィールドに貼り付け、[Save (保存)]をクリックします。 

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

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

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

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

  • Google タグマネージャーコードがウェブサイトページにまだインストールされていない場合は、ページのタグの前に追加します。Google タグマネージャーコードは、Google タグマネージャーのアカウントの[Admin(管理)]タブの下の[Install Google Tag Manager(Google タグマネージャーのインストール)]にあります。