株式会社INTSへようこそ

Dialogflowで独自に販売のチャットボットを作成する -(第五部)

  • Home
  • blog
  • Dialogflowで独自に販売のチャットボットを作成する -(第五部)
blog image

Webサイトに統合する

第四部はこちら    第六部はこちら

前の部分では、独自のチャットボットを作成する方法をガイドして、子供の粉ミルクについてアドバイスというチャットボットを一緒に作成しましたね。そして、この部分ではWebサイトにチャットボットを簡単に統合する方法を紹介します。

まず、右側のメニューで「Intergrations」項目を選択し、「Text based」というセクションでDialogflow Messengerをアクティブにします。次に、チャットボットを表示したいWebサイトに以下のように生成されたコードを埋め込みます。

<script src=”https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1″></script>
<df-messenger
  chat-icon=”https://cdn.onlinewebfonts.com/svg/img_382824.png”
  chat-title=”BabyShop”
  agent-id=”54da5741-13a0-402e-b25a-c2408e79afa3″
  language-code=”en”
></df-messenger>

デフォルトでは、チャットボット名はDialogflowで作成されたエージェントの名前ですが、「chat-title」というアトリビュート通りチャットボット名を変更できます。「chat-icon」というアトリビュート通りデフォルトのDialogflowアイコンも変更できます。

その他、事前定義されたCSS変数でチャットフレーム、メッセージなどの色を変更できます。以下のリンクはチャットボットの変更オプションの参考になります。https://cloud.google.com/dialogflow/es/docs/integrations/dialogflow-messenger

これで、Webサイトに統合するための完全に無料のチャットボットがあります。 無料ですが、非常に有益です。さらに、需要に応えるチャットボットを作成するのはそれほど複雑ではありませんね。😉

カスタマーケアのアドバイス用チャットボットのみなら、これで十分です。然し、プログラミングスキルがあり、以下のイメージの通り製品を売れるようにするチャットボットをアップグレードしたい場合、ユーザーの情報(名前、電話番号、住所など)を収集して注文を自動的に対応するプログラムの方法をを次の部分に引き続き研究しましょう!

第四部はこちら   第六部はこちら

日本ブログ: https://qiita.com/ints/items/69619ebb1836e6390097

(株式会社INTS 開発部 リン・ジャン)

354 Comments

  1. Pingback: canada pharmacies
  2. Pingback: canadian cialis
  3. Pingback: fwervs.gumroad.com
  4. Pingback: buy cialis pills
  5. Pingback: deiun.flazio.com
  6. Pingback: pharmacy
  7. Pingback: hekluy.ucraft.site
  8. Pingback: canada pharmacy
  9. Pingback: drugstore online
  10. Pingback: viagra canada
  11. Pingback: buy viagra usa
  12. Pingback: Northwest Pharmacy
  13. Pingback: online pharmacies
  14. Pingback: buy viagra usa
  15. Pingback: sdtyli.zombeek.cz
  16. Pingback: canadian drugs
  17. Pingback: buy viagra 25mg
  18. Pingback: Northwest Pharmacy
  19. Pingback: cialis.iwopop.com
  20. Pingback: lsdevs.iwopop.com
  21. Pingback: kawerc.proweb.cz
  22. Pingback: canadian drugstore
  23. Pingback: canadadrugs
  24. Pingback: canadian drugs
  25. Pingback: buy cialis delhi
  26. Pingback: canadian cialis
  27. Pingback: dwerks.nethouse.ru
  28. Pingback: canada drugs
  29. Pingback: canadian drugstore
  30. Pingback: buy viagra no rx
  31. Pingback: buy viagra uk
  32. Pingback: buy viagra germany
  33. Pingback: buy viagra pills
  34. Pingback: buy viagra no rx
  35. Pingback: buy viagra germany
  36. Pingback: online pharmacies
  37. Pingback: canadian drug
  38. Pingback: stromectol canada
  39. Pingback: stromectol online
  40. Pingback: stromectol cvs
  41. Pingback: canadian drugs
  42. Pingback: stromectol online
  43. Pingback: canada pharmacies
  44. Pingback: canada pharmacies
  45. Pingback: stromectol order
  46. Pingback: canadian rx
  47. Pingback: cialis from canada
  48. Pingback: viagra canada
  49. Pingback: viagra canada
  50. Pingback: buy viagra now
  51. Pingback: canadian rx

Comments are closed.