Intercom React Native SDK 開発者ガイド

React Nativeでモバイルアプリを開発しているなら、カスタマーサポートが後回しにできない課題であることはご存知でしょう。ユーザーはアプリ内ですぐにサポートを受けられることを期待しており、多くの開発者にとってIntercomは頼りになるツールです。そこで登場するのが、Intercomのチャットメッセンジャーをアプリに搭載するための公式ツールキット、Intercom React Native SDKです。

しかし、正直なところ、ネイティブSDKをReact Nativeとスムーズに連携させるのは、必ずしも簡単なことではありません。セットアップやメンテナンス、そして（特にAIに関しては）少し厄介になりがちな料金モデルとの間で、何に手を出しているのかを知っておく価値はあります。このガイドは、開発者から開発者への視点でIntercom SDKを解説するものです。その長所や短所、そしてよくある頭痛の種なしに強力なAIパワーを追加する方法について見ていきましょう。

Intercom React Native SDKとは？

では、これは一体何なのでしょうか？Intercom React Native SDKは、あなたのJavaScriptコードとIntercomのネイティブiOS/Androidコンポーネントとの間の仲介役だと考えてください。両プラットフォーム用に別々のネイティブコードを書く代わりに、このSDKが提供する単一のJavaScript APIですべてを制御できます。

その主な役割は、私たちがおなじみのチャットバブルであるIntercomメッセンジャーをアプリに導入することです。これにより、ユーザーはアプリを離れることなく、サポートチームとチャットしたり、ヘルプ記事を読んだり、ボットとやり取りしたりできます。

メッセンジャーを表示するだけでなく、SDKでは以下のことも可能です。

• ユーザーとアクションの追跡: Intercomに誰がログインしているかを伝え、アプリ内でのユーザーの行動に関するカスタムデータを送信できます。これは、パーソナライズされた有益なサポートを提供する上で重要です。

• アプリ内メッセージとプッシュ通知の送信: ユーザーの行動に基づいてエンゲージメントを高める素晴らしい方法です。

• ヘルプセンターの表示: ナレッジベースの記事をアプリのメッセンジャー内に直接表示することで、ユーザーが自己解決できるよう支援します。

Intercomをモバイルアプリの自然な一部のように感じさせるために必要なツールキットなのです。

Intercom React Native SDKの主な機能

このSDKには多くの機能が詰まっており、最初のネイティブ設定を乗り越えれば、React NativeコードからJavaScript APIを使用するのは非常に簡単です。

コアメッセージングとメッセンジャーUI

これがSDKの最も基本的な機能です。チャットメッセンジャーを制御するためのいくつかの簡単なコマンドが用意されています。

• Intercom.present(): メッセンジャーをホーム画面で開きます。

• Intercom.presentMessageComposer("..."): メッセージがすでに入力された状態で新しいチャットを開きます。これにより、ユーザーが助けを求める手間を軽減できます。

• Intercom.presentSpace(): メッセンジャーを「メッセージ」や「ヘルプセンター」などの特定のセクションに直接開くことができます。

ユーザーとイベントの追跡

良いサポートを提供するには、誰と話しているのかを知る必要があります。SDKを使えば、ログインしているユーザーを登録したり、匿名のゲストを追跡したりできます。

• Intercom.loginUserWithUserAttributes({ userId: '...', email: '...' }): これでIntercomにユーザーがログインしたことを伝えます。名前やサブスクリプションプランなどのカスタム情報も渡すことができます。

• Intercom.logEvent('event-name', { meta: 'data' }): アプリ内でのユーザーの行動を追跡できます。これらのイベントを使って、自動メッセージをトリガーすることができます。

ヘルプセンターの統合

セルフサービスサポートは、大幅な時間節約になります。SDKを使えば、ナレッジベース全体、特定の記事コレクション、あるいは単一の記事をアプリ内に表示できます。これにより、ユーザーが自分で答えを見つけられるようになり、サポートチームが何度も同じ質問に答える回数を減らすことができます。

ネイティブモバイル機能

