チャットウィジェットがウェブサイトページに表示されない
更新日時 2023年 4月 20日
以下の 製品でご利用いただけます(別途記載されている場合を除きます)。
|
ウェブチャットまたはボットをセットアップしている場合は、チャットウィジェットが想定どおりにウェブサイトページに表示されないことがあります。特定のページまたはコンタクトをターゲットにしていても、チャットウィジェットは正しいページまたは正しいコンタクトに表示されません。この問題をトラブルシューティングするためには、いくつかの設定を調査する必要があります。
1. トラッキングコードがインストールされていることを確認する
HubSpotから外部的にホスティングされているウェブサイトにチャットフローを追加する場合は、ページにHubSpotのトラッキングコードをインストールする必要があります。トラッキングコードはトラッキングコードは、設定でアクセスできます。
ご注意:すでにウェブサイトにHubSpotのトラッキングコードがインストールされている場合、またはウェブサイトがHubSpotでホストされている場合は、このコードスニペットを別途インストールする必要はありません。
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- 左のサイドバーメニューで[受信トレイ]>[受信トレイ]に移動します。
- [ウェブチャット]チャネルの上にカーソルを重ねて[編集]をクリックします。
- [トラッキングコード]タブをクリックします。
- コードをコピーしてウェブサイトに追加するには、[コピー]をクリックします。または、Eメールアドレスを入力して、コードをウェブ開発者またはITリソースに送信します。
2. チャットフローをオンにする
チャットフローが有効になっていることも確認してください。
- 非アクティブなチャットフローの横にある[ステータス]列で、ステータススイッチをクリックしてオンに切り替えます。
3. ブラウザーのキャッシュをクリアする
チャットフローをオンにしてもそれがウェブサイトに表示されない場合は、incognitoブラウザーウィンドウでウェブサイトを読み込んでみてください。incognitoにチャットフローが表示された場合は、ブラウザーキャッシュとCookieをクリアし、incognitoブラウザーウィンドウ以外でチャットフローを表示します。
4. ターゲティングルールを確認する
チャットフローを構築中に、ターゲッティング設定でチャットウィジェットを表示するページを指定できます。訪問者に関する既知の情報に基づいてターゲットにすることもできます。チャットフローの[ターゲット]タブでターゲティングルールを調査して、条件がウェブサイトページに表示されることを想定しているものと一致することを確認します。
正しいドメインとサブドメインを指定する
最初に、チャットフローが表示されることを想定しているページがターゲティングルールに含まれていることを確認します。チャットフローを特定のドメインのページに表示したい場合は、正しいドメインが入力されていることを確認します。例えば、ターゲティングルールがWebsite | contains| www.coffeeshop.comの場合、チャットフローはwww.coffeeshop.com,www.coffeshop.com/contact, www.coffeeshop.com/pricingを含むwww サブドメインでホストされているすべてのページに表示されます。
しかし、ブログのサブドメインをターゲティングルールに追加しない限り、チャットフローは blog.coffeeshop.com には表示されません。
または、ターゲティングルールでルートドメインを指定できます。この例では、ターゲティングルール「Website | contains | coffeeshop.com」を使用すると、チャットフローがこのルールドメインを持つ任意のページに表示されます。
除外ルールをチェックする
チャットフローが想定どおりに表示されない場合は、ページの URL が除外ルールに含まれていないことを確認してください。チャットフローに移動してから、[ターゲット]タブで、除外ルールを確認し、必要に応じて削除します。
訪問者の情報と行動を確認する
訪問者の情報と行動に基づくチャットフローを対象としている場合、コンタクトがターゲット条件を満たしていることを確認します。たとえば、チャットフローがウェブサイト上の特定のCTAをクリックしたコンタクトにしか表示されない場合は、コンタクトレコードに移動して、そのコンタクトのCTAアクティビティーをフィルターします。コンタクトが選択されたCTAをクリックしなかった場合は、チャットフローが表示されません。
コンタクトがCTAをクリックしていた場合は、このガイドの他のトラブルシューティング手順を調査するか、トラッキングCookieがチャットフローの表示に与える影響の詳細を確認してください。
シングルページのアプリケーション
ウェブサイトが単一ページアプリ(SPA)である場合、他のページに移動したときにSPAのウェブサイトコンテンツが動的に更新される方法が原因で、ターゲットルールが正常に動作しない場合があります。そのため、HubSpotは新しいページURLを検出できません。それにより、ページに誤ったチャットフローが表示される場合やチャットフローがまったく表示されない場合があります。単一ページアプリでウェブチャットまたはボットを使用している場合、開発者と協力してチャットウィジェットSDKで特定のページをターゲティングすることをお勧めします。さまざまなページ上でさまざまなチャットフローを指定するには、.widget-refreshメソッドを使用します。HubSpotの開発者ドキュメントをご確認ください。
5. チャットに関する空き状況の設定を確認する
それでもチャットフローがページに表示されない場合は、チャットチャネルの空き状況の設定を確認してください。チームメンバーがオンラインでないときや営業時間外などにチャットウィジェットを非表示にするには、空き状況の設定を編集します。
- HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
- 左のサイドバーメニューで[受信トレイ]>[受信トレイ]に移動します。
- [チャット]チャネルの上にカーソルを重ねて[編集]をクリックします。
- [空き状況]タブをクリックします。
- チームメンバーのステータスに基づく:空き状況がチームメンバーのステータスに基づいている場合は、[離席中]タブをクリックし、[チャットランチャーを非表示]が選択されているかどうかを確認します。代わりに離席中メッセージを表示するには、ドロップダウンメニューをクリックし、[離席中メッセージを表示]を選択します。
- 営業時間に基づく:チームが設定された営業時間内にしか利用できない場合は、[不在]タブまたは[営業時間外]タブをクリックし、[チャットランチャーを隠す]を選択したかどうかを確認してください。選択した場合は、ドロップダウンメニューをクリックして別のオプションを選択します。

- 変更を加えた場合は、[保存]をクリックします。
ボットを含むチャットフローを使用している場合、ボットの空き状況の設定をカスタマイズしていなければ、引き続きチャットフローが表示されることがあります。チームの空き状況に基づいてチャットフローを表示する場合の編集方法をご確認ください。
6. チャットフローの優先順位を確認する
ページに複数のチャットフローが表示される場合、訪問者がページを閲覧する際に、HubSpotにどのチャットフローを優先的に表示させるかを指定できます。想定されているチャットフローが表示されない場合は、ページの他のチャットフローとの相対的な、チャットフローの優先度を確認してください。
7. 想定外のチャットフローが表示される
訪問者がページのいずれかでスレッドを開始してから、別のチャットフローが表示されることになっている別のページに移動した場合は、コミュニケーションがオリジナルのスレッドで継続されます。そのため、別のチャットフローが表示されません。例:
- チャットフローAは、www.coffeeshop.comに表示されるものとします。
- チャットフローBは、blog.coffeeshop.comに表示されるものとします。
- 訪問者がチャットフローAでチャットを開始してから、blog.coffeeshop.comに移動しました。
- チャットフローBは表示されず、訪問者はチャットフローAで開始したスレッドを継続できます。
8. トラッキングCookie
上記の手順に従っても、ターゲット条件を満たすコンタクトにチャットウィジェットが表示されない場合は、トラッキングCookieが原因であると考えられます。チャットウィジェットを訪問者に表示するには、コンタクトデータベースでトラッキングCookieが訪問者のコンタクトレコードに関連付けられていなければなりません。コンタクトレコードにトラッキングCookieが関連付けられていない場合、そのコンタクトレコードに関連付けられている訪問者に対してチャットウィジェットは表示されません。
訪問者にはどのようにトラッキングCookieが関連付けられるのですか?
コンタクトになる前の訪問者は、トラッキングCookieを使用して匿名でトラッキングされます。訪問者がコンタクトになると、次の2つのアクションのいずれかにより、HubSpotはトラッキングCookieに基づいてウェブサイトでの訪問者のアクティビティーをコンタクトレコードに関連付けられるようになります。
- 訪問者がHubSpotフォームに入力する。
- 訪問者がHubSpotのマーケティングEメールをクリックして、HubSpotページまたはHubSpotトラッキングコードがインストールされているHubSpot以外のページに移動する。
さらに、トラッキングコードAPIを使用してサイトへの訪問者をトラッキングすることもできます。
訪問者が上記のコンバージョンのいずれかを行うまで、HubSpotは訪問者が誰なのかも、訪問者のコンタクトレコードがどのリストに含まれているかも把握しません。そのため、コンタクトがまだコンバージョンされていなければ、データベースに登録されている場合やターゲットとするリストのメンバーになっている場合であっても、コンタクトにはチャットウィジェットが表示されません。
注:訪問者が上記の2つのアクションのいずれかを行ってトラッキングCookieが関連付けられた場合でも、その後に訪問者がブラウザーCookieを削除したり、別のブラウザー、匿名のウィンドウ、またはモバイルデバイスでサイトを訪問したりすると、トラッキングCookieを検出できないため、チャットウィジェットは表示されません。
コンタクトにトラッキングCookieが関連付けられていない場合があるのはなぜですか?
フォームでコンバージョンしていないコンタクトや、マーケティングEメールのリンクをクリックしていないコンタクトがデータベースに保管される一般的なケースは次のとおりです。
- コンタクトがインポートされた。
- コンタクトが手動で追加された。
- 訪問者がログインしたセールスEメールからコンタクトが作成された。
データベース内のコンタクトがトラッキングCookieによって追跡されるようになると、HubSpotは既知のコンタクトとして扱います。こうしたコンタクトがオーディエンス条件を満たしていれば、サイトを訪問するとチャットウィジェットが表示されます。
ご注意:一部のポップアップブロッカーによっては、チャットウィジェットの読み込みができない場合があります。ブラウザにインストールされているポップアップブロックをオフにしてもチャットウィジェットが表示される場合は、その拡張機能がチャットウィジェットの読み込みを妨げている可能性があります。