將 Facebook Messenger 即時聊天嵌入網站

 

Facebook Messenger 是將即時聊天工具嵌入你的網站的最簡單方法! 聊天工具是和你的訪客 Facebook 帳號相連結的,這樣他們總是可以訪問該賬號。以下是你的訪客會在你的網站上看到的樣子:

 

mceclip0.png

 

你需要:

以上都有了嗎?太好了,那我們開始吧!

 

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 賬號,點擊收件箱 > 右上角的齒輪,選擇“查看所有設置”。

mceclip8.png

 

2. 在左邊選擇“聊天外掛程式”,然後點擊“設定”。

mceclip3.png

提示:在“聊天外掛程式”這個頁面,還可以設定問候語、歡迎消息、聊天按鈕外觀等。設定後記得點擊“發佈”。

 

3. 然後選擇“標準方式”進入聊天外掛程式設定頁面。

- 第1步:設定語言

- 第2步:添加網域(使用 https 首碼)

mceclip5.png

 

- 第3步,點擊“複製程式碼”,然後點擊下一步。

mceclip6.png

- 第4步,粘貼程式碼,點擊“完成”。

 

4. 複製程式碼後,請回到你的 Strikingly 編輯器,打開設定 > 高級選項 > 自訂程式碼 > 頁腳程式碼。然後粘貼你的程式碼。

mceclip4.png

5. 發佈你的網站,使你的 Facebook Messenger 即時聊天程式碼生效。訪客就可以在你的網站與你聊天了。

6. 你可以在 Meta 頁面的“收件箱”看到訪客的消息。

mceclip8.png

 

如果有任何問題,請隨時與我們聯絡:
你也可以到我們 24小時服務的線上即時客服咨詢(僅限英文,中文客服服務時間為:周一至周五,早上9點至晚上9點,GMT+8)。

還有其他問題?提交請求