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

Messengerの設定とカスタマイズ

次世代Messengerのカスタマイズ、プレビュー、管理方法を学びましょう。

対応者:Beth-Ann Sher

Messengerを機能させるには、Intercomのトライアルまたはサブスクリプションが必要です。

Messenger設定は以下のセクションに分かれています。各セクションの内容と管理方法を以下で説明します。

  • ウィジェット(標準ウィジェットMessenger)

    • コンテンツ

    • 外観

  • Spotlight(Fin for Sales向け)

  • モバイルSDK

    • コンテンツ

    • 外観

  • 会話

    • チームメイトと

    • Finと

  • 一般

  • インストール

  • セキュリティ

注意:Messenger設定を管理するには、「Can access Messenger settings」の権限が必要です。


ウィジェット

ここでは、標準のMessengerウィジェット(ウェブサイト用)を管理します。

コンテンツ

設定 > Messenger > ウィジェット > コンテンツで、Messenger LauncherからMessenger Homeまで、ウィジェットMessengerの初期体験を設定できます。

用語集:

  • Messenger Launcher - チャットバブル/サークル(画面右下に表示されているもの😉)。

  • Messenger Home - お客様が初めてMessenger Launcherをクリックしたときに開くホームスペース。

注意:Messengerロゴ、Messenger Launcherアイコン、ブランドカラーはAdvancedまたはExpertプランでのみカスタマイズ可能です。Essentialプランでは、役割や権限に関係なくこれらの項目は編集できません。これはプランの制限であり、権限の問題ではありません。

スペース

ここで、訪問者やusersがウィジェットMessengerで見るスペースを追加または削除して管理します。

  • Home - 自分で作成し、訪問者やusersに表示したい内容を決めるスペース。

  • Messages - 会話管理用スペース。受信および送信の会話がここに保存されます。

  • Tickets - 会話とは別にすべてのTicketsが保存されるスペース。

  • Help - お客様が製品のどこからでも完全なコンテキスト内のHelp Centerにアクセスできるスペース。

  • News - 様々な発表タイプに適したNewsフィードのスペースで、各顧客向けにキュレーションされています。(オプトイン可能)

  • Tasks - お客様がオンボーディングや製品の最大活用時にカスタムチェックリストを完了できるスペース。(オプトイン可能)

MessagesはウィジェットMessengerの常設スペースであり、オフにできません。

ドラッグ&ドロップでスペースの表示順を変更できます。Homeスペースは常に最上部にありますが、ウィジェットMessengerから削除したい場合はオフにできます。

会話に直接起動

ウィジェットMessengerを設定してHomeスペースをバイパスし、直接会話スペースに起動できます。

注意:この機能はiOSのMobile SDKバージョン18.6.3およびAndroidの15.15.0でサポートされています。CordovaやReact Nativeではまだサポートされていません。

これにより、お客様はサポートにより速くアクセスでき、新しいチャット開始の手間が省けます。有効にすると、ヘルプ記事、過去の会話、Tickets(有効時)など他のウィジェットMessengerスペースへのアクセスも維持されます。

「会話に直接起動」設定は訪問者、users、およびモバイルusersで個別に設定可能です。

注意:以下の場合、ウィジェットMessengerは会話スペースに直接起動しません:

  • 「訪問者/usersが会話を開始できる」が無効、または

  • 「訪問者/usersが会話開始前に検索を必須とする」が有効の場合。

これらの場合、「会話に直接起動」がオンでもMessengerは常にデフォルトスペース(Home/Messages)で開きます。

ウェルカムメッセージを設定する

ウィジェットMessengerを開いたときに人々をどのように迎え、自己紹介するかを選択してください。

ヒント:これは設定 > Messenger > 一般 > 対応言語の選択から最大45言語まで設定可能です。

注意:「ウェルカムメッセージ」設定と下記の「アプリでHomeをカスタマイズ」オプションは、Messengerウィジェット設定でHomeスペースが有効になっている場合にのみ表示されます。ウェルカムメッセージの編集やHomeのカスタマイズを行うには、訪問者とusersの両方でHomeスペースを有効にしてください。

アプリでHomeをカスタマイズ

アプリの追加と削除でWidget Messenger Homeをカスタマイズします。お客様が会話を開始できるか、Help Center内の記事を検索できるか、注目のNewsのお知らせを見られるか、その他のカスタムアプリを表示できるかを選択してください。

注意:Widget Messenger Homeには少なくとも1つのアプリが必要です。

Messenger Launcherを表示する

Widget Messengerでは、オーディエンスルールに基づいて訪問者および/またはusersからMessenger Launcherを表示または非表示にできます。

