--- title: "Telegramとウェブサイトのチャット｜Conciergeドキュメント | Chargezen" description: "ウェブサイト、ヘルプデスク、チェックアウトのチャットにConciergeのエージェントを置き、Telegramボットを接続します。それぞれの管理画面での正確な手順を説明します。" url: "https://chargezen.com/ja/docs/concierge/channels/telegram-and-web-chat" lang: "ja" updated: "2026-10-19" --- Canonical URL: https://chargezen.com/ja/docs/concierge/channels/telegram-and-web-chat # Telegramとウェブサイトのチャット ウェブサイト、ヘルプデスク、チェックアウトのチャットにConciergeのエージェントを置き、Telegramボットを接続します。それぞれの管理画面での正確な手順を説明します。 最終更新日：2026-10-19 お客様の質問のほとんどは、お客様がすでにいる場所、つまりウェブサイト、チェックアウト、チャットアプリで生まれます。このガイドでは、**Concierge > Deploy > Channels**のうち、電話、SMS、WhatsApp、メール、Slack以外のチャットのチャネルを説明します。**Web**（ストアフロントのチャットとヘルプデスク）、**Shopify Checkout**、**Telegram**です。 どれを使っても、エージェントの働き方は同じです。ほかのすべてのチャネルと同じ指示、ツール、承認、お客様の記憶で働き、すべての会話は**Operate > Inbox**に届きます。 ## ウェブサイトのチャット **Web**カードで**Configure launcher**をクリックします。ストアフロントの4つの表示形式から選べます。 * **Squircle Launcher**：すべてのページでチャット、ヘルプ、注文の追跡。 * **Floating Launcher**：商品ページとカートページ向けの小さなチャットボタン。 * **Help Desk**：注文や質問のためのセルフサービスのヘルプページ。 * **QR experience**：パッケージやレシートに載せる、Conciergeを開く計測可能なQRコード。 1 #### ランチャーのデザインを整える **Customize Squircle**または**Customize Floating**をクリックします。テンプレートとテーマを選び、色と文言を設定して、リアルタイムのプレビューで確認します。**Customize Help Desk**と**Configure QR code**のボタンでは、それぞれの表示形式が開きます。 2 #### テーマでオンにする Shopifyのテーマエディターで**App embeds**を開き、**Concierge Widget**をオンにして、**Launcher style**として**Squircle**または**Floating**を選び、テーマを保存します。貼り付けるコードはありません。 3 #### エージェントを割り当てる **Deploy > Agents**に移動し、Customer Agentの**Configure**をクリックして、**Channels and replies**で**Web**にチェックを入れ、返信スタイルと長さを設定して、**Save Agent**をクリックします。その後、Webカードに**Ready**と表示されます。 ### 購入者がエージェントと話せるようにする エージェントの**Configure Agent**ページの**Website voice**を使うと、購入者がウェブサイトのチャットでエージェントと話せます。**Enable voice on the website**をオンにし、音声が始まったときに一度だけ話される**Opening line for shoppers**を書きます。誰が音声を始められるかは、ランチャーの設定で選びます。音声の処理は、Conciergeのクレジットから、提供会社の実費で、上乗せなしで支払われます（[クレジットと使用量](https://chargezen.com/ja/docs/concierge/credits-and-usage)を参照）。通話を録音する場合、案内は[通話録音のポリシー](https://chargezen.com/ja/docs/concierge/phone/call-recording-policy)の設定が使われます。 ## Shopifyのチェックアウトでのチャット チェックアウトで質問がある購入者は、チェックアウトを離れずに助けを得られます。**Shopify Checkout**カードで**Configure checkout chat**をクリックしてチェックアウトのチャットを設定し、**Channels and replies**で**Checkout**チャネルをCustomer Agentに割り当てます。 ## Telegram 自社のTelegramボットを接続すると、指定したTelegramのチャットにエージェントが応答します。1つの接続が1つのTelegramのチャット（グループ、チャンネル、ボットとの個別チャット）に対応します。チャットを増やすには接続を追加します。 1 #### Telegramでボットを作成する Telegramで**@BotFather**にメッセージを送り、`/newbot`を送信して案内に従います。BotFatherからボットのユーザー名と**bot token**が渡されます。トークンは非公開にしてください。トークンを持っている人は誰でもボットを操作できます。 2 #### チャットIDを調べる ボットに応答させるグループやチャンネルにボットを追加するか、ボットとの個別チャットを始めます。そのチャットのIDを控えておきます（グループとチャンネルのIDは、通常マイナス記号で始まります）。 3 #### 接続を追加する Chargezenで**Deploy > Channels**に移動し、Telegramカードで**Configure Telegram**をクリックします。**Connect new Telegram channel**をクリックし、**Connection name**、**Telegram chat or channel ID**、**Telegram chat name**、**Bot username**、**Telegram bot token**を入力します。**Save connection**をクリックします。 4 #### ボットの送信先をChargezenにする 保存すると、ページに**Webhook URL**と**Webhook token**が表示されます。そのURLを、ボットのWebhookとしてTelegramに登録します（Bot APIの`setWebhook`メソッド）。その際、Webhookトークンを`secret_token`として使います。Chargezenは、このトークンを含まない更新をすべて拒否します。トークンは接続を最初に保存した直後にしか表示されないので、そのときにコピーしてください。 5 #### エージェントを割り当てる **Open Agents**をクリックし、応答させるエージェントを設定して、**Channels and replies**でTelegramの接続にチェックを入れ、**Save Agent**をクリックします。 6 #### ステータスを確認する **Verify Channel**で、**Inbound webhook**と**Outbound send**の両方が**Ready**になっていることを確認します。その後、チャットでメッセージを送ってテストします。エージェントの返信は同じチャットに届きます。 個人情報は守られます Telegramのユーザーに注文やアカウントの詳細を伝える前に、エージェントはメールに送ったログインコードの確認を求めます。これにより、Telegramのアカウントが顧客情報にひも付けられます。 ## トラブルシューティングとよくある質問 ### ストアにランチャーが表示されない 公開しているテーマで**Concierge Widget**のアプリ埋め込みがオンになっていて、カスタマイズしたランチャーのスタイルが選ばれていること、テーマを保存したことを確認してください。 ### Telegramボットが応答しない まず、接続に表示された**Webhook URL**と**Webhook token**をそのまま使ってTelegramにWebhookを登録したことを確認してください。**Inbound webhook**に**Needs provider webhook**と表示されている場合はチャットIDがないので、接続を編集して追加します。**Outbound send**に**Needs bot token**と表示されている場合は、接続を編集してトークンを貼り付けます。チャットIDがテストしているチャットと一致していること、接続が有効なエージェントに割り当てられていることも確認してください。 ### エージェントはTelegramで写真を読みますか？ メッセージの本文と、写真のキャプションを読みます。 ### Microsoft TeamsやDiscordはどうですか？ ConciergeはTeamsやDiscordには接続しません。チームのチャットには[Slack](https://chargezen.com/ja/docs/concierge/channels/slack)かTelegramを使ってください。 ## 関連情報 **ガイド** * [はじめに](https://chargezen.com/ja/docs/concierge/getting-started) * [Slack](https://chargezen.com/ja/docs/concierge/channels/slack) * [WhatsApp](https://chargezen.com/ja/docs/concierge/channels/whatsapp) * [トラブルシューティング](https://chargezen.com/ja/docs/concierge/troubleshooting) **製品ページ** * [ウェブサイトのチャット](https://chargezen.com/ja/concierge/channels/website-chat) * [TelegramでのConcierge](https://chargezen.com/ja/concierge/channels/telegram) * [Squircle Launcher](https://chargezen.com/ja/concierge/squircle-launcher) * [Floating Launcher](https://chargezen.com/ja/concierge/floating-launcher) **詳しく見る** * [AIカスタマーサービスとは](https://chargezen.com/glossary/ai-customer-service) ### 関連記事 [ #### Slack チームのSlackからエージェントに頼む ](https://chargezen.com/ja/docs/concierge/channels/slack)[ #### SMS お客様のSMSに応答 ](https://chargezen.com/ja/docs/concierge/channels/sms)[ #### クレジットと使用量 ウェブサイトの音声に使われるもの ](https://chargezen.com/ja/docs/concierge/credits-and-usage) このページは役に立ちましたか？ さらにサポートが必要ですか？ [サポートに問い合わせる](https://chargezen.com/docs/checkoutos/troubleshooting/support)