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

Messengerの設定とカスタマイズ

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

対応者：Beth-Ann Sher

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

  • ウィジェット（標準ウィジェットMessenger）

    • コンテンツ

    • 外観

  • Spotlight（Fin for Sales向け）

  • モバイルSDK

    • コンテンツ

    • 外観

  • 会話

    • チームメイトと

    • Finと

  • 一般

  • インストール

  • セキュリティ

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

ウィジェット

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

コンテンツ

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

用語集:

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

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

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

スペース

ここで、訪問者やusersがWidget Messengerで見るスペースを追加・削除して管理します。

  • ホーム - 自分専用のスペースで、訪問者やusersに表示したい内容を正確に決められます。

  • メッセージ - 会話管理用のスペース。受信・送信の両方の会話がここに保存されます。

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

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

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

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

メッセージはWidget Messengerの常設スペースで、オフにできません。

ドラッグ＆ドロップでスペースの表示順を変更できます。ホームスペースは常に最上部にありますが、Widget Messengerから削除したい場合はオフにできます。

会話に直接起動

Widget Messengerを設定して、ホームスペースをスキップし、会話スペースに直接起動させることができます。

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

これにより、顧客はサポートにより速くアクセスでき、新しいチャット開始の手順が減ります。有効にすると、ヘルプ記事、過去の会話、Tickets（有効時）など他のWidget Messengerスペースへのアクセスも維持されます。

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

注意: 以下の場合、Widget Messengerは会話スペースに直接起動しません。

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

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

これらの場合、「会話に直接起動」がオンでも、Messengerは常にデフォルトスペース（ホーム/メッセージ）で開きます。

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

Widget Messengerを開いたときに、どのように挨拶し自己紹介するかを選択してください。

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

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

アプリでホームをカスタマイズ

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

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

Messenger Launcherを表示する

Widget Messengerでは、Messenger Launcherを表示または非表示にすることができます。対象は訪問者および/またはusersで、オーディエンスルールに基づきます。

外観

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

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

新しいMessengerスタイルを作成する前に、brandの設定と正しいHelp Centerへの接続を確認し、ブランドごとに適切なサポートコンテンツが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のアバターのみが表示されます。Widget MessengerでのFinカスタマイズについて詳しくはこちら。

Launcherの位置

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

注意：

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

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

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

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

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

スポットライト

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

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

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

Spotlight Messengerの設定方法について詳しくはこちら。

モバイル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 > Conversationsから特別なお知らせを追加します。

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

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

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

teammatesと共に

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

Messagesスペースでは、CTAはこのように表示されます。

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

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

Finと共に

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

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

Fin AI Agentのこのボタンの設定方法について詳しくはこちら。

返信の期待値

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

チーム紹介

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

ヒント: これは設定 > Messenger > General > 対応言語の選択から最大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 > セキュリティからアクセスできます。

詳細はJSON web tokens (JWTs)を使ったMessengerでのusers認証をご覧ください。

保存して公開設定

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

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

よくある質問

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

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

trusted domainsは設定 > Messenger > 一般 > Messengerを安全に保つで更新できます。

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

これは多くの場合、domainエントリの末尾のスラッシュが原因です。workspace設定のdomainターゲットから末尾のスラッシュを削除してください。例：example.comを使用し、example.com/は使わないでください。

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

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

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

関連記事
こちらの回答で解決しましたか？