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

チャットフローを作成する

更新日時 2019年 8月 14日

訪問者があなたとチームにエンゲージメントできるように、ウェブサイトにチャットフローを作成します。これらのチャットフローはウェブサイトページでチャットウィジェットとして表示されます。次の2種類のチャットフローがあります:

  • ウェブチャット:訪問者がライブチームと直接チャットできるようにする、関連付けられたボットがないプロンプト。
  • ボット:訪問者にテンプレート応答を送信する自動チャットボット。 

注: チャットフローを作成して編集できるのは、管理者アクセス権を持っているユーザーだけです。 

ライブチャットまたはボットの作成手順については、以下のリンクをクリックしてください。

ライブチャットを作成

  • HubSpotアカウントにログインした状態で[コミュニケーション]>[チャットフロー]を選択します。
  • 右上の[チャットフローを作成]をクリックします
  • 左のサイドバーで[訪問者を歓迎]を選択します。 
  • 右上の鉛筆アイコンedit をクリックし、ドロップダウンメニューから言語を選択します。
  • [次へ] をクリックします。
  • ダイアログボックスで、ドロップダウンメニューをクリックして、共有受信トレイを選択します。

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

チャットフローセットアップの[構築]タブに移動します。ここでチャットウィジェットの動作をカスタマイズし、訪問者を挨拶する歓迎メッセージを作成します。 

  • [チャット見出し]ドロップダウンメニューをクリックし、チャットウィジェットに表示される名前とアバターを選択します。
    • カスタム名とアバター: 一般的なチーム名と画像を表示しますプラスアイコンaddをクリックして画像をアップロードし、表示する名前を入力します。
    • 特定のユーザーおよびチーム:表示する名前の横にあるチェックボックスを選択します。3 人以上のユーザーを選択した場合、3人のユーザーがランダムに表示されます。チャットフロー言語が表示名にどのように影響するかを確認します
    • コンタクト担当者: [新規訪問者フォールバック]ドロップダウンメニューをクリックし、チャットを開始した新規訪問者または未割り当ての訪問者のフォールバックオプションを選択します。
  • テキストボックスで、訪問者がチャットを開始したときに表示される歓迎メッセージを書き込みます。歓迎メッセージの言語の変更についてもっと詳しく
  • 受信したコミュニケーションの受信者を設定するには、[受信したコミュニケーションを自動的に送信]ドロップダウンメニューをクリックします。コミュニケーション受信トレイでのルーティングルールの設定についてもっと詳しく。
  • [訪問者に E メールアドレスを依頼する]ドロップダウンメニューをクリックし、訪問者が E メールアドレスを提供するように要求するタイミングを指定します。  
  • [E メールキャプチャメッセージ]テキストボックスに、チャットウィジェットがEメールアドレスの訪問者を尋ねるときに表示するメッセージを入力します。chatflows-welcome-message
  • [表示] オプションセクションで、デスクトップまたは小型の画面サイズでのチャットウィジェットの動作をカスタマイズします。
    • 訪問者がチャットアイコンをクリックするまで、デスクトップ画面に歓迎メッセージのプレビューが表示されないようにするには、[歓迎メッセージをクリア]チェックボックスをオフにします。 
    • チャットウィジェットが小さい画面サイズに表示されないようにするには画面サイズの小さなチェックボックスにチャットアイコンを表示します。
    • 訪問者がチャットアイコンをクリックするまで、小さい画面サイズに歓迎メッセージのプレビューが表示されないように するには、[歓迎メッセージをクリア]チェックボックスをオフにします。 
  • 右上の[プレビュー]をクリックして、ライブチャットのプレビューを表示します。

  • 続行するには、下部の[保存]をクリックし、左のサイドバーの[誰]タブをクリックします。

ご注意ください:ウェブサイトのチャットウィジェットの色、ブランディング、ポジションを編集するには、受信トレイ設定でチャットのチャネル設定を変更する必要があります

2.誰 - ターゲットオーディエンスを選択

