Chat Facebook Real-time cho Blogger/Blogspot

Thảo luận trong 'Thiết kế web Hosting VPS, Dedicated Server, Domain' bắt đầu bởi rs_lyly2009, 29/12/17.

  1. rs_lyly2009

    rs_lyly2009 Home Sweet Home Thành viên BQT

    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é.
    [​IMG]

    Bước 1. Vào Fanpage --> Settings Messenger Platform

    [​IMG]

    Kéo chuột xuống tại Whitelisted Domains, gõ tên miền sẽ cài chat Facebook vào --> Save
    [​IMG]


    Bước 2. Xem Page ID của Fanpage

    [​IMG]

    Nếu không tìm ra thì vào trang này để coi nhé:

    Link tải đã ẩn Để tránh Google nghía, bạn cần đặng nhập để thấy link. Đăng ký or đặng nhập tại đây



    Bước 3. Chèn mã vào Blogger

    Vào Chủ đề --> Chỉnh sửa HTML

    [​IMG]


    Kéo chuột xuống cuối trang, và chèn đoạn code sau vào trên thẻ </body>
    Mã:
    Select All
    <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>
    [​IMG]

    Nhớ thay số sau page_id thành của fanpage bạn nhé!

    Bước 4. Tận hưởng thành quả

    [​IMG]

    Xem Demo:

    Link tải đã ẩn Để tránh Google nghía, bạn cần đặng nhập để thấy link. Đăng ký or đặng nhập tại đây



    Xem thêm bài hướng dẫn từ Facebook:

    Link tải đã ẩn Để tránh Google nghía, bạn cần đặng nhập để thấy link. Đăng ký or đặng nhập tại đây

     

    Bùng Nổ Giá - Giảm đến 70k tại Shopee Xem ngay

    Rẻ Vô địch - Mua sắm thả ga màu World Cup Xem ngay

    Phụ kiện đồng giá 19k! Mua hết ga Xem ngay

  2. fantasia9 Gà con

    Đóng góp nội dung

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

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

    rs_lyly2009 Home Sweet Home Thành viên BQT

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

Chia sẻ trang này