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

複数ブランドをサポートするMessengerのスタイル設定

独自のロゴや色などで複数ブランドのMessengerスタイルを設定する方法。

対応者：Beth-Ann Sher

Intercomでは、単一のワークスペースから複数のブランドやビジネスをサポートでき、Messengerをそれぞれの異なるdomainに完璧に合わせることができます。この記事では、WebとMobile SDKの両方でマルチブランドMessengerスタイルを設定する方法を説明します。

注意:

  • 新しいMessengerスタイルを作成する前に、まずブランドの設定を済ませていることを確認してください。

  • モバイルSDK用のブランドを設定する際、usersはIntercom Mobile SDK APIキーではなく、開発者から提供された実際のiOSまたはAndroidのApp IDを入力する必要があります。これにより、アプリとブランドの正しい関連付けが保証されます。

  • Multibrandはすべてのプランで利用できるわけではありません。

Webで追加のMessengerスタイルを追加する

デフォルトでは、Intercom Messengerには単一ブランド用のスタイル設定グループが1つあり、設定 > チャンネル > Messenger > ウィジェットのStylesセクションで構成できます。

ヒント: デフォルトブランドのブランド名はワークスペース名で、設定 > ワークスペース > 一般で変更可能です。

ブランドの追加スタイルを設定するには、Stylesセクションでブランド名をクリックし、ドロップダウンから+ 新しいスタイルを選択します。

開いたウィンドウでスタイル名を指定し、関連付けたいブランドを選択してから、使用したいURLs（domainまたはサブドメイン）を追加します。

このMessengerスタイルを複数のdomainで使用するには、+ URLを追加をクリックします。Messengerが指定されていない追加ブランドスタイルの他のdomainで読み込まれた場合は、デフォルトブランドスタイルが適用されます。

サブドメイン

ターゲットとするURLsには、サブドメイン（app.examply.com）やサブディレクトリ（examply.com/a/apps/…）を指定できます。

マッチングには階層があります：完全一致 > 部分一致 > ワイルドカード

  1. 完全一致 - 訪問したdomainがブランドURLと完全に一致する場合。

  2. 部分一致 - 訪問したdomainがブランドURLを含む場合。例：ブランド → examply.com/help domain → examply.com/help/1

  3. ワイルドカード一致 - URLがワイルドカード付きの値と一致する場合。

ワイルドカード

ワイルドカードは、ブランドURLの先頭で*を1回だけ使用するキャッチオール用の用語です。

例えば：

  • ブランド1 → examply.com → 青色スタイルのMessenger

  • ブランド2 → *.examply.com → 赤色スタイルのMessenger

注意:

  • マッチング時にwwwの使用は無視されます。例：www.examply.comはexamply.comと同じです。

  • ワイルドカード*が2回以上あるURLはマッチしません。

  • 最初の文字以外の位置にワイルドカードがあるURLはマッチしません。

起動時にMessengerスタイルを上書きする

Multibrandアドオンを利用している場合、Messenger起動時にmessenger_style_idパラメータを渡すことでURLベースのマッチングを完全にバイパスできます。指定されたスタイルのブランドID、色、Fin AIエージェントのペルソナがページURLに関係なく適用されます。

使い方

  1. 設定 > チャンネル > Messenger > ウィジェット > 外観に移動します。

  2. Stylesドロップダウンから使用したいスタイルを見つけてIDをコピーします。

  3. コピーしたIDをMessengerの起動呼び出しに渡します：

Intercom('boot', {
  app_id: 'YOUR_APP_ID',
  messenger_style_id: 'COPIED_STYLE_ID'
});

Messengerは指定されたスタイルのブランド、色、FinのIDで読み込まれ、設定されたURLパターンに関係なく表示されます。

注意:

  • この機能にはMultibrandアドオンが必要です。

  • messenger_style_idが提供されると、URLベースのマッチングより優先されます。解決順序は：messenger_style_id > URLマッチ > デフォルトブランド設定です。

  • 提供されたmessenger_style_idがワークスペースの有効なスタイルと一致しない場合、MessengerはURLベースのマッチングにフォールバックします。

重要: messenger_style_id起動パラメータは、動作させるために追加のワークスペースレベル設定が必要です。設定がない場合、このパラメータは無視され、サーバーログにmessenger_style_idが表示されてもMessengerはデフォルトブランドスタイルで読み込まれます。利用前にサポートチームに設定を依頼してください。

Mobile SDKで追加のMessengerスタイルを追加する

モバイルアプリ用のMessengerスタイルも独自のブランドに合わせることができます。設定 > チャンネル > Messenger > Mobile SDKs > 外観のStylesセクションを確認してください。

Stylesドロップダウンをクリックし、+ 新しいスタイルを選択します。

開いたウィンドウでスタイル名を指定し、関連付けたいブランドを選択してから、使用したいApp ID（iOSまたはAndroid）を追加します。

注意:

  • モバイルSDK用のブランドを設定する際は、開発者から提供された実際のiOSまたはAndroidのApp IDを入力し、Intercom Mobile SDK APIキーではないことを確認してください。これにより、アプリとブランドの正しい関連付けが保証されます。

  • 各モバイルApp ID（iOSのバンドル識別子またはAndroidのapplicationId）は1つのMessengerスタイルにのみリンク可能です。同じApp IDを複数のスタイルに関連付けようとすると、UIが「すでに関連付け済み」のエラーでブロックします。

単一のモバイルアプリでブランドごとに異なるMessengerスタイルが必要な場合、いくつかの方法があります：

  • オーディエンスルールを使った単一Messengerスタイル: 1つのスタイルをApp IDにマッピングし、オーディエンスルールや属性で各ブランドのusersが見るコンテンツや入口を制御します。最も簡単な方法ですが、Messengerのロゴや色はブランド間で共有されます。

  • ブランドごとに異なるApp IDを持つ別アプリバリアント: 異なるバンドル識別子/applicationId（例：com.company.app.brandA と com.company.app.brandB）で別々のiOS/Androidバイナリを配布し、同じIntercomワークスペース内で各App IDを独自のMessengerスタイルにマッピングします。

  • 複数のIntercomワークスペース（ブランドごとに1つ）: ブランドごとに別々のワークスペースを運用し、ブランディング、Help Center、権限、レポートを完全に分離します。

追加のMessengerスタイルをカスタマイズする

追加のMessengerスタイルを設定した後は、各ブランドに合わせて簡単にカスタマイズできます。スタイリングタブのドロップダウンからブランドを選択し、以下の場所でMessengerをブランドに合わせてカスタマイズしてください。

注意:

  • スペース、アプリ、ウェルカムメッセージなどのMessengerコンテンツは複数ブランドでカスタマイズできません。

  • Messengerスタイルを正しいブランドとHelp Centerに接続して、Messengerに正しいサポートコンテンツを表示させてください。

  • ブランドごとにHelp Centerのオン/オフを選択的に切り替えることは現在できません。特定ブランドのHelp Centerコンテンツを公開したくない場合は、そのブランドをライブでないHelp Centerに接続してください。

MessengerとInboxでの表示

Messengerがどのdomainで読み込まれても、適切なブランドスタイルとMessengerの位置で表示されます。

顧客がMessengerで会話を開始すると、Inboxの「会話属性」でどのブランドを代表しているか簡単に確認でき、すべての顧客に一貫したブランド体験を提供できます。

注意: チーム紹介、挨拶、その他のMessenger設定はすべてのdomainで同じです。

メール通知での表示

メールも会社のブランディングでパーソナライズされます。メールは<Teammate name> from <usersがURLにマッチしたbrand>から送信されます。

注意: 複数ブランドはMessengerで開始された会話のメール通知にのみ対応し、受信メールには対応していません。

よくある質問

ブランドごとに異なるアプリをMessengerに持てますか？

いいえ、ブランドごとに異なるアプリをMessengerに持つことはできません。Messengerアプリはワークスペース全体の設定であり、すべてのブランドで同じアプリが利用可能です。ただし、各アプリ内でオーディエンスルールを使い、どのブランドのaudienceが見るかを制御できます。これにより、ブランドごとに異なる表示アプリセットを効果的に作成できます。

ブランドごとにカスタマイズできるMessengerコンテンツは何ですか？

各ブランドのMessengerの視覚的な外観（色、ロゴ、ヘッダー名、背景画像）をカスタマイズできます。

ヘッダー名もカスタマイズ可能です：

  • デフォルトブランドでは、ヘッダーにワークスペース名が表示されます。

  • セカンダリブランドでは、ヘッダーにブランド設定で指定したブランド名が表示されます。

注意: アプリ一覧、ウェルカムメッセージ、Messengerスペース（ホーム、メッセージ、Help）などのコンテンツはカスタマイズできません。

特定ブランドで顧客が見るアプリをどう制御しますか？

アプリの表示制御には、各アプリ内でオーディエンスルールを使用してください。Messenger設定でアプリを構成する際、current_urlなどの属性に基づくオーディエンスルールを追加し、usersが特定ブランドのdomainにいる場合のみアプリを表示できます。

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