[誰]タブで、ウェブサイトのライブチャットウィジェットを表示する訪問者を指定します。 

  • 次のいずれかのオーディエンスを選択します:
    • 全員:サイトを訪問したすべての人には、ライブチャットウィジェットが表示されます。
    • 匿名訪問者:トラッキングされている訪問者にのみ、ライブチャットウィジェットが表示されます。
    • トラッキング対象コンテンツ:HubSpotアカウントに存在するトラッキング対象コンタクトにのみ、ライブチャットウィジェットが表示されます。
    • セグメント化されたリスト:スマートリスト条件を満たすトラッキング対象コンタクトにのみ、ライブチャットウィジェットが表示されます。このオプションを選択する場合、次をクリックします。ドロップダウン メニューを使用してスマートリストを選択します。
  • 特定のリスト条件に合致するコンタクトからメッセージを非表示にするには、[チャットフローを非表示にする]をクリックし、リストを選択します。 
  • 続行するには、下部の[保存]をクリックし、左のサイドバーの[いつ]タブをクリックします。

注意: [トラッキング対象コンタクト] または [セグメント化されたリスト] をターゲットオーディエンスとして選択した場合、この条件を満たす訪問者には、ライブチャットウィジェットを表示するには、コンタクトレコードに関連付けられているトラッキングcookieが必要です。

3.いつ‐チャットフローがページに表示されるタイミングを決定する場合

[いつ]タブで、チャットウィジェットがウェブサイトに表示されるタイミングを指定します。訪問者が特定のウェブサイトURLを読み込んでいる場合、ライブチャットウィジェットをトリガーすることができます。または、特定のクエリパラメータを含むURLを読み込むときにトリガーできます。 

  • 最初のドロップダウンメニューをクリックし、[ウェブサイト URL]または[クエリパラメーター]を選択します:
    • ウェブサイトURL を選択する場合:
      • 2 番目のドロップダウンメニューをクリックし、ウェブサイトURLのターゲットルールを選択します。オプション:is all pagesisisn'tcontainsdoesn't containstarts withまたはdoesn't start with
      • is all pages以外のオプションを選択する場合は、特定のURLを入力します
      • ワイルドカードオプションを追加するには、URLの任意の場所に* 文字を入力します。これによりm各 URLを明示的に定義せずに複数のページにチャットウィジェットを表示することができます。同じ URL 内で複数のワイルドカードを使用できます。
    • [クエリパラメーター]を選択する場合:
      • クエリパラメータを入力します。
      • 2 番目のドロップダウンメニューをクリックし、クエリパラメーターのターゲットオプションを選択します。オプション:そうである そうではない をれを含む それを含まない それと始める、またはそれと始めない
      • パラメーター値を入力します。 chatflows-when-tab-url-targeting

注:オプションはすべて HubSpot で作成されたすべてのページのみ 適用され、HubSpot トラッキングコードを持つ外部ページを含みません 。ライブチャットウィジェットを表示する外部ページを指定するために、containsのような他のオプションを選択します。

  • [or]をクリックしてルールを追加するか、既存のターゲットルールを削除するか、ごみ箱アイコンdeleteをクリックします
  • 続行するには、下部の[保存]をクリックし、左側のサイドバーの[オプション]タブをクリックします。

4.オプション

[オプション]タブで、ライブチャットの言語設定をカスタマイズします。アカウントで一般データ保護規則(GDPR)を有効にしている場合、ライブチャットをカスタマイズして、ウェブサイトの訪問者にコミュニケーションへの同意を求める手順を含めることもできます。

  • 訪問者のデータを処理する同意を取得するには、Consent to process dataをクリックししてオンに切り替えます。
    • [同意タイプ] ドロップダウンメニューをクリックして、次のいずれかを選択します。
      • 明示的な同意を要求する:訪問者がメッセージを送信するには、[同意する]をクリックする必要があります。
      • 正当な利害関係:訪問者の同意は、あなたとのチャットを開始したときに黙示されます。処理データテキストへの同意は引き続き表示されますが、チャットを開始するには、[同意する]をクリックする必要はありませんchat-widget-legitimate-interest
    • [処理同意テキスト]フィールドに、訪問者の個人情報を保存して処理するために必要な理由を説明するテキストを入力します。chatflows-live-chat-consent-to-process-data
  • チャットを開始したときに、訪問者をサブスクリプションタイプにオプトインするには、クリックして [コミュニケーション同意] をオンにします。
    • [サブスクリプションタイプ]ドロップダウンメニューをクリックし、訪問者をオプトインしているサブスクリプションタイプを選択します。
    • [チェックボックスラベル] テキストフィールドを使用して、顧客が同意するコミュニケーションタイプについて説明します。chatflows-live-chat-consent-to-communicate
  • [保存]をクリックします。

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

