Dialogflowでリンクボタンを表示したい

はじめに

Dialogflowとは、Googleが提供しているチャットボットサービスです。
あらかじめ管理画面から質問とそれに対する回答を登録しておいて、Google側が出力してくれたコードを貼り付けるだけで、webサイトに簡単にチャット機能が追加できます！
すばらしい！！！

ですが、返事でwebサイトのURLを表示するにはどうしたらいいの？というところにつまずいたので、書いておきます。

リンクボタンを回答で表示しよう

画面左にある「Intents」から「CREATE INTENT」ボタンをクリックします。

「Training phrases」に質問を入力してください。

「Responses」で回答を登録していきます。
もとからある「Text Response」は削除してください。
「ADD RESPONSES」をクリックして、「Custom Payload」をクリックしてください。

以下、リンクボタンの例になります。

{
  "richContent": [
    [
      {
        "type": "button",
        "icon": {
          "type": "chevron_right",
          "color": "#FF9800"
        },
        "text": "こちらを参照してください",
        "link": "https://www.google.com/"
      }
    ]
  ]
}

実際に動作を確認してみよう

画面左にある「Integrations」のWeb Demoからできた気がする...
けど、記憶を失いました。。

余談

Dialogflowの導入としては、この記事がわかりやすくておすすめです。