SDKは、setLauncherVisibility()でチャットバブルを表示・非表示にしたり、setBottomPadding()で位置を調整したりするなど、モバイル固有の詳細を制御する機能も提供します。最も重要なのは、プッシュ通知を設定・管理するツールを提供し、ユーザーが新しいメッセージを受け取ったときに通知できるようにすることです。

Fin AIエージェントによる組み込みAI

IntercomにはFinという独自のAIエージェントがあり、モバイルメッセンジャーで使用できます。Finは、Intercomの記事を使ってユーザーの質問に答えようとします。これは組み込み機能ですが、Intercomの世界の中でしか機能せず、少し話しておくべきユニークな料金モデルがあります。

Intercom React Native SDKの料金体系の内訳

さて、お金の話をしましょう。Intercomの料金体系は少し迷路のようになっていることがあるので、何にサインアップするのかを知っておくことが重要です。コストは主に2つの要素に集約されます。サポートチームのエージェント数と、AIを使用する場合は、AIが回答した質問の数です。

Intercomには主に3つのプランがあり、年払いか月払いかでエージェントあたりの料金が変わります。

プラン	年払い（1シート/月あたり）	主な機能
Essential	$29	共有受信箱、チケット管理、公開ヘルプセンター
Advanced	$85	Essentialの全機能 + ワークフロー、複数受信箱
Expert	$132	Advancedの全機能 + SLA、複数ブランド対応

しかし、シート料金はほんの始まりに過ぎません。本当のワイルドカードは、IntercomのAIエージェントであるFinで、問題を解決するたびに$0.99がかかります。Intercomはこれを「解決（resolution）」と呼んでいます。

理論上は、この従量課金モデルは魅力的に聞こえるかもしれません。しかし現実には、請求額が月ごとに大きく変動する可能性があることを意味します。新機能のリリースやマーケティングキャンペーンによってユーザーからの質問が急増すれば、Intercomの請求額もそれに伴って跳ね上がります。これにより、予算編成が推測ゲームになり、ユーザーベースの成長がほとんどペナルティのように感じられることさえあります。

さらに、他のAI機能には追加料金がかかります。例えば、人間のエージェントを助けるAIアシスタントである**Copilot**は、エージェント1人あたり月額$29の追加料金がかかるアドオンです。

このような料金モデルは、予測可能な経費を必要とするチームにとっては共通の悩みの種です。将来のサポート量を非常にうまく予測するか、よりシンプルな定額料金のAIソリューションを探す必要があります。

Intercom React Native SDK統合の課題と限界

SDKは便利ですが、常に順風満帆というわけではありません。React Nativeの世界に少しでも関わったことがあるなら、ネイティブコードとの橋渡しが厄介な問題を引き起こす可能性があることをご存知でしょう。

複雑なセットアップとメンテナンス

セットアッププロセス自体は、単にnpm installを実行するだけでは終わりません。公式ドキュメントでは、iOSのAppDelegateのようなネイティブファイルを掘り下げたり、AndroidのGradleスクリプトやManifestファイルをいじったりする必要があります。主にJavaScript開発者である場合、これは非常に面倒な作業に感じられるかもしれません。

GitHubのissueやコミュニティフォーラムをざっと見ると、いくつかの共通の苦労が浮かび上がります。

• 依存関係の競合: Intercom SDKは、時々他のライブラリ（Sentryなど）の独自バージョンをバンドルしています。もしあなたのアプリがすでに異なるバージョンを使用している場合、イライラするビルド失敗に終わることがあります。

• Expoの悩み: Expoを使用している場合、カスタム開発クライアントを使用し、設定プラグインをいじる必要が出てくるでしょう。これにより、標準のReact Nativeプロジェクトに比べていくつかの手順が追加されます。

• アップデートの連続: React Nativeがメジャーアップデートされたり、新しいAndroidバージョンが新しいパーミッションルールと共にリリースされたりするたびに、ネイティブ設定を再調整する必要があるかもしれません。これにより、メンテナンスが定期的なタスクになります。

より賢い代替案：専用AIレイヤーでIntercom React Native SDKを強化する

