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

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

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

トラッキングコードを使用してウェブサイト訪問者をトラッキングする方法をご確認ください。

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

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

• HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
• 次のようにして［トラッキングとアナリティクス］設定に移動します。
  • Marketing「Starter」またはHubSpotの無料ツールにのみアクセス可能なアカウントでは、左のサイドバーメニューで［トラッキングコード］に移動します。
  • その他のすべてのサブスクリプションの場合、左のサイドバーメニューで［トラッキングとアナリティクス］>［トラッキングコード］の順に進みます。
• ［埋め込みコード］セクションで、［コピー］をクリックするか、［ウェブ開発者にEメールを送信］をクリックしてサイトにトラッキングコードをインストールするチームメンバーにトラッキングコードを送信します。
  
  
• トラッキングコードをウェブサイトにインストールします。

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

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

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

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

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

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

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

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

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

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

• 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
• Shopify管理者ダッシュボードにログインします。
• 左のサイドバーメニューで、［オンラインストア］>［テーマ］の順に進みます。

• ［アクション］ドロップダウンメニューをクリックし、［コードを編集］を選択します。
• 使用するテーマのtheme.liquidファイルを選択します。

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

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

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

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

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

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

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

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

• 上記の手順に従って、HubSpotアカウント上のHubSpotトラッキングコードをコピーします。
• サイトのダッシュボードで設定に移動します。
• ［詳細］セクションの［カスタムコード］タブをクリックします。
• 右上の［+カスタムコードを追加］をクリックします。
• トラッキングコードをテキストボックスに貼り付けます。 
• 新しいツールの「名前」を「HubSpotトラッキングコード」に設定します。
• ［コードを追加するページ］で、［すべてのページ］のラジオボタンをクリックし、 ドロップダウン メニューを使用して［ページごとにコードを読み込む］を選択します。
• ［コードを追加する場所］セクションで、［ボディ - 最後］オプションのラジオボタンをクリックします。
• ［適用］をクリックして変更内容を保存します。

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

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

Joomla Extension Directoryから拡張機能を選択し、HubSpotトラッキングコードを貼り付けることができます。または、以下の手順に従って、トラッキングコードをインストールします。

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

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

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

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

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

• ［タグ設定］をクリックします。
• ［タグの種類］で、［カスタムHTMLタグ］を選択します。次に、タグに名前を付けます。
• トラッキングコードを［HTML］フィールドに貼り付けます。

• ［タグ設定］の下にある［トリガー］をクリックして、作動ルールを設定します。作動ルールを設定しないと、タグは作動せず、HubSpotアナリティクスデータは収集されません。
• Googleタグマネージャーのコードがインストールされているすべてのページでタグを発火させるには（推奨）、All Pagesのオプションを選択します。

• ［保存］をクリックして、新しいタグを保存します。
• 右上で、Publishをクリックし、コンテナーとタグを保存します。

• まだ実行していない場合は、ウェブサイトにGoogleタグマネージャーをインストールします。

HubSpotページタイプごとにデータを振り分けるための追加コード

var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);