Chat Facebook Real-time cho Blogger/Blogspot

[rs_lyly2009]

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>

<div class='fb-customerchat' page_id='1980780215508089'/>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : &#39;157799631619425&#39;,
      autoLogAppEvents : true,
      xfbml            : true,
      version          : &#39;v2.11&#39;
    });
  };

  (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 = &quot;https://connect.facebook.net/vi_VN/sdk.js&quot;;
     fjs.parentNode.insertBefore(js, fjs);
   }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</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

 

[fantasia9]

Cho mình hỏi chút đoạn code

appId: '1897244130517911',

Mình thay kí tự

'

thành dấu nháy đơn thì nó lại không chạy .

 

[rs_lyly2009]

Cho mình hỏi chút đoạn code

appId: '1897244130517911',

Mình thay kí tự

'

thành dấu nháy đơn thì nó lại không chạy .

Trong Blogspot thì bạn giữ nguyên, đừng đổi thành dấu nháy nhé