ここからが面白いところです。Intercom SDKをその得意分野であるチャットUIの表示に使いつつ、裏側でより強力で柔軟なAIの頭脳を接続することができます。それこそがeesel AIのようなツールが目指すところです。

このアプローチがはるかにうまく機能する理由は次のとおりです。

• 午後には稼働開始: eesel AIは、ワンクリックであなたのIntercomアカウントに接続できます。AI部分に関しては、インストールするSDKも触るネイティブコードもありません。エンジニアリング作業なしで、すべての自動化を手に入れることができます。

• あらゆるものから学習: IntercomのFin AIは、主にIntercomヘルプセンターの記事に縛られています。eesel AIは、Googleドキュメント、Confluence、Notion、さらには過去のIntercomでの会話など、あなたの知識が実際に存在するすべての場所に接続し、はるかに正確な回答を提供します。

このインフォグラフィックは、eesel AIがIntercom React Native SDKと共に使用される際に、複数のナレッジソースから情報を引き出す様子を示しています。

• 本番前にテスト: AIにユーザーと対話させるのが不安ですか？eesel AIには、過去の何千ものサポートチケットでテストできるシミュレーションモードがあります。実際に有効にする前に、AIがどのように機能したか、解決率がどうだったかを正確に確認できます。

Intercom React Native SDKと共にAIの応答をテストするための強力なツールであるeesel AIシミュレーションダッシュボードの様子。

• 予測可能で定額の料金: eesel AIでは、解決ごとの料金なしで、わかりやすい月額プランを利用できます。請求額は毎月同じなので、予期せぬ請求書を心配することなくサポートを拡大できます。

複雑なIntercom React Native SDKのAI料金に代わる明確な選択肢を提供するeesel AIの公開料金ページ。

簡単な比較表はこちらです。

機能	Intercom Fin AIエージェント	eesel AI + Intercom
セットアップ	SDKのインストールとネイティブコードの変更が必要	1クリック統合、AIにコードは不要
ナレッジソース	Intercomヘルプセンターに限定	すべてのソース（Docs、Notion、過去のチケットなど）
リリース前テスト	限定的	過去のチケットに対する強力なシミュレーション
料金モデル	AI解決ごとに$0.99 + シートコスト	定額月額料金、解決ごとの課金なし
カスタマイズ	基本的なワークフロー	完全なプロンプト制御とカスタムAPIアクション

Intercom SDKにUIを任せ、その上にeesel AIをインテリジェンスレイヤーとして重ねることで、欠点のないはるかに優れたセットアップが実現します。

Intercom React Native SDK：自作、購入、それとも統合？

さて、結論はどうでしょうか？アプリに伝統的なIntercomメッセンジャーを組み込みたいのであれば、Intercom React Native SDKはほぼ必須と言えるでしょう。UIと基本的なチャット機能は完璧にこなします。

しかし、「賢さ」の面では、Intercomの組み込みAIに頼ると、多くのチームが避けたい複雑さとコストの層が加わります。セットアップの手間、継続的なネイティブメンテナンス、予測不可能な料金体系は、現実的な欠点です。強力で、柔軟で、手頃な価格のAIソリューションを求めるチームにとって、Intercomの上にeesel AIのような専用プラットフォームを重ねることは、はるかに良い選択肢です。既存のセットアップを、実際に自律的に稼働できるサポートエンジンに変えることができます。

強力なAIをIntercom React Native SDKメッセンジャーに数分で追加

SDKの設定や予期せぬAIの請求書にうんざりしていませんか？eesel AIを使えば、面倒な作業なしで、既存のIntercomセットアップに強力なAIエージェントを直接接続できます。

散在するすべての知識でAIをトレーニングし、顧客と話す前にそのパフォーマンスを確認し、恐れることなくスケールできる定額の月額料金をお楽しみください。最前線のサポートを自動化することで、どれだけの時間と費用を節約できるかをご覧ください。

**eesel AIの無料トライアルを開始するか、デモを予約**して、実際の動作をご確認ください。