Chat Facebook Real-time cho Blogger/Blogspot

rs_lyly2009

Home Sweet Home
Support Member
#1
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é:
Bạn phải đăng nhập để xem liên kết Log in or register now.


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            : &#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:
Bạn phải đăng nhập để xem liên kết Log in or register now.


Xem thêm bài hướng dẫn từ Facebook:
Bạn phải đăng nhập để xem liên kết Log in or register now.
 

fantasia9

Gà con
Upload content
#2
Cho mình hỏi chút đoạn code

HTML:
appId: &#39;1897244130517911&#39;,
Mình thay kí tự
HTML:
&#39;
thành dấu nháy đơn thì nó lại không chạy :(.
 

rs_lyly2009

Home Sweet Home
Support Member
#3
Cho mình hỏi chút đoạn code

HTML:
appId: &#39;1897244130517911&#39;,
Mình thay kí tự
HTML:
&#39;
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é :D
 
Top