ウェブチャットを作成する

注：［CRM］タブで「チャットフロー」権限を持つユーザーのみが、チャットフローを作成して編集できます。

ウェブサイトへの訪問者に自動で応答するボットによるチャットフローを作成する場合は、ボットを作成する方法を参照してください。

Facebook Messengerアカウント用のウェブチャットを作成することもできます。Facebook Messengerのチャットフローを作成する方法をご紹介します .

始める前に

ウェブチャットを作成する前に、チャットチャンネルを受信トレイに接続してください。チャットチャネルでは、チームの空き状況やウィジェットの外観をカスタマイズします。また、HubSpotでホスティングしていないウェブサイトにライブチャットを追加する場合は、ライブチャットを作成する前に、外部ページ、トラッキングコードを追加する必要があります。トラッキングコードがインストールされていない場合、ウェブチャットは表示されません。

• HubSpotアカウントにて、［コミュニケーション］＞［チャットフロー］の順に進みます。
• 右上の「チャットフローを作成」をクリックします。
• 選択ウェブサイト .
• 左側のサイドバーで、［ウェブチャット］オプションを選択します。
  • チャットを訪問者がすぐに開始できるように設定する場合は、［ウェブチャット］を選択します。
  • Service Hub Professional または Enterprise アカウントのユーザーで、 公開された ナレッジベース記事を3つ以上 持っている場合、 Knowledge base search & live chat を選択すると、 ライブチャットウィジェットから直接ナレッジベース を検索するオプションが追加されます。
• ［次へ］をクリックします。
• アカウントに複数の受信トレイが設定されている場合は、［受信トレイを選択］ドロップダウンをクリックし、別の受信トレイを選択します。
• チャットフローの言語を英語から変更するには、左側の［言語を選択］ドロップダウンメニューをクリックし、別の言語を選択します。
• ［次へ］をクリックします。

1. 作成 - 歓迎メッセージを作成する

ウェブチャットセットアップの［作成］タブにリダイレクトされます。ここでチャットウィジェットの動作をカスタマイズし、訪問者への挨拶メッセージを作成します。

ご注意：シングルページアプリにチャットウィジェットを埋め込んだり、APIを使用してウェブチャットをカスタマイズしたい場合は、当社の開発者向けドキュメントでHubSpot conversations API の使用について詳しく説明しています。

• 訪問者が最初にチャットを開始したときに表示されるメッセージをカスタマイズするには、ウェルカムメッセージをクリックしてセクションを展開し、ウェルカムメッセージを書くのテキストボックスにテキストを入力します。詳しくはこちらウェルカムメッセージの文言を変更する .
• ライブチャットにナレッジベース検索バーを追加するには、ナレッジベース検索をクリックしてセクションを展開し、ナレッジベース検索を有効にするスイッチをオンに切り替えます。
• 受信したコミュニケーションを特定のメンバーにルーティングするには、「会話の自動割り当て」をクリックしてセクションを展開し、「」をクリックして「会話の自動割り当て」スイッチをオンに切り替えます。ドロップダウンメニューを使用して、どのユーザーまたはチームにコミュニケーションを割り当てるかを選択します。受信トレイのルーティングルールの設定について詳しくはこちら .

注：自動割り当てルールには、Sales HubまたはService Hubの有料ユーザーのみを含めることができます。

• Eメールアドレスを提供するように訪問者に求めるタイミングを指定するには、［Eメールキャプチャー］をクリックしてセクションを展開します。［訪問者をEメールアドレスに依頼する］ドロップダウンメニューをクリックし、オプションを選択し、訪問者のEメールアドレスを尋ねるときに表示されるメッセージを入力します。コミュニケーションの受信トレイでのコンタクトの作成をご覧ください。

• 続行するには、画面下の［保存］をクリックして、［対象］タブをクリックします。

2. 対象 - ウェブチャットの表示位置を決定する

［対象］タブで、ウェブ チャット ウィジェットがウェブサイトページに表示される位置を指定できます。ウェブチャットウィジェットは、訪問者が特定のページURLにアクセスした時点で、または訪問者に関する確認済みの情報に基づいて表示することができます。ターゲティングオプションを組み合わせることで、サイトへの訪問者に合わせてパーソナライズすることもできます。チャットフローで使用できる、さまざまなターゲティングオプションとターゲティングルールについて詳細をご確認ください。

• 訪問者が特定のウェブサイトURLにいるときにライブチャットウィジェットを表示するには、ウェブサイトURLセクションに記載します：
  1. 最初のドロップダウンメニューをクリックし、ウェブサイトのURLを選択します。
  2. 2番目のドロップダウンメニューをクリックし、ターゲティングルールを選択します。
  3. テキストフィールドにルール基準を入力します。

