Facebook Messenger 是將即時聊天工具嵌入你的網站的最簡單方法! 聊天工具是和你的訪客 Facebook 帳號相連結的,這樣他們總是可以訪問該賬號。以下是你的訪客會在你的網站上看到的樣子:
你需要:
- Facebook 公共主頁(也叫 Facebook 專頁、粉絲頁或 Facebook Page)(點擊瞭解如何創建公共主頁)
- Facebook 開發者賬號(點擊瞭解如何註冊帳號)
- Strikingly 專業版賬號(點擊升級套餐)
- 帶 HTTPS 安全證書的自訂網域(點擊瞭解如何啟動 HTTPS)
以上都有了嗎?太好了,那我們開始吧!
1. 獲取的Facebook賬號開發者ID。
這是一串很長的數字。例如,Strikingly自己的App ID是138736958550286。你可以點擊這個頁面查看你的帳號ID:https://developers.facebook.com/apps/。
2. 取得您的Facebook公共主頁ID。
這是另一串很長的數字。例如,Strikingly的主頁ID為211998345516663。要查找你的主頁ID,請在你的Facebook公共主頁,點擊主頁封面照片下方的“簡介”選項卡>“公用首頁」資訊公示” > 取得您的公開首頁編號。
3. 在你的Facebook公開主頁管理設定中,點擊“高級訊息功能”,把你的網址添加到白名單中(必須使用https前面的網址!),點擊添加。
4. 將程式碼新增至您的Strikingly網站編輯器。
將以下程式碼顯示貼上到「設定」>「顯示進階選項」>「自訂程式碼」>「頁尾程式碼」。確保將紅色粗體部分替換為你自己的Facebook開發者帳號應用ID和Facebook公用主頁ID !
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '你的Facebook開發者帳號應用ID',
autoLogAppEvents : true,
xfbml : true,
version : 'v2.11'
});
};
(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 = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js";;
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat"
messenger_app_id="你的Facebook開發者帳號應用ID"
page_id="你的Facebook公用首頁ID"
ref="test">
</div>
5. 點擊儲存並發佈你的網站,讓您的Facebook Messenger即時聊天程式碼生效。訪客就可以在你的網站上與您聊天了。
6. 你可以在Meta 頁面的「收件匣」看到訪客的訊息。
進入 Meta 頁面 並登錄你的 Facebook 賬號,點擊收件箱 > 右上角的齒輪,選擇“查看所有設置”。
2. 在左邊選擇“聊天外掛程式”,然後點擊“設定”。
提示:在“聊天外掛程式”這個頁面,還可以設定問候語、歡迎消息、聊天按鈕外觀等。設定後記得點擊“發佈”。
3. 然後選擇“標準方式”進入聊天外掛程式設定頁面。
- 第1步:設定語言
- 第2步:添加網域(使用 https 首碼)
- 第3步,點擊“複製程式碼”,然後點擊下一步。
- 第4步,粘貼程式碼,點擊“完成”。
4. 複製程式碼後,請回到你的 Strikingly 編輯器,打開設定 > 高級選項 > 自訂程式碼 > 頁腳程式碼。然後粘貼你的程式碼。
5. 發佈你的網站,使你的 Facebook Messenger 即時聊天程式碼生效。訪客就可以在你的網站與你聊天了。
6. 你可以在 Meta 頁面的“收件箱”看到訪客的消息。
如果有任何問題,請隨時與我們聯絡:support@strikingly.com。
你也可以到我們 24小時服務的線上即時客服咨詢(僅限英文,中文客服服務時間為:周一至周五,早上9點至晚上9點,GMT+8)。