外観

設定 > Messenger > Widget > 外観で、複数ブランドの好みに合わせてWidget Messengerをカスタマイズおよびスタイリングするすべての方法が見つかります。

まず、上部のドロップダウンから新しいスタイルを追加したいbrandを選択します。

新しいMessengerスタイルを作成する前に、brandの設定と、それらを正しいHelp Centerに接続して、brandごとに適切なサポートコンテンツがMessengerに表示されるようにしてください。

スタイルをインポートする

2023年12月以降にFinに参加した場合、brandロゴとカラーを自動的にインポートするオプションがあります。選択したdomainを入力し、インポートをクリックするだけです。

ドロップダウンを使って、domainで見つかった別のアクションまたは背景色を選択できます。

domainで見つかったロゴを使用することも選択できます。これはいつでも手動で変更可能です。このロゴはWidget Messengerにのみ表示され、brand設定には表示されません。

確認をクリックすると、右側のMessengerプレビューがインポートしたスタイルで自動的に更新されます。Messengerスタイルを手動でカスタマイズしたい場合は、以下のセクションをお読みください。👇

Messengerテーマとブランディング

Messenger > Widget > 外観 > MessengerテーマとブランディングでWidget Messengerのテーマモードを設定します。お客様が見るMessengerのバージョンを制御できます。

  • ライト:常にライトモードのテーマを表示します。

  • ダーク:常にダークモードのテーマを表示します。

  • システムに合わせる:お客様のシステムテーマに自動的に合わせます。

注意:Widget Messengerのカラーパレットとロゴはテーマごとに別々に設定されます。ダーク/ライトテーマを有効にした場合、このテーマで使用するロゴとカラーパレットを選択する必要があります。これにより、コントラスト、可読性、一貫したブランド体験が保証されます。

ヒント:Widget Messengerがライトモードとダークモードを切り替えるタイミングをシステム設定に頼らず自分で制御したい場合は、クライアントサイドAPIを使用できます。これは、ユーザーの好み、トグル、時間帯に基づいてアプリがテーマを変更する場合に特に便利です。

ロゴとカラー

Messenger > Widget > 外観 > Messengerテーマとブランディングから、Widget Messengerのロゴとカラーもカスタマイズできます。これにより、チャットインターフェースを視覚的アイデンティティに合わせられます。

Messenger Homeをロゴでスタイリングし、よりパーソナルなタッチのためにチームメンバーのアバターを表示するかどうかを決めます。

注意:ライトテーマとダークテーマで異なるロゴをアップロードできます。

ロゴをアップロードする際は以下のガイドラインを参照してください。👇

  • 推奨しません:ロゴの周りに多くのスペースを空けること。

  • 推奨:タイトなトリミングが最適です。

チームアバターを表示する設定にしている場合、ロゴのスペースは変わります。

Messenger Homeヘッダーで使用されるホームスクリーン背景と、ボタンやリンクなどで強調表示に使われるアクションカラー(プライマリーカラー)を選択します。

オプションで色のグラデーション、背景画像、背景フェード、テキストカラーを使ってWidget Messengerヘッダーをさらにカスタマイズできます。

注意:

  • Messenger LauncherとMessenger Homeの両方をカスタマイズできるのはAdvancedまたはExpertプランのみです。

  • ライトテーマとダークテーマで異なるカラーパレットを選択できます。

  • ロゴ画像は内部パディングのため、円形フレーム内でほぼ常に小さく表示されます。画像サイズを大きくしても円の埋まり具合は変わりません。これはデバイス間の一貫性のための仕様です。

  • ヘッダー背景に画像を選択した場合、800 x 600ピクセルの画像サイズを推奨します。

  • 赤い通知バッジの色は固定で、Messenger設定やインストールコードで変更できません。

チームメンバーのアバター

Widget Messenger Homeでチームメンバーのアバターを非表示または有効にして、パーソナルなタッチを加えられます。

注意:Fin AI Agentが有効な場合、アバター表示は変わります。Finが人間への引き継ぎパスなしで設定されている場合、Finのアバターのみが表示され、チームメンバーのアバターはこの設定が有効でも表示されません。 ワークフローにFinステップが含まれる場合も、Fin AI Agent設定でチームメンバーのプレゼンス設定が有効でない限り、Messenger設定でチームメンバーのアバターが有効でも表示されません。Widget MessengerでのFinカスタマイズについて詳しくはこちら。

ランチャーの位置

コンピューターやタブレットでのランチャーの位置を右から左に調整し、側面と下の間隔を調整します。

