Help us understand the problem. What is going on with this article?

Smallchatを使ってSlack連携するホームページ

More than 1 year has passed since last update.

ホームページで、チャットを使って質問できる機能を見かけるので、普段使っているSlackと連携できないかなと思い調べてみました。

Smallchatとは

  • ホームページ上で、指定したSlackのチャンネルとチャットができる
  • タグを埋め込むだけでOK

Slackの準備

  • こちらからアカウントとチームを準備してください

Smallchatの準備

  • 基本的に無料です。(有料コンテンツもあります)
  • こちらにアクセスして、「Add to Slack」を押します。 スクリーンショット 2018-02-25 16.01.41.png
  • チームを洗濯してAutorizeを押します。 スクリーンショット 2018-02-25 16.06.01.png
  • チャット用のチャンネルを作成します。すると、dashboard画面が表示され、ホームページに埋め込むScriptが表示されます。 スクリーンショット 2018-02-25 16.16.33.png
  • これで準備完了です。

ホームページにScriptを埋め込む

  • 先ほど表示されたScriptをホームページのHTMLファイルに埋め込みます。すると... スクリーンショット 2018-02-25 16.22.07.png
  • 右下にアイコンが表示されます! このアイコンを押すと、 スクリーンショット 2018-02-25 16.24.14.png
  • チャットができる画面が現れます。こちらにメッセージを入力すると、先ほど作成したチャンネルにメッセージが飛びます。 スクリーンショット 2018-02-25 16.26.41.png

設定の変更

  • Smallchatのdashboardから設定ができます。例えば、
    • アイコンの形
    • アイコンの色
    • タイトル文字変更
    • 入力フォームのデフォルト文字変更
  • チャンネルの追加、自動応答の機能は有料コンテンツになります。(今回は試していません)

感想

簡単に自分のホームページにチャット機能を埋め込むことができて感動しました!有料コンテンツの自動応答の機能も便利そうですね!

nishii
jrits
信頼と魅力のある先進のITをもとに、お客様のワークスタイル・イノベーションの実現を目指します。
http://www.jrits.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away