網頁檢視

Messenger 開放平台可讓您開啟標準網頁檢視，以在 Messenger 內載入網頁。您可透過這種方式來提供訊息泡泡難以呈現的體驗和功能，例如：挑選要購買的商品、要預訂的座位，或要預約的日期。

顯示網頁檢視

您可以透過下列任一方式開啟網頁檢視：

在上述每個實例中，您都可指定網頁檢視的外觀和行為。

如果您提供的體驗使用本節中說明的 Messenger 擴充功能，請記得在叫用該擴充功能的功能表項目或按鈕中，將 messenger_extensions 參數設定為 true！

若要使用在 Messenger Webview 中啟用的 Messenger 擴充功能 SDK 來顯示網頁，您必須在 Bot 的 Messenger 個人檔案 whitelisted_domains 屬性中將網域（包括子網域）列入允許清單。如此可確保只有受信任的網域才能透過 SDK 功能存取可用的用戶資訊。

有關將網域列入允許清單的詳細資訊，請參閱 whitelisted_domains 參考資料。

如同任何網頁，<title> 標籤會設定要顯示在網頁檢視標題列的文字。

<html><head><title>My Awesome Webview</title></head>
   ...
</html>

建議您在交易完成後關閉網頁檢視，尤其是當用戶採取的行動會在對話串中產生訊息時。這可以透過 Messenger 擴充功能 SDK 或使用重新導向網址來完成。

若要使用 Messenger 擴充功能 SDK 來關閉網頁檢視，請呼叫 MessengerExtensions.requestCloseBrowser()。您也可以選擇實作成功和錯誤回呼函數。

MessengerExtensions.requestCloseBrowser(function success() {
  // webview closed
}, function error(err) {
  // an error occurred
});

您也可以藉由將用戶重新導向至下列格式的網址，以關閉網頁檢視：

https://www.messenger.com/closeWindow/?image_url=<IMAGE_URL>&display_text=<DISPLAY_TEXT>

視窗關閉前會短暫顯示 display_text 和 image_url 參數的設定值。請注意，只有從網址／網頁重新導向時，這個方法才會進行關閉。直接開啟網址不會關閉瀏覽器。

此方法只能在 Android 平台上運作。在 iOS 平台上，會顯示文字和圖像，但瀏覽器不會自動關閉。

為了讓您能夠將網頁檢視的體驗與 Messenger 體驗緊密整合，我們還提供 Messenger 擴充功能 JS SDK，以供在網頁檢視中存取新增的功能，例如對話串內文的相關資訊。

用於較長時間的互動（超過三個步驟），其中用戶可能會想要編輯所輸入的資訊，或者以非線性的方式進行操作。

用於著重視覺效果的內容。

用於用戶偏好設定，或允許對先前的選擇進行隨選變更。

用於搭配較偏對話式的互動。

配置網頁檢視的高度來配合所含內容，同時保留底下對話串的內文。

利用 Messenger 的網頁檢視擴充功能，將對話串的內文帶入網頁檢視中。

您不需要一次收集所有的表單資訊。您可透過對話方式逐一收集資訊，然後在網頁檢視中使用表單，稍後再進行編輯。

將對話式互動與網頁檢視互動混合，並且力求所有互動簡明扼要。將對話串互動與網頁檢視互動結合，打造「Messenger 原生」般的使用體驗。