セットアップ
シングルページアプリケーションでチャットバブルをクリックせずにメッセージを表示させるにはどうすればよいですか?
シングルページアプリケーションでチャットバブルをクリックせずにメッセージを表示させるにはどうすればよいですか?
通常、チャットメッセージは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ベータ機能は、会話内で重要な情報を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週間に新しいアプリ内会話に返信したteammatesのうち、直近の3人を表示します。条件を満たす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は、Settings > Workspace > Generalで制御できます。
「Intercom Attribution Message」セクションを探し、トグルでオンまたはオフに切り替えます。
注意:
この設定はAdvancedおよびExpertプランでのみ利用可能です。ワークスペース設定にこのオプションがない場合は、現在のプランでは利用できません。
この設定はMessenger、Outboundメール、Help CenterのIntercom Attribution Messageを同時に制御します。一方で有効にして他方で無効にすることはできません。
teammateをMessengerのチームプロフィールに表示させるには?
teammateをMessengerのチームプロフィールに表示させるには?
特定のteammateをチームプロフィールに表示させるのは簡単です。Messenger経由で会社にテストメッセージを送り、そのteammateが最初に返信するだけです。
注意:チームプロフィールに表示する3人のteammatesを選択したり、特定のチームに絞ることはできません。
Messengerでチームメンバーのアバターを非表示にするにはどうすればよいですか?
Messengerでチームメンバーのアバターを非表示にするにはどうすればよいですか?
Messengerのホームにチームメンバーのアバターが表示されないようにするには、設定 > チャンネル > Messenger > スタイル > Messengerホームに移動してください。そこでチームのアバターを表示または非表示にすることができます。
注意:この設定は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の位置を移動するには?
インストール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で会話を作成する埋め込みフォームを作成しています。これにはカスタムコードや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を「チームメイトの期待に合わせる」に設定してください。
上記の設定を「Users」と「Visitors」それぞれに個別に適用してください。
Finをチームメイトのように動作させることで、顧客とのやり取りに特別通知が期待通り表示されます。
アクセシビリティとパフォーマンス
Messengerはウェブサイトの読み込み時間に影響しますか?
Messengerはウェブサイトの読み込み時間に影響しますか?
Intercomがサイトにかける負荷は非常に小さく、ライブラリへの呼び出しは非同期で行われます。
つまり、サーバーがダウンしてライブラリの読み込みが永遠に続いても、ページの他の要素の読み込みには影響しません。
さらに、Messengerの読み込みに必要なデータ量を減らすために、ライブラリは可能な限り圧縮(ミニファイ)されています。
ウェブサイトのどのページからライブチャットが開始されているかを調べるには?
ウェブサイトのどのページからライブチャットが開始されているかを調べるには?
Intercomはウェブページの値をSource URL属性に保存します。ライブチャットがどのページから開始されているかを確認するには、カスタムレポートを作成してください。
レポートに移動して新しいカスタムチャートを作成します。
メトリクス新しい会話 > 開始された会話を選択します。
カスタマイズするには編集をクリックしてください。
左上で、チャートの種類を棒グラフまたは表に変更します(この用途では表の方が読みやすいことが多いです)。
右側で、表示方法の設定をSource URLに変更します。
保存をクリックしてください。
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はアクセシブルですか?
アクセシビリティとは、障害のある方や支援が必要な方が当社の製品を使いやすいかどうかを指します。例としては:
スクリーンリーダー技術は、視覚障害者や低視力者のためにページの内容を音声で読み上げます。
キーボードナビゲーションは、マウスを使わずにウェブページやアプリを操作できるようにします。
良好な色のコントラストは、低視力者や色覚異常者がページ上の項目をはっきり識別するのに役立ちます。
アクセシブルなコンテンツ作成(動画の字幕、画像のaltテキスト、学習障害やディスレクシアのあるユーザーへの配慮など)。
Web Messengerは2026年1月に準拠評価を受けました。現在、主にWCAG 2.2 AA基準をサポートしていますが、一部は部分的にサポートされており、詳細はページ下部のVPATレポートをご覧ください👇。今後も改善を続けます。
Intercom web appとmobile SDKsはWCAG準拠の評価や認証を受けておらず、今後再検討する可能性があります。
当社のMessengerがアクセシブルである例:
キーボードナビゲーションの改善:
矢印キーによるナビゲーションが、KBおよびSRユーザー向けにIntercomチャットウィンドウ内でより直感的に動作するようになりました。
絵文字とGIFピッカーは、四方向の矢印キー操作に対応しました。
ESCキーの動作が更新され、要素から退出する際に論理的なフォーカスが維持されます。
繰り返しのないコンテンツ領域から不要なスキップリンクを削除しました。
スキップリンクはキーボードナビゲーションでフォーカスされたときに明確に表示されます。
パンくずリストは、より良い構造と文脈のためにナビゲーションランドマーク内に正しくラップされるようになりました。
スクリーンリーダーのアナウンス:
ページ全体に論理的な見出し階層が適用され、構造が改善されました。
見出しでない要素が見出しとして誤認識されなくなりました。
検索結果のステータスメッセージがSRユーザーに適切にアナウンスされるようになりました。
「リアクション」と「言語コントロール」要素にアクセシブルな名前が追加されました。
非テキストコンテンツに正確な
alt属性が追加されました。リアクションの切り替えやフォームコントロールに明示的に関連付けられたラベルが追加されました。
注意:カスタムカラーの組み合わせによっては、Messengerのアクセシビリティ性能が低下する可能性があります。Messengerの色はこの点を考慮して選択することをお勧めします。





