セットアップ
シングルページアプリケーションでチャットバブルをクリックせずにメッセージを表示させるにはどうすればよいですか?
シングルページアプリケーションでチャットバブルをクリックせずにメッセージを表示させるにはどうすればよいですか?
通常、チャットメッセージは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をカスタマイズすることができます(そしてすべきです)。Messenger設定でアクセントカラー、背景色、背景テクスチャなどを追加できます。
Messengerをカスタマイズする方法は他にもたくさんあります。例えば、以下のことができます:
各usersを名前で個別に挨拶する。
チーム紹介を書いて、お客様にチームのメンバーとサポート内容を伝える。
期待される応答時間を設定して、お客様に通常の返信時間を知らせる。
Messengerの言語をローカライズする。
Messengerホーム画面にMessengerアプリを追加する。
Messengerの開き方を決める。
詳細な手順とベストプラクティスについては、カスタマイズガイドをご覧ください。
誰がMessenger設定を編集できますか?
誰がMessenger設定を編集できますか?
次世代MessengerにオプトインしたりMessenger設定を変更するには、「Can manage Messenger settings」権限が必要です。この権限はFull seatのteammatesのみが持ち、Lite seatのteammatesは招待方法に関わらずMessenger設定を管理できません。
ヒント:開発者がインストール詳細にアクセスする必要があるがFull seatを持っていない場合は、該当権限を持つteammateがMessengerインストール設定ページから直接詳細を共有できます。
Intercomの「special notice」機能とは何ですか?ハイパーリンクはサポートしていますか?
Intercomの「special notice」機能とは何ですか?ハイパーリンクはサポートしていますか?
Intercomのspecial noticeベータ機能は、conversations内で重要な情報をusersに表示する機能です。現時点ではハイパーリンクはサポートしていません。
Messengerのspacesの順序を変更できますか?
Messengerのspacesの順序を変更できますか?
はい、Messenger設定 > Widget > Contentのドラッグ&ドロップでspacesの表示順を変更できます。Home Spaceは常に上部にありますが、Messengerから削除したい場合はオフにできます。詳細はこちら。
teammatesはMessengerのチームプロフィールにどのように表示されますか?
teammatesはMessengerのチームプロフィールにどのように表示されますか?
お客様がMessengerを開いて「Start conversation」をクリックすると、チームプロフィールが表示されます。ここでは、直近で会話に返信したteammateまたはteammatesを表示します:
teammatesを表示する基準は以下の通りです:
teammatesが1週間以内に返信した場合
過去1週間に新しいin-app conversationに最も最近返信した3人のteammatesを表示します。条件を満たすteammateが1人だけの場合は1人のみ、2人の場合は2人のみ表示します。
1週間以上返信がない場合
過去1週間に会話に返信したteammateがいない場合は、過去1ヶ月に新しいuser conversationに最も最近返信した1人のteammateを表示します。
1ヶ月以上返信がない場合
過去1ヶ月に会話に返信したteammateがいない場合は、会話活動に関係なくアプリで最も最近アクティブだったteammateを表示します。
チームプロフィールが空になることはありません。必ず最低1人のteammateを表示します。各teammateがプロフィールに親しみやすい写真を追加するようにしてください。写真がない場合はイニシャルを使用します。
Messengerの下部にある「Powered by Fin」リンクを削除するには?
Messengerの下部にある「Powered by Fin」リンクを削除するには?
Messengerの下部にあるIntercom Attribution Messageは、Settings > Workspace > Generalで管理できます。
「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週間以内に会話に返信している必要があります。
注意:会話がチームinbox(「未割り当て」を含む)に割り当てられると、そのinboxで最後に返信した3人のチームメイトが表示されます。
Messengerの位置を自分の製品やサイト上で移動できますか?
Messengerの位置を自分の製品やサイト上で移動できますか?
はい、Messengerの位置は製品やサイトに合わせて移動できます。以下で設定可能です:
Messenger設定を使ってMessengerの位置を移動するには?
Messenger設定を使ってMessengerの位置を移動するには?
Messengerをインストールすると、デフォルトで製品やサイトの右下隅に表示されます。
WebでMessengerの位置を移動するには、設定 > チャンネル > Messenger > ウィジェット > 外観 > ランチャーの位置に移動してください。
ここで、位置を左下に変更し、その周囲のパディングを調整できます:
注意:Messengerの位置はコンピューターやタブレットのMessenger設定で移動できます。モバイルWebでは引き続き右下に表示されます。
コードやプログラムでMessengerの位置を移動するには?
コードやプログラムでMessengerの位置を移動するには?
Messengerの位置や間隔は、インストールJavaScriptコードを変更して移動できます。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はウェブサイトでフルスクリーンモードで表示できません。チャットオプションは会話を開始するために設計されており、画面の隅に表示されます。ユーザーにお知らせや更新を共有したい場合は、Intercomの「Post」メッセージタイプがフルスクリーンにできますが、これはチャットインターフェースではありません。
IntercomはフルスクリーンMessengerをサポートしていませんが、一部の顧客はMessengerと連携するランディングページを作成したり、会話を作成する埋め込みフォームを設置したりしています。これにはカスタムコードやIntercomのREST APIを使ったチャット機能のフルページ統合が必要です。
Messengerでユーザーがボタンをクリックし、そのボタンにURLへ送るリンクを追加できますか?
Messengerでユーザーがボタンをクリックし、そのボタンにURLへ送るリンクを追加できますか?
この目的を達成するには、Messengerに「External links」アプリを追加できます。設定 > チャンネル > Messenger > ウィジェット > コンテンツ > アプリでホームをカスタマイズに移動して、Messengerに最大10個のExternal linksを追加できます。また、特定のusersだけがこれらのリンクを見られるように、外部リンクにオーディエンスターゲティングを追加することも可能です。
Messengerにカレンダーリンクを追加して、顧客がチームとの予約をできるようにできますか?
Messengerにカレンダーリンクを追加して、顧客がチームとの予約をできるようにできますか?
Messengerにはネイティブのカレンダー統合はありませんが、表示したい場所に応じて予約リンクを表示するいくつかの方法があります。
統合: Messengerで動作するCalendlyまたはChili Piperの統合を使用してください。
Messengerホーム(静的リンク): External Linksアプリを使って、カレンダーリンクを含む最大10個の静的リンクをMessengerホームに追加できます。設定 > チャンネル > Messenger > ウィジェット > コンテンツ > アプリでホームをカスタマイズに移動してExternal Linksアプリを追加してください。これらは静的URLでなければならず、動的または個別化されたカレンダーリンク(例:顧客の名前を事前入力するリンク)はサポートされていません。
チームメイトプロフィール: チームメイトは自分のIntercomプロフィールに個人用カレンダーリンクを追加でき、顧客はMessengerでチームメイトの詳細を見るときにこれを確認できます。
バナー: 「URLを開く」または「ボタン経由でURLを開く」アクションを持つバナーメッセージは、カレンダーページに直接リンクできます。
注意: ワークフローの返信ボタンにURLリンクを追加することはできません。返信ボタンは外部URLを開くためではなく、ボットの次のステップに顧客を誘導するためのものです。
Messengerで会話を自動的に開始するトリガーを設定できますか?
Messengerで会話を自動的に開始するトリガーを設定できますか?
はい、次の場合にWorkflowsを使ってMessengerで会話をトリガーできます。
また、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レベルで行われるため、このメッセージはユーザー数の合計を表示し、Newsfeedのターゲティングルールはチェックしません。News itemは複数のNewsfeedsを持ち、それぞれ異なるルールを持つことがあります。
Fin AI Agent用のIntercom Messengerの特別通知のトラブルシューティング方法は?
Fin AI Agent用のIntercom Messengerの特別通知のトラブルシューティング方法は?
Fin AI Agentを使用する場合、特別通知を表示するためにFinにチームメイトのような動作を有効にする設定が必要です。
設定 > チャンネル > Messenger > 会話 > With Fin > Finが期待を設定する方法を選択してください。
Finを「Match teammate expectations」に設定してください。
上記の設定が「Users」と「Visitors」の両方に個別に適用されていることを確認してください。
Finをチームメイトのように動作させることで、顧客とのやり取りに特別通知が期待通りに表示されます。
アクセシビリティとパフォーマンス
Messengerは私のウェブサイトの読み込み時間に影響しますか?
Messengerは私のウェブサイトの読み込み時間に影響しますか?
Intercomがサイトにかける負荷は非常に小さく、ライブラリへの呼び出しは非同期で行われます。
つまり、サーバーがダウンしてライブラリの読み込みが永遠に続いても、ページの他の要素の読み込みには影響しません。
さらに、Messengerの読み込みに必要なデータ量を減らすために、ライブラリはできるだけ圧縮されています。
私のウェブサイトでライブチャットが開始されているウェブページをどうやって調べますか?
私のウェブサイトでライブチャットが開始されているウェブページをどうやって調べますか?
デフォルトの概要レポートの「新規インバウンド会話のトップページ」セクションには、選択した期間内に顧客が会話を開始した上位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のアクセシビリティの例:
キーボードナビゲーションの強化:
矢印キーのナビゲーションは、KBおよびSRのusersにとってIntercomチャットウィンドウ内でより直感的に動作します。
絵文字とGIFピッカーは、四方向の矢印キー操作をサポートしています。
ESCキーの動作が更新され、要素から退出する際に論理的なフォーカスを維持します。
繰り返しのないコンテンツ領域から不要なスキップリンクを削除しました。
スキップリンクは、キーボードナビゲーションでフォーカスされたときに明確に表示されます。
パンくずリストは、より良い構造と文脈のためにナビゲーションランドマークに正しくラップされています。
スクリーンリーダーのアナウンス:
ページ全体に論理的な見出し階層が適用され、構造が改善されました。
見出しでない要素が見出しとして誤認識されなくなりました。
検索結果のステータスメッセージがSRのusersに正しくアナウンスされます。
「リアクション」と「言語コントロール」要素にアクセシブルな名前が含まれるようになりました。
非テキストコンテンツは正確な
alt属性を含むように更新されました。リアクションの切り替えとフォームコントロールには明示的に関連付けられたラベルがあります。
注意:Messengerの色の組み合わせによっては、アクセシビリティの観点からパフォーマンスが低下する可能性があります。Messengerの色はこの点を考慮して選択することをお勧めします。