ライブチャットの設定が完了したら、右上にあるスイッチをクリックしてウェブサイトページに追加します。チャットウィジェットの外観とチームのライブチャット空き状況をカスタマイズするには、受信トレイ設定でチャットチャネルを編集する方法を学習します。ウェブサイト訪問者とチャットを開始する準備ができたら、コミュニケーション受信トレイで受信メッセージに対応する方法を学びます。

enable-chatflow

ボットを作成

チャットボットのチャットフローを作成する場合、3つの異なるボットテンプレートから選択し、ボットアクションとルーティングロジックをカスタマイズして、コミュニケーションのフローを決定します

  • HubSpotアカウントにログインした状態で[コミュニケーション]>[チャットフロー]を選択します。
  • 右上の[チャットフローを作成]をクリックします。
  • 左のサイドバーで、ボットテンプレートを選択します:リードの見極めミーティングの予約、またはサポートボット

    ご注意ください: 管理者 アクセス権 を持つService Hub ユーザーのみサポートボットを作成できます。

  • 右上の鉛筆アイコンedit をクリックし、ドロップダウンメニューから言語を選択します。
  • [次へ]をクリックします。
  • ダイアログボックスで、ドロップダウンメニュー をクリックし、共有受信トレイを選択します

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

[構築]タブでボットテンプレートをカスタマイズし、訪問者を挨拶する歓迎メッセージを作成します。

  • 歓迎メッセージのコンテンツを編集するには、ボットテンプレートの[歓迎メッセージ]ステップをクリックします。chat-bot-welcome-message
  • ライトに開封された[歓迎メッセージ]パネルで次の操作を行います:
    • 歓迎メッセージを入力
    • [表示オプション]セクションで、デスクトップまたはモバイル画面でボットウィジェットの動作をカスタマイズします。
      • 訪問者がチャットアイコンをクリックするまで、デスクトップ画面に歓迎メッセージのプレビューが表示されないようにするには、[デスクトップ]タブで、[歓迎メッセージをクリア]チェックボックスをオフにします。
      • チャットウィジェットが画面サイズに表示されないようにするには、[モバイル]タブをクリックし、[小さな画面サイズでチャットアイコンを表示]チェックボックスをオフにします。
      • 訪問者がチャットアイコンをクリックするまで、小さい画面サイズに歓迎メッセージのプレビューが表示されないようにするには[モバイル]タブをクリックし、[歓迎メッセージを開く]チェックボックスをオフにします。 
    • [保存]をクリックします。chatflows-chatbot-welcome-message
  • ボットメッセージまたはアクションを変更するには、ボットテンプレートのアクションをクリックし、右側のパネルでボットアクションを編集します。ボットアクションの設定についてもっと詳しく。
  • アクションの設定の編集が完了したら、[保存]をクリックするか、 [場合/then 分岐]タブをクリックしてコミュニケーションフローを設定します。ボットメッセージでif/then 分岐を使用する方法を学習する。 

注意:Starterおよび無料ユーザーはカスタム条件を追加できません。

add-bot-action

  • 右上の[プレビュー]をクリックして、ウェブサイトでボットがどのように表示されるかを確認します。
  • 続行するには、下部の[保存]をクリックし、左のサイドバーの[誰]タブをクリックします。 

2.誰-ターゲットオーディエンスを選択

[誰]タブで、ウェブサイトのライブチャットウィジェットを表示する訪問者を指定します。 

  • 次のいずれかのオーディエンスを選択します:
    • 全員:サイトを訪問したすべてのユーザーにボットが表示されます。
    • 匿名訪問者:トラッキングを解除した訪問者のみにボット表示されます。
    • トラッキング対象コンテンツ:HubSpotアカウントに存在するトラッキング対象コンタクトのみにボットが表示されます。
    • セグメント化されたリスト:スマートリスト条件を満たすトラッキング対象コンタクトのみにボットが表示されます。このオプションを選択し、次をクリックします ドロップダウン メニューを使用してスマートリストを選択します。
  • 特定のリスト条件に合致するコンタクトからボットを非表示にするには、[チャットフローを非表示にする]をクリックし、リストを選択します。 
  • 続行するには、下部の[保存]をクリックし、左のサイドバーの[いつ]タブをクリックします。

