Tích hợp Facebook Messenger Live Chat vào website của bạn

How to brings Facebook Messenger live chat and bots to websites?

Facebook Messenger hiện đã có một plugin cho phép khách truy cập trang web tham gia trò chuyện trực tiếp với quản trị viên trang web hoặc bot mà không cần rời khỏi trang web đó. Được gọi là Customer Chat.

Không giống như những cách tích hợp Facebook chat trước kia, khách hàng chỉ được gửi một tin nhắn duy nhất đến hộp thư Messenger của quản trị viên website, đây thật sự là một "live chat" đúng nghĩa giống như bạn đang trò chuyện trên Messenger vậy.

Là 1 plugin hết sức cần thiết, nhất là đối với các website bán hàng, nhưng không hiểu sao đến tận version 2.2 của Messenger Platform mới được Facebook tích hợp vào. Hiện plugin chỉ ở giai đoạn beta và chỉ hoạt động trên những tên miền bảo mật được phân phối qua giao thức HTTPS.

Cách thực hiện

1Để tích hợp Facebook Messenger Live Chat vào website bạn cần có 1 Fanpage và 1 App FB. Đầu tiên bạn truy cập vào địa chỉ https://developers.facebook.com/apps/ và tạo cho mình 1 app.

Tạo xong bạn nhớ hãy vào tab Xét duyệt ứng dụng >> Kéo tùy chọn app ở chế độ công khai nhé và hãy sao chép ID của ứng dụng để sử dụng ở các bước kế tiếp.

2Truy cập vào Fanpage của bạn >> Tab Cài đặt >> Nền tảng Messenger >> Whitelisted Domains >> dán địa chỉ website của bạn vào và bấm Save lại.

3Tiếp theo bạn cần biết ID fanpage của bạn bằng cách sao chép địa chỉ fanpage (ví dụ: https://www.facebook.com/IrisTipsBlog) và dán link vào công cụ Find your Facebook ID dưới đây và nhấn Find numeric ID

Công cụ Find your Facebook ID

4Trở lại Blogger và dán đoạn code dưới đây vào trước thẻ </body>

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'Your-App-ID',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.2'
    });
  };
  (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/vi_VN/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="Page_ID"></div>

Với Your-App-ID là ID của ứng dụng bạn tạo ở bước 1 và Page_ID ID bạn vừa nhận được ở bước 3.

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm