Facebook Messengerボットの日付ピッカーカード

Question

Facebookボットが使用できるさまざまなCTAカードがhereと表示されています。

本当に必要なのは、日付を選択して送り返すことができるユーザーに送信できる日付ピッカーカードです。これはFacebookのボットを使って可能ですか？

Answer 1

Facebook messengerはテンプレートに日付と時刻のピッカーを表示していません。

しかし、あなたはwebview and Extensionsヘルプで自分で作ることができます。

次の手順を実行します。

あなたのURLを持つURLを交換するボタンまたは汎用テンプレートを作成し、

"buttons":[ 
      { 
      "type":"web_url", 
      "url":"http://my_url_which_open_date_picker", 
      "title":"Select date", 
      "messenger_extensions": true, 
      "webview_height_ratio": "compact" 
      } 
    ] 

にボタンを配置。
注：URLはホワイトリストに登録されている必要があります。あなたのドメイン

このWebページでは、特定のユーザーのuserIdを取得できます。

メッセンジャー拡張JS SDKがロードを完了したこと

<script> 
(function(d, s, id){ 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.com/en_US/messenger.Extensions.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'Messenger')); 
</script>  

あなたのページでは、それはwindow.extAsyncInitを呼び出しますし、あなたはその機能にはuserIdを取得します。

<script> 
    window.extAsyncInit = function() { 
     // the Messenger Extensions JS SDK is done loading 
     MessengerExtensions.getUserID(function success(uids) { 
      var psid = uids.psid; 

     }, function error(err) { 

     }); 
    }; 
</script> 

のuidはユーザーID
PSIDページスコープのユーザーID

を含むオブジェクトですまた、ユーザーが日付を選ぶとき、あなたのcalanderページを閉じるようにすることもできます。

<script> 
     MessengerExtensions.requestCloseBrowser(function success() { 

     }, function error(err) { 

     }); 
</script>