MULTI-CHANNEL

お客さんが
いる場所いる場所、そこに私たちもいます。

Webウィジェット、Telegramボット、iOS/Androidネイティブ SDK、REST API、Webhook。5つのチャネル、1つの受信箱、1つのAI。

必要なものだけオンにする。準備ができたら追加すればいい。

入口は5つ、会話は1つに会話は1つに。

どのチャネルも同じ受信箱、同じAI、同じナレッジベースを共有します。ユーザーが実際にいる場所だけオンにすればOKです。

Web Widget

JavaScript2行だけ。React、WordPress、生のHTMLページ、どんなサイトでも動きます。

仕組み

  1. 1設定 → チャネル → Web からサイト用の埋め込みコードをコピーします。
  2. 2</body>の直前に貼り付けます。たった2行です。
  3. 3更新すると、右下にチャットバブルが表示されます。
  4. 4ユーザー情報を渡せば、AIが誰と話しているか把握できます(任意)。
向いている用途: SaaSアプリ、ECサイト、マーケティングサイト——ユーザーがすでにいるページならどこでも。
HTML
<script>
  window.LaneChat = { site_id: "sc_8a2f...1b" };
</script>
<script async src="https://lane.chat/w.js"></script>
ユーザー情報つき(任意)
window.LaneChat = {
  site_id: "sc_8a2f...1b",
  user: { id: "u_123", name: "Alex", email: "[email protected]" },
  locale: "ja"
};

Telegram一等市民

Telegramの両面に対応——顧客向けボットと、すでに運用しているコミュニティ向けのグループミラー。

仕組み

  1. 1@BotFatherでボットトークンを取得します。
  2. 2設定 → チャネル → Telegram に貼り付けます。
  3. 3ユーザーがボットにDMを送るか、グループに追加すればスレッドを受信箱にミラーします。
  4. 4Lane.Chatのウェブアプリから返信すれば、ユーザーにはTelegram上で届きます。
向いている用途: Telegramがすでにホームになっている暗号資産、ゲーム、クリエイターコミュニティ向け——チーム向けのグループミラーにも対応。
セットアップ
BotFather → /newbot
→ LaneChat_Demo_Bot
→ 7123456789:AAH...z8

トークンを貼り付ける場所
設定 → チャネル → Telegram
バックエンドから送信
POST /api/v1/telegram/send
{
  "chat_id": 6012345678,
  "text": "ご注文の商品が発送されました。"
}

iOS / Android SDK

プッシュ通知、オフラインキュー、アプリと同じ見た目を持つiOS/Androidネイティブ SDK。

仕組み

  1. 1SPMまたはGradleでLaneChatKitを追加します。
  2. 2起動時にアプリIDとユーザー情報を添えてconfigure()を呼び出します。
  3. 3チャットをどこにでも表示——全画面、モーダル、埋め込み、どれでも。
  4. 4APNs/FCMトークンを登録して、アプリを閉じていても返信をプッシュ通知できるようにします。
  5. 5添付ファイル、音声メッセージ、既読をネイティブに送信します。
向いている用途: 隠しWebビューじゃなく、本物のアプリ内ヘルプ体験を用意したいモバイルアプリに。
Swift
import LaneChatKit

LaneChat.configure(
  appId: "app_1f9c...",
  user: .init(id: "u_123", name: "Alex")
)

// 「ヘルプ」ボタンからこれを呼び出す
LaneChat.present(from: self)
Kotlin
LaneChat.configure(
  context = applicationContext,
  appId = "app_1f9c...",
  user = User("u_123", "Alex")
)

LaneChat.present(activity)

REST API

まだ専用チャネルを用意していないもの向けの、シンプルなREST API。

仕組み

  1. 1設定 → 開発者 でAPIキーを発行します。
  2. 2SDK(Node、Python、Go)を導入するか、REST エンドポイントを直接叩きます。
  3. 3メッセージを送信し、AIの返信をSSEでストリーミングします。
  4. 4ツール呼び出し、引き継ぎ、トークン使用量をダッシュボードで記録します。
向いている用途: バックオフィスのボット、音声エージェント、UIなしでプログラムからアクセスしたい場面全般に。
curl
curl https://api.lane.chat/v1/messages \
  -H "Authorization: Bearer lc_live_..." \
  -H "Content-Type: application/json" \
  -d '{
    "conversation_id": "cv_8a2f",
    "role": "user",
    "content": "注文はどこですか?",
    "stream": true
  }'
Node SDK
import LaneChat from 'lane-chat';

const lane = new LaneChat({ apiKey: process.env.LANE_KEY });

const reply = await lane.messages.create({
  conversation_id: 'cv_8a2f',
  content: 'What\'s my order status?'
});

Webhook

何かが起きた瞬間にあなたのエンドポイントを叩きます。自前のシステムに流し込むのに最適です。

仕組み

  1. 1設定 → 開発者 → Webhooks でエンドポイントURLを追加します。
  2. 2イベント(message.created、conversation.closed、handoverなど)をJSONとしてPOSTします。
  3. 3Webhookシークレットを使ってX-Lane-Signatureヘッダーを検証します。
  4. 410秒以内に2xxを返してください。返さない場合はバックオフしながらリトライします。
向いている用途: 会話をCRM、分析基盤、社内Slackチャンネルに流し込む用途に。
私たちがPOSTする内容
POST https://your-app.com/webhooks/lane
X-Lane-Signature: t=1713340800,v1=3f7d...

{
  "event": "message.created",
  "conversation_id": "cv_8a2f",
  "channel": "telegram",
  "message": {
    "role": "user",
    "content": "すみません、決済が通りませんでした。",
    "created_at": 1713340800
  }
}
署名を検証する
import crypto from "node:crypto";

const sig = req.headers["x-lane-signature"];
const [, ts, v1] = sig.match(/t=(\d+),v1=(\w+)/);
const mac = crypto.createHmac("sha256", SECRET)
  .update(`${ts}.${rawBody}`).digest("hex");

if (mac !== v1) return res.status(401).end();

あなたのユースケースに合うチャネルはどれか?

どれから始めるか迷ったら?各チャネルが何に強いか、正直にまとめました。

機能 Web Telegram App API Webhook
双方向テキスト 受信のみ
画像・ファイル・音声 URLプッシュ
リッチカード & ボタン 生のJSON
プッシュ通知 タブが開いている間のみ APNs/FCM
配信 / キャンペーン バッチAPI
AI → 有人への引き継ぎ イベントコールバック
セットアップ時間 5分 2分 半日 1時間 10分
コスト 無料 無料 無料 従量制 無料

チャネルを1つ選ぶ。
あるいは全部つなげてしまう

無料プラン、クレジットカード不要。5分もあれば最初のチャネルを追加できます。

無料で始める 料金を見る