• 訪問者がURLに特定のクエリーパラメーターを含むウェブサイトページにいるときに、ライブチャットウィジェットを表示する：
  1. 最初のドロップダウンメニューをクリックし、クエリーパラメーターを選択します。
  2. 1つ目のテキストフィールドに、クエリーパラメーター名を入力します。
  3. 2番目のテキストフィールドに、クエリーパラメーター値を入力します。

• 別のルールを追加するには、Add ruleをクリックします。
• 特定のページ（例：プライバシーポリシーページ）からウェブチャットウィジェットを除外するには、除外ルールの追加をクリックします。

また、コンタクトに関する既知の情報に基づいて、特定のコンタクトにウェブチャットをターゲティングすることもできます。訪問者情報に基づいて基準を設定するには、「訪問者情報と行動」の項を参照してください：

3. 表示 - ウェブチャットの外観をカスタマイズする

［表示］タブで、チャット見出し、チャットウィジェットの動作、チャットウィジェットのトリガーなど、ウェブチャットの表示設定をカスタマイズします。ウェブチャットのアクセントカラーとページ上の配置を編集するには、受信トレイの設定でチャットウィジェットの外観をさらにカスタマイズする方法をご覧ください .

• クリックしてチャットアバターの選択セクションを展開し、チャットの見出しドロップダウンメニューをクリックして、チャットウィジェットに表示される名前とアバターを選択することができます。
  • カスタムブランディング：一般的なチーム名とイメージを表示します。
    • プラスアイコンaddをクリックして画像やGIFをアップロードし、名前を入力して表示します。
    • ユーザーの名前やアバターの代わりに、カスタムブランディングをチャットコミュニケーション全体に適用するには、［エージェントのエイリアスとしてコミュニケーション全体でカスタムブランディングを使用］チェックボックスをオンにします。カスタムブランディングは、チャット文字起こしにも表示されます。

注：エージェントの別名として会話を通じてカスタムブランドを使用するチェックボックスを選択した場合、ミーティングツールを介してチャットウィジェットに追加されたミーティングリンクは削除されます。

• • 特定のユーザーとチーム：表示する名前の横にあるチェックボックスを選択します。3人以上のユーザーを選択した場合、ユーザーがランダムに表示されます。あなたのチャットフロー言語が、あなたの表示名にどのような影響を与えるかをご覧ください。
  • コンタクト担当者：チャットを開始した新規訪問者または未割り当ての訪問者に対しては、［コンタクト担当者がいない場合、次のメンバーに割り当てる］ドロップダウンメニューをクリックして、代替オプションを選択します。

• ［チャット画面の動作］セクションで、デスクトップまたはモバイル画面でのウィジェットの動作を制御します。

ご注意：訪問者がチャットフローの最小化を選択した場合、hs-messages-hide-welcome-message Cookieが24時間後に失効するまで、HubSpotはページとチャットフローにわたってその訪問者の動作を尊重します。この動作はチャット表示動作の設定と競合する可能性があるため、チャットフローが想定通りにポップアップ表示されないことがあります。

• • ［デスクトップ］タブで、使用する表示動作の横にあるラジオボタンを選択します。
    • 歓迎メッセージをポップアップで開く：チャットウィジェットの上に歓迎メッセージのプレビューを表示します。

• • • チャットランチャーのみを表示：チャットランチャーのみを表示して、訪問者がクリックしないとチャットウィンドウを開くことができないようにします。
    • 歓迎メッセージを表示し、トリガー適合時にチャットウィジェットをポップアップで開く：歓迎メッセージのプレビューを表示してから、トリガーが満たされた時点、または訪問者がウィジェットをクリックした時点のいずれかが最初に発生したときに、チャットを開きます。

• • 選択されている表示動作によっては、チャットウィジェットをページに読み込むタイミングを指定することもできます。チャット表示トリガーの横にあるチェックボックスをオンにします。選択したトリガーはデスクトップ、タブレット、モバイルで適用されます。

• • • 離脱の意思があるとき：訪問者のマウスがブラウザーウィンドウの上部に移動した時点でウェブ チャット ウィジェットをトリガーします。
    • ページでの滞在時間（秒）：訪問者がページにアクセスしている間に指定された時間（秒単位）が経過した時点でウェブ チャット ウィジェットをトリガーします。

注：ページの読み込み時間を短縮するために、5秒以上の遅延を設定することをお勧めします。あなたのサイトのページロードタイムについて詳しく知る .

• • • ページのスクロールの割合：訪問者がページ上の特定のポイントまでスクロールした時点でウェブ チャット ウィジェットをトリガーします。

