Chatgram
アプリと拡張機能

Chatgramをセットアップ:ネイティブアプリ/拡張機能

Chatgramをモバイルアプリ、デスクトップアプリ、またはChrome拡張機能に連携できます。ドメインを認証してPublic API Keyを取得すれば、数分でTelegram経由のサポートメッセージを受信できます。

約5分
セットアップ時間
無料
始める
APIキー
認証方式
> ChatgramWidget.init({)
publicKey: 'pk_abc123...',
テーマ:{ primaryColor: '#EE6055' }
});
✓APIキーでウィジェットを初期化しました
公開キー認証
認証 → キーを取得 → 組み込む
ステップ1:DNSレコードを追加

ドメインにこのTXTレコード
を追加

ドメインのDNS設定に移動し、ここに表示されているレコードを追加してください。このTXTレコードでドメインの所有権を確認できます。Webサイト、メール、既存のDNS設定には影響しません。

🔒ウェブサイトやメールの配信には影響しません
⚡ほとんどのプロバイダーで1~10分以内に反映
🌐世界中のあらゆるDNSプロバイダーに対応
必須のDNSレコード
TXTレコード
タイプ
TXT
名前 / ホスト
_chatgram-verify
値 / コンテンツ
chatgram-site-verification=true
TTL
300(または自動)
💡
例:ドメインがmysite.comの場合、レコードの完全なホスト名は_chatgram-verify.mysite.comになります。プロバイダーによってはドメインが自動で追加されます。その場合は_chatgram-verifyだけを入力してください。
ステップ2:ドメインを確認

DNSレコード
を確認してサイトを所有

ドメインとメールアドレスを入力してください。こちらでTXTレコードを確認した後、Chatgram管理画面にサインインするための1回限りのリンクをメールでお送りします。開始時にTelegramは必要ありません。

🔒サーバーで検証済み
✉️メール配信
⏱約60秒
ステップ3:メールを確認

次のステップ:メールを確認

ステップ2が完了すると、サイトのオーナーとしてChatgramの管理画面にログインできる、1回限りのリンクをメールでお送りします。

ステップ2を待っています
ステップ3

ステップ2を完了すると、サインイン用メールが届きます

まずドメインを認証してください。サインインリンクがこちらにメールで届きます。

ステップ4:開発者向け

公開キーで連携

ネイティブアプリとChrome拡張機能では、ドメインの自動検出は適用されません。代わりに、ウィジェットをChatgramアカウントに直接紐付ける公開APIキーで認証します。

公開鍵の取得方法
  1. Chatgram bot で、下部のSettingsを開き、development keysをタップします。
  2. ドメインを選択してください。Chatgramからキーを記載したメッセージが届きます。開発者に転送して、公開鍵(通常はpk_で始まります)を取り出し、以下のコードに設定してもらってください。
🔑publicKeyでドメインの自動検出を置き換えます
📱ネイティブアプリと拡張機能に必要
🔒公開しても安全です。秘密情報ではなく、公開鍵です
⚡同じウィジェット、同じ機能、同じAPI
置き換える pk_YOUR_PUBLIC_KEY Telegram Dashboardのキーを使って
CDN経由で導入
<script src="https://cdn.jsdelivr.net/npm/chatgram-widget"></script>
または
<script src="https://unpkg.com/chatgram-widget"></script>
公開鍵を使った Vanilla JS
<script src="https://cdn.jsdelivr.net/npm/chatgram-widget"></script>
<script>
  window.addEventListener('load', function () {
    ChatgramWidget.init({
      publicKey: 'pk_YOUR_PUBLIC_KEY',
      showTriggerButton: true,
      triggerPosition: 'bottom-right',
      theme: {
        primaryColor: '#EE6055',
        secondaryColor: '#D94F44',
      },
    });
  });
</script>
💡
publicKeyが指定されている場合、ウィジェットはドメインの自動検出を完全にスキップします。ネイティブアプリ、Chrome拡張機能、Electronアプリなど、標準的なウェブドメインがない環境では、こちらが正しい方法です。詳しくはnpmのドキュメントをご覧ください。
ステップ5:新しい拡張機能を送信

ビルドを公開する Chromeウェブストア

