メインコンテンツにスキップ

Apps連携:チャネルトークを連携する

Apps連携機能を使って、チャットサービス「チャネルトーク」をStudioサイトに設置する手順を説明します。

対象プラン: Miniプラン以上(旧プランStarterプラン以上)



この記事では、Apps連携機能を使ってチャットサービス「チャネルトーク」のチャットサポートをStudioサイトに設置する手順をご紹介します。

注意

  • 本手順には外部サービスの手順も含まれています。外部サービスの仕様や動作、記事内の手順以外についてはチャット窓口でのサポート対象外となる可能性があります。

  • 記事内の外部サービスの画面や仕様は2022年1月時点の情報です。記事と異なる場合、外部サービスにて最新情報をご確認ください。

チャネルトークを連携する手順

手順1. チャネルトークで Plugin Key を取得する

まず、チャネルトーク上でチャット設置用の Plugin Key を取得します。

  1. チャネルトーク公式サイトでアカウントを作成し、管理画面(Channel Desk)にログインします。

  2. 管理画面の左下にある[設定]ボタンをクリックし、設定画面に移動します。

  3. 設定画面のメニューから「チャットの導入及び設定」>「チャットボタンのインストール」をクリックします。

  4. プラグイン名の隣にある編集ボタンをクリックし、プラグインに分かりやすい名前を付けます。

  5. 使用するページやプラットフォームに合ったプラグイン名を入力し、「新しいプラグインを作成」をクリックします。新しい導入用コードが作成されます。

  6. 「プラグインのインストール」タブで表示されるWeb用コードの中から、Plugin Key を確認・コピーします。

    WebやAndroid、iOSそれぞれに対応したコードを取得してください。

2. StudioでApps連携をする

  1. Studioにログインし、対象プロジェクトのダッシュボードを開きます。

  2. 左メニューの[Apps]をクリックします。

  3. Apps一覧から[Channel]を選択します。

  4. 編集モーダルが開いたら、[Plugin Key]の入力欄に、チャネルトークでコピーした Plugin Key を貼り付けて保存します。

手順3. 動作確認

注意:チャネルトークのチャットボタンは、公開サイトにのみ表示されます。ライブプレビューには表示されません。

  1. サイトを公開または更新します。

  2. 公開サイトのURLにアクセスし、画面下部にチャネルトークのチャットボタンが表示されているか確認します。

こちらの回答で解決しましたか?