• • ［モバイル］タブで、使用する表示動作の横にあるラジオボタンを選択します。
    • 歓迎メッセージをポップアップで開く：チャットウィジェットの上に歓迎メッセージのプレビューを表示します。
    • チャットランチャーのみ表示：チャットランチャーのみを表示し、訪問者がチャットウィンドウを開くためにクリックする必要があるようにします。
      
      
      
      

ご注意：モバイル端末でのチャットフローを無効にするには、ターゲット設定に除外ルールを追加してください誰かがモバイル端末でページを閲覧したときにチャットフローを非表示にします。

• 続行するには、下部の［保存］をクリックし、［オプション］タブをクリックします。

4. オプション

［オプション］タブで、ウェブチャットの言語設定をカスタマイズします。アカウントで一般データ保護規則（GDPR）を有効にした場合、ウェブチャットをカスタマイズして、ウェブサイト訪問者に通信への同意を求めるステップを含めることもできます。

• Select a languageドロップダウンメニューをクリックし、コンテキストウィジェットデータの言語設定を選択します、そしてSaveをクリックしてください。

• ウェブチャットウィジェットのCookie同意テキストを有効にするには、チャットCookieの収集に同意するのスイッチをクリックして切り替えます。バナーに表示されるCookieへの同意文は、お客様ご自身でカスタマイズすることはできません。
• Cookieの同意文を有効にすると、同意バナーを表示するタイミングを選択することができます。
  • 訪問者がチャットを開始する前に同意バナーを表示するには、［訪問者がチャットを開始する前に同意バナーを表示］ラジオボタンを選択します。
  • 訪問者がページを離れようとしているときにバナーを表示するには、［訪問者がページを離れそうなときに同意バナーを表示］ラジオボタンを選択します。

注：Cookieの収集に同意するためのGDPR設定は、Visitor Identification APIを通じて識別された訪問者にはチャットウィジェット内に表示されません。これは、HubSpotがmessagesUtk Cookieを落とさないからです。アナリティクスCookieのバナーへの影響はありません。訪問者ID APIの詳細は、HubSpotの開発者ドキュメントを参照してください。

• 訪問者のデータ処理への同意を取得するには、データ処理への同意のスイッチをクリックしてオンに切り替えます。
  • ［同意のタイプ］ドロップダウンメニューをクリックし、次のいずれかを選択します。
    • 明示的な同意が必要：訪問者がメッセージを送信するには、［同意する］をクリックする必要があります。
    • 正当な利益：訪問者がチャットを開始した時点で、訪問者の同意が暗黙の了解となります。データ処理への同意のテキストは表示されますが、チャットを開始するために「同意します」をクリックする必要はありません。
  • プロセス同意書テキストフィールドに、HubSpotのデフォルトテキストが表示されます。このテキストを編集して、訪問者に関する個人情報の保存および処理が必要な理由を説明することができます。同意テキストをカスタマイズした後、既定のテキストに戻す場合は、［HubSpot提供の文面にリセット］をクリックします。
• 訪問者があなたとチャットを始めたときに、サブスクリプションタイプにオプトインするには、クリックして通信への同意のスイッチをオンに切り替えます。
  • 購読タイプドロップダウンメニューをクリックし、訪問者を加入させる購読タイプを選択します。
  • ［チェックボックスラベル］テキストフィールドを使用して、顧客が同意するコミュニケーションタイプについて説明します。

注：こうした機能はHubSpotに組み込まれていますが、状況に応じた最適なコンプライアンス上のアドバイスについては自社の法務部門にご相談ください。

• アカウントでマーケティングコンタクトにアクセスでき、このチャットフローから作成したコンタクトをマーケティングコンタクトとして設定したい場合、クリックしてマーケティングコンタクトスイッチをオンに切り替えます。

• チャットウィジェット内から、顧客満足度アンケートを送信することができます。チャットコミュニケーションが終了すると、アンケートがチャットウィジェットに表示されます。アンケートの回答が集まると、アンケートの詳細ページや、受信トレイのスレッドに表示されます。
  • 「チャット訪問者からフィードバックを収集」セクションで、［既存のアンケートを接続］ドロップダウンメニューをクリックし、アンケートを選択します。

配信方法として Chat を選択した既存のアンケートにのみ接続することができます。

• • ボットに接続する新しいアンケートを作成するには、［新規アンケートを作成］をクリックします。配送方法は必ず［チャット］を選択してください。

• ［保存］をクリックします。

ウェブチャットの見直しとウェブサイトページへの追加

ウェブチャットのセットアップが完了したら、右上にある［プレビュー］をクリックして、ウェブチャットがどのようにウェブサイトに表示されるかを確認します。をクリックすると、のスイッチがオンになり、ウェブサイトのページに追加オプションとして表示されます。ウェブサイトの訪問者とチャットを始める準備ができている場合は、受信トレイに表示されるメッセージに応答する方法を学んでください .