Chatgramウィジェットを次の方法で接続すると publicKey ローカルでテストしたら、本番用ビルドを作成して、次のサービスとして申請します 新しい拡張機能 または、既存の掲載情報を更新する方法もあります。ストアの審査では、マニフェスト、権限、プライバシーに関する開示内容が、拡張機能の実際の動作と一致しているか確認されます。

  • 開く Chromeウェブストア デベロッパー ダッシュボード を選択 新しいアイテム (初回公開時)または、すでに管理している拡張機能用に新しいパッケージをアップロードしてください。
  • 配置する マニフェストの権限 Chatgramの利用状況に合わせて(たとえば、本当に必要なホスト権限やAPIだけに限定し)、ご利用の プライバシーポリシー ユーザーデータを収集する場合は、URLが正確であることを確認してください。
  • 掲載情報(説明、スクリーンショット、カテゴリ)を入力してから、 審査に申請。承認後、ユーザーは拡張機能をインストールし、先ほど設定したのと同じChatgramチャンネルからあなたに連絡できます。

ヒント: 公開後の修正も同じダッシュボードで行えます。新しいZIPをアップロードし、バージョンを更新するだけです manifest.json、必要に応じて再審査を申請してください。

仕組み

4つの簡単なステップでセットアップ

ドメイン認証では、Chatgramに接続するドメインの所有者であることを確認します。数分で完了し、専門知識は必要ありません。

01
ステップ 01

DNSプロバイダーにログイン

ドメインのレコードを管理しているドメインレジストラまたはDNSプロバイダーにアクセスしてください。Cloudflare、GoDaddy、Namecheapなど、どのプロバイダーでも構いません。

02
ステップ 02

DNSレコードに移動

DNS管理セクションを探します。「DNS Records」「DNS Settings」「Zone Editor」「Manage DNS」などの項目を確認してください。プロバイダーによって表記が少し異なります。

03
ステップ 03

新しいTXTレコードを追加

このページの「DNSレコード」セクションに表示されている正確な設定で、新しいDNSレコードを作成してください。レコードタイプがTXTであることと、値が完全に一致していることを確認してください。

04
ステップ 04

認証して有効化

DNSの反映を数分待ってから、「ドメインの確認」セクションにドメインを入力し、「今すぐ確認」をクリックして、Chatgramを認証・有効化してください。

DNSプロバイダー

人気プロバイダーへのクイックリンク

DNSプロバイダーのダッシュボードを開き、Chatgramの確認レコードを追加します。ここに記載がない場合も、手順はどのプロバイダーでも同じです。

よくある質問

よくある質問

ChatgramのDNS認証とドメイン登録について知っておきたいことをすべてご紹介します。

ご不明な点がございましたら、Chatgram Live Chatまたはメール([email protected])でお問い合わせください。

ほとんどのDNSプロバイダーでは、TXTレコードは1~10分以内に反映されます。まれに、DNSプロバイダーやTTL設定によって最大48時間かかる場合があります。Cloudflareでは通常2分以内に反映されます。

いいえ。TXTレコードはDNSゾーン内のメタデータ専用のエントリです。Chatgramの確認レコードを追加しても、ウェブサイト、メールの配信、現在設定されている他のDNSレコードには一切影響しません。

TXTレコードはそのまま残しておくことをおすすめします。Chatgramはセキュリティ確保のため、ドメインの所有権を定期的に再確認します。レコードを削除すると、次回の確認後にドメインが未認証になる場合があります。

Chatgramはサブドメインに対応しています。support.mysite.comを認証する場合は、TXTレコードを_chatgram-verify.support.mysite.comとして追加してください。認証欄に「support.mysite.com」と入力します。

まず、レコード名が正確に _chatgram-verify になっていることを確認してください(プロバイダーによってはドメイン名が自動で追加されるため、_chatgram-verify だけを入力すればよい場合があります)。値が余分なスペースなしで正確に chatgram-site-verification=true になっていることも確認してください。すべて正しければ、反映まで数分待ってからもう一度お試しください。

はい。DNS TXT認証は、Google、Microsoft、Stripeなどの大手プラットフォームがドメインの所有権を確認する際に使う、業界標準の方法です。公開DNSレコードを照会するため、機密性の高い認証情報は使用しません。

もちろんです。Chatgramに接続するドメインごとに同じ手順を繰り返してください。各ドメインに専用の _chatgram-verify TXTレコードが必要です。認証済みのドメインはすべて、Chatgramのダッシュボードで一元管理できます。

さっそく始めませんか?

レコードを追加
認証 公開

お客様がお待ちです。DNSレコードを設定してドメインを確認すると、Telegramでサポートメッセージを直接受け取れるようになります。

🔒業界標準の認証
⚡5分でセットアップ
💬Telegramを活用したサポート