注意:

  • この機能がサブスクリプションに含まれているかはプランと料金をご確認ください。

  • Messenger Launcher設定を見つけるには、まず訪問者/users向けにMessenger Launcherを表示をオンにする必要があります。

  • Messenger Launcherはbrand colorsで選択したアクションカラー(プライマリーカラー)を使用します。

  • Messenger Launcherはサイト内で1つの位置にのみ設定可能で、同じサイト内で複数の位置に表示することはできません。

  • ランチャーは画面の左または右側に配置でき、パディングを調整し、カスタム画像をアップロードできます。ただし、ランチャーのシンボルを拡大したり、ページ内容に応じて動的に移動させることは現在できません。


スポットライト

オプションで、ウェブ上でSpotlight Messengerを使用できます。このMessenger体験はFin for Sales向けに特別に設計されていますが、標準のウェブMessengerとしても使用可能です。Spotlightはエンゲージメントを促進し、ウェブ訪問者を初期の興味からより深い意図と高品質な販売会話へと導くよう最適化されています。

設定 > Messenger > SpotlightからSpotlightを設定してください。

ここでは、Spotlight Messengerを誰に表示するかを選択できます。その対象者に対して、Widget Messengerの代わりになります。デフォルトでは、Fin for Salesが展開されると、すべての訪問者とleadsに表示されます。


モバイルSDK

Messengerはモバイルアプリでも美しく動作します。モバイルアプリのusers向けの体験は設定 > Messenger > Mobile SDKsから構成できます。

ここでの設定は、機能がウェブ専用の場合を除き、ウェブと同じです。モバイルアプリでのMessengerの使い方はこちら。

Webはデスクトップウェブとモバイルウェブの両方を含みます。Mobile SDKsはモバイルアプリ(ある場合)を指します。

注意: モバイルでダークモードを使用するには、顧客は以下のIntercom SDKの最低バージョンが必要です。

  • Android: 17.0.0

  • iOS: 19.0.0


会話

Widget Messengerで顧客がどのように会話を開始するかを選択し、チームを紹介し、設定 > Messenger > 会話から特別なお知らせを追加します。

会話開始ボタンのテキスト

「会話開始ボタンのテキスト」またはコールトゥアクション(CTA)は、teammatesとFin AI Agentで別々に設定できます。

例えば、会話がteammateによって対応される場合、CTAボタンに「サポートに連絡」と表示して、顧客が人間のサポートチームと連絡を取っていることを知らせたいかもしれません。一方、会話がFinによって対応される場合は、「質問する」と表示する方がよいでしょう。

teammatesの場合

teammatesと開始された会話の場合、「会話開始ボタンのテキスト」またはCTAを選択します。6つのオプションから選べ、訪問者とusersで異なるCTAを設定できます。

MessagesスペースでのCTAの見え方は次の通りです。

会話がteammate(Fin AI Agentではない)によって対応される場合、顧客はWidget Messengerのホーム、Messages、HelpスペースでこのCTAを目にします。

人間の身元表示により、顧客は自分がチームの人と話していることをすぐに認識できます。teammatesの名前は、Messengerで送信する各メッセージの直下に表示されます。

Finの場合

Fin AI Agentと開始された会話の場合、会話がFinによって対応されるときの「会話開始ボタンのテキスト」 またはCTA を変更できるボットの期待値を設定できます。あるいは、上で設定したteammateの期待値に合わせることも可能です。

Fin AI Agentの身元はWidget Messengerのユーザーインターフェースにシームレスに統合されています。このAI Agentラベル設定はFin AI Agent > 身元設定で有効または無効にできます。AI Agentが送信するすべてのメッセージの下に「Fin AI Agent」というラベルが表示されます。この一貫した明確な配置により、顧客は会話の流れを簡単に追跡し、返信の出所があなたであることを理解できます。

返信の期待値

営業時間中に返信時間を表示し、営業時間外にはチームがいつオンラインに戻るかをWidget Messengerで示します。また、「チーム割り当て後に営業時間を表示」を有効にすると、会話がチームに割り当てられた後にのみ営業時間を表示できます。チームレベルで営業時間を設定している場合は、このオプションを推奨します。

チーム紹介

チーム紹介を編集して、Widget Messengerで会話を始める前に顧客にチームを紹介し、期待値を設定します。

ヒント: これは設定 > Messenger > 一般 > 対応言語の選択から最大45言語まで対応可能です。

特別なお知らせ

