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

Messengerの設定とカスタマイズ

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

対応者:Beth-Ann Sher

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を初めてクリックしたときに開くホームスペース。

注意:一部のブランディング機能はご契約プランによって制限されます。

スペース

ここで、訪問者や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言語まで設定可能です。

注意:「ウェルカムメッセージ」設定はMessengerウィジェット設定でHomeスペースが有効になってから表示されます。編集するには、まずleadsとusersの両方にHomeスペースを追加してください。

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

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

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

Messenger Launcherを表示する

Widget Messengerでは、訪問者やusersに対してオーディエンスルールに基づきMessenger Launcherを表示または非表示にできます。

外観

設定 > Messenger > Widget > 外観では、複数ブランドの好みに合わせてWidget Messengerをカスタマイズ・スタイル設定できます。

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

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

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

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

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

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

確認をクリックすると、右側の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ステップを含むワークフローでは、Messenger設定でチームメンバーのアバターが有効でも、Fin AI Agent設定のチームメンバーの存在設定が有効でない限り、チームメンバーのアバターは表示されません。Widget MessengerでのFinカスタマイズについて詳しくはこちら

Launcherの位置

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

注意:

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

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

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

  • Messenger Launcherはサイト上で1つの位置にのみ設定可能です(同一サイト内で複数位置に表示はできません)。

  • Launcherは画面の左または右に配置でき、パディング調整やカスタム画像のアップロードも可能です。ただし、Launcherシンボルの拡大やページ内容に応じた動的移動は現在できません。


スポットライト

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

設定 > Messenger > SpotlightからSpotlightを設定します。

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


モバイルSDKs

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

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

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

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

  • Android: 17.0.0

  • iOS: 19.0.0


会話

Widget Messengerで顧客があなたと会話を始める方法を選択し、チームを紹介し、設定 > Messenger > 会話から特別なお知らせを追加します。

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

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

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

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 を変更できるボットの期待値を設定できます。あるいは、単に上で設定したteammatesの期待値に合わせることもできます。

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を使用し、example.com/は使わないでください。

domainエントリは設定 > Messenger > 一般 > Messengerのセキュリティ維持で更新できます。

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

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

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