セットアップ
シングルページアプリケーションでチャットバブルをクリックせずにメッセージを表示させるにはどうすればよいですか?
シングルページアプリケーションでチャットバブルをクリックせずにメッセージを表示させるにはどうすればよいですか?
通常、チャットメッセージはMessengerのバブルをクリックしたりページをリフレッシュしたりしなくても表示されるはずです。問題が発生している場合、初回ページ読み込み時にユーザーデータが更新されていない可能性があります。これを解決するには、新しいページが読み込まれるたび、または新しいコンテンツが表示されるたびにIntercom("update")メソッドを呼び出して、コンテンツが迅速に配信されるようにしてください。あるいは、イベントを使って手動でメッセージをプッシュすることもできます。詳細はこの記事をご参照ください:Intercom Single Page App Integration。
Next.js統合のための公式Intercomリポジトリはありますか?
Next.js統合のための公式Intercomリポジトリはありますか?
https://github.com/Nutlope/intercom-nextjs/tree/mainはIntercomによって作成されたものではなく、サードパーティのリポジトリです。IntercomはNext.jsのサポートされたインストールを提供していませんが、シングルページアプリケーションでのMessenger統合に関する一般的なガイダンスに従うことができます。
設定とカスタマイズ
Intercom Messengerをカスタマイズできますか?
Intercom Messengerをカスタマイズできますか?
はい、ブランドに合わせてIntercom Messengerをカスタマイズすることができます(そしてすべきです)。Intercom Messengerの設定でアクセントカラー、背景色、背景テクスチャなどを追加できます。
Messengerをカスタマイズする方法は他にもたくさんあります。例えば、以下のことができます:
各usersを名前で個別に挨拶する。
チーム紹介を書いて、お客様にチームのメンバーやサポート内容を伝える。
期待される応答時間を設定し、お客様に通常の返信時間を知らせる。
Messengerの言語をローカライズする。
Messengerのホーム画面にMessengerアプリを追加する。
そして、Messengerの開き方を決める。
誰がMessenger設定を編集できますか?
誰がMessenger設定を編集できますか?
「Can manage Messenger settings」権限を持っている必要があります。これは次世代MessengerにオプトインしたりMessenger設定を変更したりするための権限です。この権限はFull seatのteammatesにのみ利用可能で、Lite seatのteammatesは招待方法に関わらずMessenger設定を管理できません。
ヒント:開発者がインストール詳細にアクセスする必要があるがFull seatを持っていない場合、該当権限を持つteammateがMessengerのインストール設定ページから直接詳細を共有できます。
Intercomの「special notice」機能とは何ですか?ハイパーリンクはサポートしていますか?
Intercomの「special notice」機能とは何ですか?ハイパーリンクはサポートしていますか?
Intercomのspecial noticeベータ機能は、会話内で重要な情報をusersに表示する機能です。現時点ではハイパーリンクはサポートしていません。
Messengerのspacesの順序を変更できますか?
Messengerのspacesの順序を変更できますか?
はい、Messenger設定 > Widget > Contentのドラッグ&ドロップでspacesの表示順を変更できます。Home Spaceは常に上部にありますが、Messengerから削除したい場合はオフにできます。詳細はこちら。
Messengerのspacesをオン/オフにできますか?
Messengerのspacesをオン/オフにできますか?
Messages Spaceは常に表示されます。他のspacesはMessenger設定 > Widget > Contentからオンまたはオフにできます。spacesのカスタマイズやメッセージ送信権限の管理について詳しく学べます。
teammatesはMessengerのチームプロフィールにどのように表示されますか?
teammatesはMessengerのチームプロフィールにどのように表示されますか?
お客様がMessengerを開いて「Start conversation」をクリックすると、チームプロフィールが表示されます。ここでは、最近会話に返信したteammateまたはteammatesを表示します:
どのteammatesを表示するかは次のように決定します:
teammatesが1週間以内に返信した場合
過去1週間に新しいアプリ内会話に最も最近返信した3人のteammatesを表示します。この条件を満たすteammateが1人だけの場合は1人だけ、2人だけの場合は2人だけ表示します。
1週間以上返信がない場合
過去1週間に会話に返信したteammateがいない場合、過去1ヶ月に新しいusersの会話に最も最近返信した1人のteammateを表示します。
1ヶ月以上返信がない場合
過去1ヶ月に会話に返信したteammateがいない場合、会話の活動に関係なく、アプリで最も最近アクティブだったteammateを表示します。
チームプロフィールが空になることはありません。必ず少なくとも1人のteammateを表示します。各teammateがプロフィールに親しみやすい写真を追加していることを確認してください。写真がない場合はイニシャルを使用します。
Messengerの下部にある「Powered by Fin」リンクを削除するには?
Messengerの下部にある「Powered by Fin」リンクを削除するには?
Messengerの下部にあるIntercom Attribution Messageは設定 > ワークスペース > 一般から制御できます。
「Intercom Attribution Message」セクションを探し、トグルでオンまたはオフに切り替えます。
注意:
この設定はAdvancedプランとExpertプランでのみ利用可能です。ワークスペース設定にこのオプションがない場合、現在のプランではこの機能は利用できません。
Messenger、Outboundメール、Help CenterのIntercom Attribution Messageを同時に制御します。1つで有効にして他で無効にすることはできません。
teammateをMessengerのチームプロフィールに表示させるには?
teammateをMessengerのチームプロフィールに表示させるには?
特定のteammateをチームプロフィールに表示させるのは簡単です。Messenger経由で会社にテストメッセージを送り、そのteammateに最初に返信してもらうだけです。
注意:チームプロフィールに表示する3人のteammatesを選択したり、特定のチームに絞り込んだりすることはできません。
Messengerでチームメイトのアバターを非表示にするにはどうすればいいですか?
Messengerでチームメイトのアバターを非表示にするにはどうすればいいですか?
MessengerのHomeにチームメイトのアバターが表示されないようにするには、設定 > チャンネル > Messenger > スタイル > Messenger Homeに移動してください。そこでチームのアバターを表示または非表示に選択できます。
注意:この設定はMessengerの会話内でチームメイトのアバターが表示されるのを非表示にしません。ただし、チームメイトは設定 > 個人 > 詳細からアバターに表示されるプロフィール写真を変更できます(自分の写真を使いたくない場合)。
Fin AI Agentを使用するとMessengerに表示されるチームプロフィールは変わりますか?
Fin AI Agentを使用するとMessengerに表示されるチームプロフィールは変わりますか?
Fin AI Agentが有効になっている場合、チームプロフィールは中央にFinのアバターが表示され、その両側に過去1週間以内に新しいアプリ内会話に最も最近返信した2人のチームメイトが表示されます。
最近返信したチームメイトが1人だけの場合は、このように表示されます。
Fin AI Agentの画像と名前は、設定のこちらの「ボットのアイデンティティを選択」から変更できます。
なぜMessengerのヘッダーにチームメイトのアバターが表示されないのですか?
なぜMessengerのヘッダーにチームメイトのアバターが表示されないのですか?
Messengerのヘッダーチームプロフィールは、最近会話に返信したチームメイトを表示します。ワークフローがFinがすべての会話を人間に引き継がずに処理するように設定されている場合(「Fin-onlyモード」)、チームメイトは返信しないため、チームメイトのアバターは表示されません。
これは、ワークフローの「If Fin hands over」パスが会話をチームメイトに割り当てるのではなく、リダイレクトメッセージ(例:Help Centerや問い合わせフォームへの案内)で終了する場合によく起こります。
ヘッダーにチームメイトのアバターを表示するには、インバウンドワークフローで会話をチームメイトに割り当てることを許可し、少なくとも1人のチームメイトが過去1週間以内に会話に返信している必要があります。
Messengerの位置を自分の製品やサイト上で移動できますか?
Messengerの位置を自分の製品やサイト上で移動できますか?
はい、Messengerの位置は製品やサイトに合わせて移動できます。以下で設定可能です:
Messenger設定を使ってMessengerの位置を移動するには?
Messenger設定を使ってMessengerの位置を移動するには?
Messengerをインストールすると、デフォルトで製品やサイトの右下隅に表示されます。
Web上でMessengerの位置を移動するには、設定 > チャンネル > Messenger > ウィジェット > スタイル > ランチャーに移動してください。
ここで位置を左下に変更し、その周囲のパディングを調整できます:
Messengerの位置はコンピューターやタブレットのMessenger設定で移動できます。モバイルWebでは引き続き右下に表示されます。
コードやプログラムでMessengerの位置を移動するには?
コードやプログラムでMessengerの位置を移動するには?
インストールJavaScriptコードを変更してMessengerの位置や間隔を移動することもできます。MessengerインストールスクリプトのintercomSettingsオブジェクトにalignment、horizontal_padding、vertical_paddingを追加してください:
window.intercomSettings = {
app_id: 'abc123',
alignment: 'left',
horizontal_padding: 20,
vertical_padding: 20
};
デスクトップWebでは、水平および垂直パディングを20px以上に設定できます。20px未満のパディング値は無視されます。
モバイルデバイスでは、alignment、horizontal_padding、vertical_paddingの値は無視されます。
Messengerはサイトの左側か右側のどちらかにしか表示できません。同じサイト内で複数の位置に表示することはできません。
また、コードでMessengerの位置を変更すると、Messenger設定の位置が上書きされます。
ボーダーレス会話はいつ表示されますか?
ボーダーレス会話はいつ表示されますか?
ボーダーレスデザインでは、ユーザーはフルMessengerを開かずにウェブサイトやウェブアプリでチームと会話できます。
Messengerでは、ボーダーレス会話はデスクトップWeb Messengerでアウトバウンドチャットメッセージを送信したときや、チームメイトが送信するすべての会話返信で表示されます。
注意:
ユーザーがボーダーレス会話を閉じると、チームメイトが返信したときのみ再びボーダーレスに戻ります。
ユーザーに未読の会話が複数ある場合、すべてのプレビューが表示され、1つを開いたときにのみボーダーレスモードに展開されます。
顧客がMessengerでボーダーレス会話をトリガーできますか?
顧客がMessengerでボーダーレス会話をトリガーできますか?
いいえ、ボーダーレス会話はチームメイトのメッセージからのみトリガーされます。
Messengerで自分の所在地を非表示にできますか?
Messengerで自分の所在地を非表示にできますか?
可能な場合は、所在地(市と国)を表示しておくことをお勧めします。これにより顧客によりパーソナルな体験を提供できます。ただし、短期間のリモートワークなど、非表示にしたい場合もあることは理解しています。
所在地を非表示にするには、ナビゲーションバーのアバターにカーソルを合わせ、名前をクリックしてください。
個人プロフィール設定に移動します。ここで「編集」をクリックし、「ユーザーから所在地を非表示にする」ボタンを選択して「完了」をクリックしてください。
チーム全体の所在地を非表示にしたい場合は、各チームメイトがそれぞれの個人プロフィール設定でこの設定を行う必要があります。
GIF送信機能を無効にできますか?
GIF送信機能を無効にできますか?
デフォルトでは、顧客とチームメイトはGIFピッカーツールを使ってGIFを送信できます。ブランドに合わないと感じる場合は、Messengerで顧客向けに、Inboxでチームメイト向けに無効にできますが、自分で無効にするオプションは表示されません。
GIFを無効にしたい場合は、お問い合わせいただければこちらで無効にします。
GIFの無効化は特定のIntercomプランでのみ利用可能です。プランと料金はこちらをご覧ください。
ユーザーが会話を閲覧しているときにMessengerウィンドウのサイズを編集できますか?
ユーザーが会話を閲覧しているときにMessengerウィンドウのサイズを編集できますか?
いいえ、現在のところ会話のMessengerウィンドウのサイズを編集することはできません。この機能リクエストにはProduct Wishlistで賛成票を投じ、コメントや購読が可能です。
フルスクリーンのMessenger/チャットウィジェットを作成できますか?
フルスクリーンのMessenger/チャットウィジェットを作成できますか?
IntercomのMessengerはウェブサイトでフルスクリーン表示できません。チャットオプションは会話を開始するために設計されており、画面の隅に表示されます。ユーザーにお知らせや更新情報を共有したい場合は、フルスクリーンにできる「Post」メッセージタイプがありますが、これはチャットインターフェースではありません。
IntercomはフルスクリーンMessengerをサポートしていませんが、一部の顧客はMessengerと連携するランディングページを作成したり、会話を作成する埋め込みフォームを設置したりしています。これにはカスタムコードやIntercomのREST APIを使ったチャット機能のフルページ統合が必要になる場合があります。
MessengerでボタンをクリックしてURLに送るリンクを追加できますか?
MessengerでボタンをクリックしてURLに送るリンクを追加できますか?
Messengerに「External links」アプリを追加するとこれが可能です。設定 > チャンネル > Messenger > ウィジェット > コンテンツ > アプリでホームをカスタマイズに移動して、最大10個のExternal linksをMessengerに追加できます。外部リンクにはオーディエンスターゲティングも設定でき、特定のusersだけがこれらのリンクを見られます。
Messengerで会話を自動的に開始することはできますか?
Messengerで会話を自動的に開始することはできますか?
はい、次の場合にMessengerで会話をトリガーするためにWorkflowsを使用できます:
また、Intercom('showNewMessage') JavaScriptメソッドを使用してMessengerで新しい会話を開始することもできます。このメソッドは、アプリやウェブサイト内のボタンやリンクのonClickイベントでトリガーできます。
トラブルシューティング
なぜMessengerが表示されないのですか?
なぜMessengerが表示されないのですか?
これにはさまざまな要因が影響する可能性があります。試せるさまざまなトラブルシューティング手順が記載されたBeth-Annの記事をご覧ください。まだ問題が解決しない場合は、Messengerを通じてサポートチームにお気軽にお問い合わせください。
なぜ私のNews ItemsがNews Spaceに表示されないのですか?
なぜ私のNews ItemsがNews Spaceに表示されないのですか?
オーディエンスターゲティングはNewsfeedレベルで行われます。News Itemを作成するときは、表示させたいすべてのNewsfeedsを選択してください。Messengerはユーザーごとに1つのNewsfeedしか表示できません。複数のNewsfeedsに該当する顧客は、最も優先度の高い最初のNewsfeedが表示されます。Newsの管理についてはこちらをご覧ください。
なぜ私のNews itemの開封数が非常に少ないのですか?
なぜ私のNews itemの開封数が非常に少ないのですか?
開封数が少ないことが必ずしも配信問題を意味するわけではありません。知っておくべきことが2つあります:
Newsには配信統計がありません。 Intercomは現在、顧客がMessengerランチャーのニュースバッジを見たかどうかは追跡しておらず、ニュースアイテムを開くためのクリックのみが記録されます。
Newsアイテムはプルオンリーです。 Messengerを開いたときに表示されますが、プッシュ通知やメールは送信されません。エンゲージメントは顧客が積極的にMessengerを開き、ニュースフィードに移動してからアイテムを開くことに依存します。
リーチを改善したい場合は、顧客がMessengerを訪れるのを待つのではなく、積極的にコンテンツを表示するPostやBannerの使用を検討してください。
なぜMessengerでTasksを有効にできないのですか?
なぜMessengerでTasksを有効にできないのですか?
新しいMessengerでTasksを使用するには、まずChecklistsを有効にする必要があります。
なぜMessengerに「How can we help?」メッセージが2回表示されるのですか?また、どうすれば修正できますか?
なぜMessengerに「How can we help?」メッセージが2回表示されるのですか?また、どうすれば修正できますか?
Messengerに「How can we help?」メッセージが2回表示される場合、これはMessenger設定内の重複メッセージが原因である可能性が高いです。
この問題を解決する方法は次のとおりです:
設定 > チャンネル > Messengerに移動します。
挨拶メッセージと紹介メッセージの両方の設定を確認してください。
これら2つの設定が同じメッセージ(「How can we help?」)を使用していないことを確認してください。
挨拶メッセージか紹介メッセージのどちらかをユニークなものに変更してください。
なぜNews itemをライブ配信にスケジュールするとオーディエンスが非常に大きくなるのですか?
なぜNews itemをライブ配信にスケジュールするとオーディエンスが非常に大きくなるのですか?
News itemのオーディエンスはNewsfeedsによって決まるため、News itemをライブ配信に設定すると、Newsfeedsに適用されたフィルターによってはすべての顧客に送信される可能性があります。特定の日付からNews itemの配信を開始するようスケジュールすると、オーディエンスの人数を示す確認メッセージが表示されます:
オーディエンスターゲティングはNewsfeedレベルで行われるため、このメッセージはユーザーの総数を表示し、News itemが複数のNewsfeedsを持ち、それぞれ異なるルールを持つ場合でもNewsfeedのターゲティングルールはチェックしません。
Fin AI AgentのIntercom Messengerで特別通知のトラブルシューティングをするには?
Fin AI AgentのIntercom Messengerで特別通知のトラブルシューティングをするには?
Fin AI Agentを使用する場合、特別通知を表示するためにFinのチームメイトのような動作を有効にする設定が必要です。
設定 > チャンネル > Messenger > 会話 > With Fin > Finの期待設定の選択に移動します。
Finを「チームメイトの期待に合わせる」に設定します。
上記の設定を「Users」と「Visitors」の両方に個別に適用してください。
Finをチームメイトのように動作させることで、顧客とのやり取りに特別通知が期待通りに表示されます。
アクセシビリティとパフォーマンス
Messengerは私のウェブサイトの読み込み時間に影響しますか?
Messengerは私のウェブサイトの読み込み時間に影響しますか?
Intercomがサイトにかける負荷は非常に少なく、ライブラリへの呼び出しは非同期で行われます。
これは、もしサーバーがダウンしてライブラリの読み込みが永遠に続いても、ページの他の要素の読み込みには影響しないことを意味します。
さらに、Messengerの読み込みに必要なデータ量を減らすために、ライブラリをできるだけ圧縮するためにミニファイしています。
私のウェブサイトでLive chatsがどのウェブページから開始されているかをどうやって調べますか?
私のウェブサイトでLive chatsがどのウェブページから開始されているかをどうやって調べますか?
デフォルトの概要レポートの「新規インバウンド会話のトップページ」セクションには、選択した日付範囲内で顧客が会話を開始した上位5ページと、それぞれのページから開始された会話数が表示されます。
Messengerのやり取りのレポートはどうやって見ますか?
Messengerのやり取りのレポートはどうやって見ますか?
現在、Messengerウィジェットとのやり取りに関するネイティブなレポートはありません。ただし、Google Analytics appを使用してこのデータを収集できます。
アプリを接続すると、訪問者が以下のような主要なIntercomイベントをGoogle Analyticsで確認できます:
これらのイベントはIntercom Messengerをインストールしているすべてのサイトで記録されます。
window.intercomSettingsとwindow.Intercom("boot", …)の違いは何ですか?
window.intercomSettingsとwindow.Intercom("boot", …)の違いは何ですか?
window.intercomSettingsは設定オブジェクトで、Intercomスクリプトによって自動的に読み取られます。
window.Intercom("boot", …) は明示的な制御が必要な場合に使用する関数呼び出しです(Secure Mode / JWTに必須)。
それぞれの方法はいつ使うべきですか?
簡単なインストールには window.intercomSettings を使用してください。
セキュアモードや高度な制御が必要な場合は window.Intercom("boot", …) を使用してください。
Messengerはアクセシブルですか?
Messengerはアクセシブルですか?
アクセシビリティとは、障害のある方や支援が必要な方が私たちの製品を使いやすいかどうかを指します。例としては:
スクリーンリーダー技術は、視覚障害者や低視力のusers向けにページの内容を音声で読み上げます。
キーボードナビゲーションは、マウスを使わずにウェブページやアプリを操作できるようにします。
良好な色のコントラストは、低視力や色覚異常のusersがページ上の項目をはっきり識別するのに役立ちます。
アクセシブルなコンテンツ作成(動画のキャプション、画像のaltテキスト、学習障害やディスレクシアなどのusersを考慮した内容)
Web Messengerは2026年1月に準拠評価を受けました。現在、主にWCAG 2.2 AA基準をサポートしていますが、一部は部分的サポートで、詳細はページ下部のVPATレポートをご覧ください👇。今後も改善を続けます。
Intercom web appとmobile SDKsはWCAG準拠の評価や認証を受けておらず、将来的に再検討する可能性があります。
Messengerのアクセシビリティの例:
キーボードナビゲーションの強化:
矢印キーによるナビゲーションがIntercomチャットウィンドウ内でKBおよびSRのusersにとってより直感的に動作するようになりました。
絵文字とGIFピッカーは四方向の矢印キー操作に対応しました。
ESCキーの動作が更新され、要素から退出する際に論理的なフォーカスが維持されます。
繰り返しのないコンテンツ領域から不要なスキップリンクを削除しました。
スキップリンクはキーボードナビゲーションでフォーカスされたときに明確に表示されます。
パンくずリストはナビゲーションランドマーク内に正しくラップされ、構造と文脈が改善されました。
スクリーンリーダーのアナウンス:
ページ全体に論理的な見出し階層が適用され、構造が改善されました。
見出しでない要素が見出しとして誤認識されなくなりました。
検索結果のステータスメッセージがSRのusersに正しくアナウンスされるようになりました。
「リアクション」と「言語コントロール」要素にアクセシブルな名前が追加されました。
非テキストコンテンツは正確な
alt属性を含むように更新されました。リアクションの切り替えとフォームコントロールには明示的に関連付けられたラベルがあります。
注意:カスタムカラーの組み合わせによっては、Messengerのアクセシビリティ性能が低下する可能性があります。Messengerの色はこの点を考慮して選択することを推奨します。




