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

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

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

対応者:Beth-Ann Sher

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

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

注意:

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

  • マルチブランドはすべてのプランで利用できるわけではありません。


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

デフォルトでは、Intercom Messengerには単一ブランド用のスタイル設定グループが1つあり、設定 > チャンネル > Messenger > Web > スタイルで構成できます。

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

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

開いたウィンドウでスタイル名を指定し、関連付けたいブランドを選択してから、使用したい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.comexamply.comと同じです。

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

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


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

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

使い方

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

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

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

Messengerは指定されたスタイルのブランド、色、Finのアイデンティティで読み込まれ、設定された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 > スタイルに移動してください。

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

開いたウィンドウでスタイル名を指定し、関連付けたいブランドを選択してから、使用したい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 <brand that user matched the URL for>から送信されます。

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


よくある質問

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

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

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

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

ヘッダー名もカスタマイズできます:

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

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

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

特定ブランドの顧客が見るアプリをどのように制御しますか?

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

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