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

Intercom Messengerをカスタマイズする

Messengerの外観、言語、アプリ、返信時間、表示設定などを設定します。

対応者:Beth-Ann Sher

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

  • ウェブ

    • コンテンツ

    • スタイル

  • モバイルSDK

    • コンテンツ

    • スタイル

  • 会話

    • チームメイトと

    • Finと

  • 一般

  • インストール

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


ウェブ

ここでWeb Messengerを管理します。

コンテンツ

設定 > Messenger > Web > コンテンツで、Messenger LauncherからMessenger Homeまで、Messengerの初期体験を設定できます。

用語集:

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

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

直接会話に移動する

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

これにより、お客様はサポートにより速くアクセスでき、新しいチャットを開始するための追加ステップが省かれます。有効にすると、ヘルプ記事、過去の会話、tickets(有効な場合)など他のMessengerスペースへのアクセスも維持されます。

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

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

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

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

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

スペース

ここで訪問者とusersがMessengerで見るスペースをオン・オフで管理します。

  • ホーム - 自分でカスタマイズし、訪問者とusersに表示したい内容を決めるスペース。

  • メッセージ - 会話管理用スペース。受信・送信の会話がここにあります。

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

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

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

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

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

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

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

Messengerを開いたときに人々をどのように迎え、自己紹介するかを選択します。

設定 > Messenger > 一般 > 対応言語の選択から最大45言語まで対応可能です。

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

アプリの追加・削除でMessenger Homeをカスタマイズします。お客様が会話を開始できるか、Help Centerで記事を検索できるか、注目のニュースを見られるか、その他のカスタムアプリを表示するかを選択します。

Messenger Homeには最低1つのアプリが必要です。

Messenger Launcherを表示する

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

スタイル

設定 > Messenger > Web > スタイルで、複数ブランドの好みに合わせてMessengerのカスタマイズとスタイリングができます。

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

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

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

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

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

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

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

Messengerのカラー

Messengerホームのヘッダーに使われる背景色と、ボタンやリンクなどで強調表示に使われるアクションカラーを選択してください。

このセクションでは、自動ブランディング機能も利用でき、テキスト、背景色、ロゴをウェブサイトのdomainに合わせてシステム経由で直接インポートできます。

Messengerのカラーやブランディングが期待通りに表示されない場合は、以下の解決策を検討してください。

  1. ブラウザのキャッシュや拡張機能: キャッシュをクリアし、拡張機能を無効にするか、シークレットウィンドウでMessengerを開いてください。

  2. トラフィック設定: ユーザートラフィック設定が有効になっていることを確認してください。

  3. 信頼されたドメインの設定: 403エラーなどの問題を避けるために、ウェブサイトのdomainが設定 > チャンネル > Messenger > インストールに含まれていることを確認してください。

  4. カスタム変更: カスタムCSSの上書きがスタイルの競合を引き起こしていないか確認してください。

  5. ブランディング設定: 設定 > チャンネル > Messenger > Web > ブランディング & カラーのカスタマイズ設定を再確認してください。

  6. 画像の競合: 背景色やアクションカラーの代わりにアップロードされた画像があれば削除してください(該当する場合)。

Messengerホーム

Messengerホームをロゴでスタイライズし、よりパーソナルな印象を与えるためにチームメンバーのアバターを表示するかどうかを決めてください。

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

チームアバターを表示する場合、ロゴのスペースが変わります。

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

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

ランチャー

Messengerランチャーの表示方法を決めるために、自分の画像をアップロードし、サイト上の配置場所を選択してください。

注意:

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

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

  • ランチャーはbrandカラーで選択したアクションカラーを使用します。

  • Messengerはサイト上で1つの位置にしか設定できません(同じサイト内で複数の位置に表示することはできません)。


モバイルSDK

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

ここでの設定はWebと同じですが、一部の機能はWeb専用です。モバイルアプリでのMessengerの使い方を学ぶ

Messengerの表示はiOSとAndroidで異なる場合があります。例えば、チャットランチャーアイコンの色はアクセシビリティ基準に合わせて自動調整され、OSによって見え方が異なることがあります。

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


会話

Messengerでの会話開始方法、チーム紹介、特別なお知らせは設定 > Messenger > 会話から行えます。

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

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

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

teammatesとの会話の場合

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

お客様は、会話がteammate(Fin AI Agentではない)によって対応される場合、ホーム、メッセージ、ヘルプスペースでこのCTAを目にします。

Finとの会話の場合

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

返信の期待値

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

チーム紹介

チーム紹介を編集して、Messengerで会話を始める前にお客様にチームを紹介し、期待値を設定してください。

これは設定 > Messenger > 一般 > 対応言語の選択から最大45言語までサポートするように設定できます。

特別なお知らせ

すべての訪問者とusersに向けて特別なお知らせを書いてください。例えば、応答時間が通常より遅い場合などです。特別なお知らせは、ワークスペースでサポートされている複数の言語でカスタマイズでき、リンクやテキストスタイリングで明確さとエンゲージメントを高めることができます。


一般

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

受信ボリュームの制御

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

対応言語の選択

Messengerインターフェースで全ての顧客に表示されるデフォルト言語を選択するか、異なる言語を追加して、顧客のブラウザやデバイス設定に合致した場合にMessengerをその言語で表示させることができます。

Messengerのセキュリティを保つ

信頼できるdomainとサブドメインをカンマで区切ってリスト化し、Messengerのセキュリティを保ちます。

重要:

  • ここを空欄にすると、Intercom Messengerはどのdomainにも追加可能になります。

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

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

  • localhostの追加はサポートしていませんが、'0.0.0.0'および/または'127.0.0.1'を追加すれば、Messengerはこれらのdomainで動作します。

本人確認の設定

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

プライバシーポリシー

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

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

その他の設定

受信メッセージの通知音を顧客が聞くかどうかなど、他のMessenger設定を構成します。

特定のIntercomプランでは、MessengerからIntercomのブランディングを削除できます。設定 > 一般の「Intercom Attribution Message」セクションでオフに切り替えると、Messenger、送信メール、Help Centerから同時にブランディングが削除されます。

ワークスペース名を変更せずに、Messengerヘッダーやメール、SMSで顧客に表示される会社名を制御できます。設定 → 一般 → ワークスペース設定Customer-facing name欄に設定してください。空欄の場合はワークスペース名がデフォルトになります。


保存して公開設定

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

ウェブでMessengerを使用するには、まずIntercom Messengerをインストールする必要があります:

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