Widget Messengerのすべての訪問者とusersに特別なお知らせを書きます。例えば、通常より返信が遅れる場合などです。特別なお知らせはワークスペースで対応する複数言語でカスタマイズでき、リンクやテキストスタイルで明確さとエンゲージメントを高められます。


一般

設定 > Messenger > 一般では、受信ボリュームの制御、営業時間と返信時間、対応言語、セキュリティ設定、プライバシーポリシー通知、その他のMessenger設定が見つかります。

受信ボリュームの制御

受信ボリュームの制御では、Widget Messengerで誰が会話を開始できるかを決められます。ユーザー属性に基づく表示条件を追加して、よりターゲットを絞ることも可能です。

対応言語の選択

すべての顧客に対してWidget Messengerインターフェースに表示するデフォルト言語を選択するか、異なる言語を追加して、顧客のブラウザやデバイス設定に合った場合にMessengerをその言語で表示します。

Messengerのセキュリティを保つ

信頼できるdomainとサブドメインをカンマで区切ってリストします(Messengerはこれらのdomainでのみ表示されます)。すべてのサブドメインを信頼済みとするには、ワイルドカードとしてアスタリスクを使います:*example.com。このフィールドを空欄にすると、Messengerはどのdomainにも追加可能です。

以下も設定できます:

  • セッションの継続時間:usersのMessengerセッションがどのくらいアクティブなままかを制御します。

  • セキュアクッキー:MessengerのクッキーはHTTPS接続でのみ送信されます。

第三者がログイン中のusersをなりすまして会話を見られないように、本人確認の設定を強く推奨します。

注意:

  • 「信頼できるdomain」フィールドを空欄にすると、Messengerはどのdomainにも追加可能です。

  • 複数のdomainをカンマで区切ってリストできます。

  • すべてのサブドメインをリストするには、*.intercom.comのようにアスタリスクを使います。

  • localhostの追加はサポートしていませんが、「0.0.0.0」や「127.0.0.1」を追加すれば、Messengerはこれらのdomainで動作します。

プライバシー設定の構成

HIPAA準拠のモバイル通知

モバイルプッシュ通知でメッセージ内容を非表示にして、お客様の機密情報を保護します。

プライバシーポリシー

Widget Messenger内にプライバシーポリシーをリンクし、お客様にデータ処理および保護方針を通知します。この通知は、お客様がメッセージを送信するか閉じるまで、新しい会話の開始時に表示されます。

プライバシーポリシーの通知は複数言語、テキストスタイリング、ハイパーリンクに対応しています。

その他の設定

受信メッセージの音をお客様が聞くかどうかなど、Messengerのその他の設定を構成します。音声がオンの場合、usersは新しいメッセージを受け取ると音声通知を聞き、メッセージを送信すると音声フィードバックを受け取ります。

またはエラーレポートの送信を停止します。オンにすると、MessengerはWeb、iOS、Android全体でFinへのエラーレポートの送信を停止します。これらのレポートはお客様に影響する問題のデバッグに使用されます。


セキュリティ

MessengerをJSON web tokens (JWTs)で強く推奨して保護してください。これにより、話している相手が本当に本人であることを確認でき、不正な第三者がlogged-in usersを装って過去の会話を閲覧するのを防ぎます。

さらに、ユーザーのトークンの短い有効期限を設定し、ペイロード内の送信データを保護することもできます。

Messengerのセキュリティ設定は設定 > チャンネル > Messenger > セキュリティからアクセスできます。


保存して公開

Messengerのプレビューに満足したら、保存して公開をクリックしてください。✨

WebでMessengerを使用するには、まずMessengerをインストールする必要があります。


よくある質問

なぜウェブサイトや会話で間違ったMessengerブランドが表示されるのですか?

信頼されたdomainの設定がすべてのサブドメインやURLのバリエーションをカバーしていない可能性があります。すべてのサブドメインをカバーするワイルドカード(例:*.example.com)を含めてください。これにより、すべてのURLで正しいブランドが読み込まれます。

信頼されたdomainは設定 > Messenger > 一般 > Messengerを安全に保つで更新できます。

なぜMessengerのブランドがすべてのページで一貫して表示されないのですか?

これはdomainエントリの末尾のスラッシュが原因であることが多いです。workspace設定のdomainターゲットから末尾のスラッシュを削除してください。example.comのようにしてください。

domainエントリは設定 > Messenger > 一般 > Messengerを安全に保つで更新できます。

なぜMessengerに重複したロゴが表示されるのですか?

設定 > チャンネル > Messengerに移動し、ブランドロゴとアイコンを確認してください。重複したエントリを更新または削除して解決してください。

こちらの回答で解決しましたか?