ご注意ください: トラッキング対象コンタクトまたはセグメント化されたリストをターゲットオーディエンスとして選択した場合、訪問者がこの基準に適合するには、 ボットを表示するには、コンタクトレコードに関連付けられているトラッキングcookieが必要です

3.いつ-チャットフローがページに表示されるタイミングを決定する場合

[いつ]タブで、チャットウィジェットがウェブサイトに表示されるタイミングを指定します。訪問者が特定のウェブサイトURLを読み込んでいる場合、ライブチャットウィジェットをトリガーすることができます。または、特定のクエリパラメータを含むURLを読み込むときにトリガーできます。 

  • 最初のドロップダウンメニューをクリックし、[ウェブサイト URL]または[クエリパラメーター]を選択します:
    • ウェブサイトのURLを選択する場合:
      • 2番目のドロップダウンメニューをクリックし、ウェブサイトURLのターゲットルールを選択します。オプション:is all pagesis isn'tcontainsdoesn't containstarts with、またはdoesn't start with
      • すべてのページ以外のオプションを選択する場合は、特定のURLを入力します。
      • ワイルドカードオプションを追加するには、URLの任意の場所に * 文字を入力します。これにより、各URLを明示的に定義せずに複数のページにチャットウィジェットを表示することができます。同じ URL 内で複数のワイルドカードを使用できます。
    • [クエリパラメーター]を選択する場合:
      • クエリパラメータを入力。
      • 2番目のドロップダウンメニューをクリックし、クエリパラメーターのターゲットオプションを選択します。オプション: is isn'tcontainsdoesn't containstarts with、またはdoesn't start with
      • パラメータ値を入力。

chatflows-when-tab-url-targeting

ご注意ください:オプションはすべてHubSpotで作成されたすべてのページのみ適用され、HubSpotトラッキングコードを持つ外部ページは含まれません。ボットを表示する外部ページを指定するためにcontainsのような他のオプションを使用します。

  • [or]をクリックしてルールを追加するか、ゴミ箱アイコンdeleteをクリックして既存のルールを削除します。
  • 続行するには、下部の[保存]をクリックし、左側のサイドバーの[オプション]タブをクリックします。 

4.オプション

ボットの表示オプションをカスタマイズします。

  • [チャット見出し]フィールドにボットの表示名を入力します。
  • アバターの写真を編集するには、アバターの上にカーソルを置き、[写真を変更]をクリックします。
  • リクエストが失敗したときに訪問者が表示される応答をカスタマイズするには、エラー応答フィールドにエラーメッセージを入力します。
  • チャットセッションがリセットされる前に、アクティブ化されていない時間をカスタマイズするには、[セッションタイムアウト]ドロップダウンメニューをクリックしてオプションを選択します。訪問者が過去のセッションのすべてのボットアクションを完了した場合、チャットセッションはリセットされません
  • 訪問者に送信された各メッセージ間の遅延を設定するには、[メッセージ間の入力遅延]ドロップダウンメニューをクリックし、オプションを選択します。
  • ボットの表示言語を変更するには、[言語を選択]ドロップダウンメニューをクリックし、別の言語を選択します。chatflows-bot-options

アカウントでGDPRを有効にしている場合ウェブサイト訪問者にデータの処理への同意を求めるステップを含めることもできます

  • 訪問者のデータの処理の同意を取得するには、データを処理するためにクリックして、データの処理の同意をクリックします。
  • [同意タイプ]ドロップダウンメニューをクリックし、次のいずれかを選択します:
    • 明示的な同意を要求する: このオプションを有効にすると、訪問者はメッセージを送信する前に[同意する]をクリックする必要があります。
    • 正当な利害関係:訪問者の同意は、あなたとのチャットを開始したときに黙示されます。処理データのテキストへの同意は引き続き表示されます。チャットを開始するには、[同意します]クリックする必要はありません chat-widget-legitimate-interest
  • [処理同意テキスト]フィールドで、訪問者の個人情報を保存して処理する必要がある理由を説明します。chatflows-live-chat-consent-to-process-data
  • [保存] をクリックします。 

ボットの編集が完了したら、右上にあるスイッチをクリックして、ウェブサイトページに追加します。コミュニケーション受信トレイで受信メッセージに対応する方法を学習します。enable-chatflow