メインコンテンツにスキップ

Apps連携：HubSpot Tracking を設定する

HubSpot Tracking を Studio に設定し、公開サイトのトラフィックを計測する方法を解説します。HubSpot 側でトラッキングコードを確認し、 Apps連携機能を使用してStudioと連携します。

対象プラン： 有料プラン

HubSpotのトラッキングコード（HubSpot Tracking）を Studio に設定すると、サイトへのアクセス情報が HubSpot に送信されます。
記録されたデータは、HubSpot のトラフィックアナリティクス機能で集計・可視化され、サイトのトラフィック状況を確認できます。

本記事では、Apps連携機能を利用して Studio に HubSpot Tracking を設定する手順を説明します。

注意：

  • HubSpot のトラフィックアナリティクス機能は、HubSpot 無料アカウントでは利用できません。

  • HubSpot Tracking は、トラフィックアナリティクス機能で表示されるトラフィックデータを記録するための仕組みです。集計結果やグラフの見方など、トラフィックアナリティクス画面の操作・運用方法は HubSpot 側の機能となります。詳細は HubSpotヘルプセンター に問い合わせてください。

設定手順

注意：

  • 本手順には外部サービスの手順も含まれています。外部サービスの仕様や動作、記事内の手順以外についてはチャット窓口でのサポート対象外となる可能性があります。

  • HubSpot の画面や仕様は2022年1月時点の情報です。画面や文言が記事と異なるときは、HubSpot の最新情報を参照してください。

手順1：HubSpot でトラッキングコードを確認する

まず、HubSpot の管理画面でトラッキングコードを確認します。

  1. HubSpot にログインします。

  2. 画面右上の [設定] をクリックします。

  3. 左側メニューから [トラッキングコード]（または [Tracking Code]）を選択します。

  4. 表示された埋め込みコードから、数字の部分をコピーします。

手順2：Studio の Apps でコードを登録する

次に、Studio ダッシュボード内の [Apps] で、取得した情報を登録します。

  1. Studioにログイン します。

  2. 対象サイトのプロジェクトダッシュボードを開きます。

  3. 左側メニューの [Apps] をクリックします。

  4. [HubSpot Tracking]のカードで、右端の[＋]をクリックします。

  5. HubSpot でコピーしたトラッキングコードの数字部分を入力します。

  6. 入力内容を確認し、保存します。

注意：HubSpot Tracking は公開サイトでのみ動作します。ライブプレビュー では動作しません。

Apps画面の[未連携]にあるHubSpot Trackingのカードで、右端の[＋]が強調されている画面

HubSpot Trackingの設定ダイアログで、[トラッキングID]の入力欄が強調されている画面

手順3：計測の確認

設定が完了しても、HubSpot 側でデータが反映されるまで時間がかかる場合があります。

しばらく時間をおいてから、HubSpot の「トラフィックアナリティクス」画面を開き、サイトへのアクセスデータが計測されているか確認します。トラフィックアナリティクスにサイトのアクセスデータが表示されていれば、連携は完了です。

HubSpot Tracking連携を解除する手順

  1. Studioにログインします。

  2. 連携を解除したいStudioのプロジェクトの、[ホーム]ダッシュボードを開きます。

  3. 左メニューの[Apps]を選択します。

  4. [連携済み]にある[HubSpot Tracking]のカードで、右端の[…]をクリックし、[連携を解除]を選びます。

  5. 解除すると、Apps連携したデータベース上のレコードだけでなく、公開サイトのHTMLからも値が削除されます。

Apps画面の[連携済み]にある[HubSpot Tracking]のカードで、右端の[…]が強調されている画面

ハブスポット

関連記事
こちらの回答で解決しましたか？