Nay có một bạn hỏi về cách cài Chat Facebook Real-time cho Blogger nên mình thực hiện luôn bài viết này. Nếu bạn không làm được thì Inbox, mình hướng dẫn nhé.
Bước 1. Vào Fanpage --> Settings Messenger Platform
Kéo chuột xuống tại Whitelisted Domains, gõ tên miền sẽ cài chat Facebook vào --> Save
Bước 2. Xem Page ID của Fanpage
Nếu không tìm ra thì vào trang này để coi nhé: http://findmyfbid.com/
Bước 3. Chèn mã vào Blogger
Vào Chủ đề --> Chỉnh sửa HTML
Kéo chuột xuống cuối trang, và chèn đoạn code sau vào trên thẻ </body>
Nhớ thay số sau page_id thành của fanpage bạn nhé!
Bước 4. Tận hưởng thành quả
Xem Demo: https://phuongvudn.blogspot.com
Xem thêm bài hướng dẫn từ Facebook: https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin
Bước 1. Vào Fanpage --> Settings Messenger Platform
Kéo chuột xuống tại Whitelisted Domains, gõ tên miền sẽ cài chat Facebook vào --> Save
Bước 2. Xem Page ID của Fanpage
Nếu không tìm ra thì vào trang này để coi nhé: http://findmyfbid.com/
Bước 3. Chèn mã vào Blogger
Vào Chủ đề --> Chỉnh sửa HTML
Kéo chuột xuống cuối trang, và chèn đoạn code sau vào trên thẻ </body>
Mã:
<div class='fb-customerchat' page_id='1980780215508089'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '157799631619425',
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/vi_VN/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
Nhớ thay số sau page_id thành của fanpage bạn nhé!
Bước 4. Tận hưởng thành quả
Xem Demo: https://phuongvudn.blogspot.com
Xem thêm bài hướng dẫn từ Facebook: https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin