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

チャットウィジェットがウェブサイトページに表示されない

更新日時 2024年 8月 12日

以下の 製品でご利用いただけます(別途記載されている場合を除きます)。

すべての製品とプラン

ウェブチャットまたはボットを設定するとき、期待どおりにチャット ウィジェットがウェブサイトページに表示されないことがあります。特定のページまたはコンタクトをターゲットにしていても、チャットウィジェットは正しいページまたは正しいコンタクトに表示されません。この問題をトラブルシューティングするためには、いくつかの設定を調査する必要があります。

1. トラッキングコードがインストールされていることを確認する。

HubSpotの外部でホストしているウェブサイトにチャットフローを追加する場合は、、ページにHubSpotトラッキングコードをインストールする必要があります。私の設定からトラッキングコードにアクセスできます:

注::すでにHubSpot トラッキングコードをウェブサイトにインストールしている場合、またはウェブサイトをHubSpotでホスティングしている場合は、このコードスニペットを別途インストールする必要はありません。

  • HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左サイドバーのメニューから、トラッキングとアナリティクス > トラッキングコードに移動します。
  • コードをコピーしてウェブサイトに追加するにはをクリックし、コピーをクリックする。または、Email to my web developerをクリックし、Eメールアドレスを入力して、Web開発者やITリソースにコードを送信してください。

2. チャットフローをオンにする

チャットフローがオンになっていることも確認してください:

  • 非アクティブなチャットフローの横にある[ステータス]列で、ステータススイッチをクリックしてオンに切り替えます。chatflow-activate-chatflows

3. ブラウザーのキャッシュをクリアする

チャットフローをオンにしてもそれがウェブサイトに表示されない場合は、incognitoブラウザーウィンドウでウェブサイトを読み込んでみてください。チャットフローがシークレットで表示される場合は、ブラウザーのキャッシュと Cookie をクリアしてください。非シークレットブラウザーウィンドウでチャットフローを表示します。

4. ターゲティングルールを確認する

チャットフローを構築中に、ターゲッティング設定でチャットウィジェットを表示するページを指定できます。訪問者に関する既知の情報に基づいてターゲットにすることもできます。チャットフローの[ターゲット]タブターゲティングルールを調査して、条件がウェブサイトページに表示されることを想定しているものと一致することを確認します。

正しいドメインとサブドメインを指定する

最初に、チャットフローが表示されることを想定しているページがターゲティングルールに含まれていることを確認します。チャットフローを特定のドメインのページに表示したい場合は、正しいドメインが入力されていることを確認します。例えば、ターゲティングルールがウェブサイト|コンタクト|www.coffeeshop.comの場合、wwwサブドメイン www.coffeeshop.com, www.coffeshop.com/contact , www.coffeeshop.com/pricingを含む でホスティングされているすべてのページにチャットフローが表示されます。

target-subdomain

ただし、blogサブドメインをターゲティングルールに追加しない限り、 blog.coffeeshop.comでは、チャットフローは表示されません。

target-two-different-subdomains

または、ターゲティングルールでルートドメインを指定することもできます。この例では、ターゲティングルール「Website | contains | coffeeshop.com」を使用するとチャットフローがこのルールドメインを持つ任意のページに表示されます。

除外ルールをチェックする

チャットフローが想定どおりに表示されない場合は、ページの URL が除外ルールに含まれていないことを確認してください。チャットフローに移動してから、[ターゲット]タブで、除外ルールを確認し、必要に応じて削除します。

check-chatflows-exclusion-rules

訪問者の情報と行動を確認する

訪問者の情報と行動に基づくチャットフローを対象としている場合、コンタクトがターゲット条件を満たしていることを確認します。例えば、ウェブサイト上で特定のCTAが次であるコンタクトにのみチャットフローが表示される場合、コンタクトレコードに移動し、コンタクトのCTAアクティビティをフィルタリングします。コンタクトが選択されたCTAをクリックしなかった場合は、チャットフローが表示されません。

コンタクトがCTAをクリックしていた場合は、このガイドの他のトラブルシューティング手順を調査するか、トラッキングCookieがチャットフローの表示に与える影響の詳細を確認してください。

シングルページアプリケーション

あなたのウェブサイトがシングルページアプリケーション(SPA)の場合、SPAのウェブサイトコンテンツはリロードではなく、他のページに移動したときに動的に更新されるため、ターゲティングルールが期待通りに機能しない可能性があります。そのため、HubSpotは新しいページURLを検出できません。それにより、ページに誤ったチャットフローが表示される場合やチャットフローがまったく表示されない場合があります。ウェブチャットまたはボットを単一ページアプリで使用している場合は、開発者と協力してチャットウィジェット SDKを使用してページをターゲットにすることをお勧めします。.widget-refresh メソッドを使用して、ページごとに異なるチャットフローを指定します。詳細はHubSpotの開発者向けドキュメントをご覧ください。

5. チャットに関する空き状況の設定を確認する

それでもチャットフローがページに表示されない場合は、チャットチャネルの空き状況の設定を確認してください。チームメンバーがオンラインでない場合や営業時間外など、チャットウィジェットを非表示にするタイミングは、の空き状況設定を編集することでコントロールできます:

  • HubSpotアカウントにて、上部のナビゲーションバーに表示される設定アイコンsettingsをクリックします。
  • 左側のサイドバーメニューで、[受信トレイ]>[受信トレイ]の順に移動します。
  • [チャット]チャネルの上にカーソルを重ねて[編集]をクリックします。
  • [空き状況]タブをクリックします。オプションを選択します。 
    • ユーザー別: 割り当て先ルールで割り当てられたチームメンバーが少なくとも 1 人利用可能な場合、訪問者はチームとチャットできます。
    • チャットの営業時間に基づく:自分のチームがいつチャットに対応可能であるかを設定し、訪問者に返信を期待できる時間を知らせます。
      • ドロップダウンメニューを使用して、自分のチームの営業時間を設定します。新しい日時の範囲を追加するには、[+時間を追加]をクリックします。
      • チャットは24時間無休で利用可能:チームが常にチャットに対応できることを表示する場合は、このチェックボックスをオンにします。 
  • 2024-08-12_15-08-41チャットボットの可用性を設定し、訪問者にいつ返信を期待できるかを知らせましょう。オプションを選択してください:
    • チームの勤務時間内のチャット動作を設定するには、[対応可能]タブをクリックします。[通常の返信所要時間を表示]ドロップダウンメニューをクリックし、返信時間を選択します。
    • チームが離席中の場合のチャット動作を設定するには、[離席中]タブをクリックします。アウェイメッセージを表示ドロップダウンメニューをクリックし、アウェイモードのウィジェット動作を選択します。
    • 自分のチームが「対応可能」に設定しない場合の訪問者のエクスペリエンスを設定するには、Set offline behavior tab dropdown menu をクリックし、訪問者が営業時間外にあなたのサイトに来たときに、戻る時間を表示するか、退席メッセージを表示するか、またはチャットランチャーを非表示にするかを選択します。
    • 自分のチームが最大収容人数(Service Hub Enterpriseのみ)である場合の訪問者のエクスペリエンスを設定するには、If all team members are at maximum capacity(全てのチームメンバーが最大収容人数である場合)、ドロップダウンメニューをクリックし、待機メッセージの表示、チャット起動メニューの非表示、または Do nothing(何もしない)のいずれかを選択します。詳しくはこちらユーザー別チャット容量制限の設定。 
  • [保存]をクリックします。

ボットを含むチャットフローを使用している場合、ボットの空き状況の設定をカスタマイズしていなければ、引き続きチャットフローが表示されることがあります。自分のチームの空いていますに基づいて、のチャットフローを表示するタイミングを編集する方法をご紹介します。

6. チャットフローの優先順位を確認する

ページに表示されるチャットフローが複数ある場合、訪問者がサイトに来たときにHubSpotが優先すべきチャットフローを決めることができます。期待したチャットフローが表示されない場合、のチャットフローの優先度を、ページ上の他のチャットフローと比較して確認してください。

7. 想定外のチャットフローが表示される

訪問者がページのいずれかでスレッドを開始してから、別のチャットフローが表示されることになっている別のページに移動した場合は、コミュニケーションがオリジナルのスレッドで継続されます。そのため、別のチャットフローが表示されません。例として、以下のような場合が挙げられます。

  • チャットフローAは、www.coffeeshop.comに表示されるものとします。
  • チャットフローBは、blog.coffeeshop.comに表示されるものとします。
  • 訪問者がチャットフローAでチャットを開始してから、blog.coffeeshop.comに移動しました。
  • チャットフローBは表示されず、訪問者はチャットフローAで開始したスレッドを継続できます。

8. トラッキングCookie

上記のステップをフォローしない(No)後、ターゲット条件を満たすコンタクトにチャットウィジェットが表示されない場合、トラッキング Cookieが原因である可能性が有望です。チャットウィジェットを訪問者に表示するには、コンタクトデータベースでトラッキングCookieが訪問者のコンタクトレコードに関連付けられていなければなりません。コンタクトレコードにトラッキングCookieが関連付けられていない場合、そのコンタクトレコードに関連付けられている訪問者に対してチャットウィジェットは表示されません。

訪問者にはどのようにトラッキングCookieが関連付けられるのですか?

コンタクトになる前の訪問者は、トラッキングCookieを使用して匿名でトラッキングされます。訪問者がコンタクトになると、次の2つのアクションのいずれかにより、HubSpotはトラッキングCookieに基づいてウェブサイトでの訪問者のアクティビティーをコンタクトレコードに関連付けられるようになります。

  1. 訪問者がHubSpotフォームに入力する。
  2. 訪問者はHubSpotマーケティングEメールをクリックし、HubSpotページ、またはHubSpotトラッキングコードがインストールされたHubSpot以外のページに誘導します。

さらに、トラッキングコード APIを使用して、サイトへの訪問者を追跡することができます。

訪問者が上記のコンバージョンのいずれかを行うまで、HubSpotは訪問者が誰なのかも、訪問者のコンタクトレコードがどのリストに含まれているかも把握しません。そのため、コンタクトがまだコンバージョンされていなければ、データベースに登録されている場合やターゲットとするリストのメンバーになっている場合であっても、コンタクトにはチャットウィジェットが表示されません。

注:訪問者が上記の2つのアクションのいずれかを行ってトラッキングCookieが関連付けられた場合でも、その後に訪問者がブラウザーCookieを削除したり、別のブラウザー、匿名のウィンドウ、またはモバイルデバイスでサイトを訪問したりすると、トラッキングCookieを検出できないため、チャットウィジェットは表示されません。

コンタクトにトラッキングCookieが関連付けられていない場合があるのはなぜですか?

フォームでコンバージョンしていないコンタクトや、マーケティングEメールのリンクをクリックしていないコンタクトがデータベースに保管される一般的なケースは次のとおりです。

データベース内のコンタクトがトラッキングCookieによって追跡されるようになると、HubSpotは既知のコンタクトとして扱います。こうしたコンタクトがオーディエンス条件を満たしていれば、サイトを訪問するとチャットウィジェットが表示されます。

注:、一部のポップアップブロッカーがチャットウィジェットのロードを妨げる場合があります。ブラウザーにインストールされているポップアップブロッカーをオフにしてもチャットウィジェットが表示される場合、その拡張機能がチャットウィジェットの読み込みを妨げている可能性が有望です。

この記事はお役に立ちましたか?
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。