Monday, November 2, 2015

Cài đặt nhanh khung Facebook live chat cho trang Blog


.....Facebook rất phổ biến. Đó là điểu mà ai cũng biết được. Ngoài ra Fanpage còn là nơi giao tiếp giữa doanh nghiệp, công ty với khách hàng.

Hồm nay mình sẽ giới thiệu một tính năng khá mới mẻ dành cho kênh Facebook, đó là tích hợp chức năng Facebook live chat cho trang blog

Những lợi ích mà nó mang lại có thể nói nói là không hề nhỏ nhé

+ Khách hàng có thể gửi tin nhắn và phản hồi ngay tại website
+Có thể quản lý được tin  nhắn của khách hàng thông qua hộp thư của fanpage
+Tạo được một kênh chăm sóc khách hàng thống nhất bao gồm fanpage và shop bán hàng

Cài đặt nhanh khung Facebook live chat cho trang blog.
Khung live chat trên website

Cách cài đặt:  Các bạn chỉ việc chèn đoạn code bên dưới vào trong thẻ <body> của website là được rồi.

Trường hợp mà các bạn không rành lắm về các  thẻ html phức tạp thì chỉ  việc vào phần bố cục và mở một thể  
HTML/JavaScript  rồi chèn đoạn code đó vào, sau đó lưu lại là được.
Cá nhân mình thì thích cánh thứ hai hơn bởi vì nó khá đơn giản và  thao tác chỉ trong giây lát là xong

Bên dưới là đoạn code mà các bạn cần chèn nhé

 

<style>
    #hide_float_boxcmt { text-align: right: 140px; }
    #hide_float_boxcmt a { background: #F00; color: #FFF; text-decoration: none; font-family: Helvetica }
    .float-boxcmt { position: fixed; bottom: 0px; right: 140px; z-index: 2; }
    .ads-boxcmt { position: fixed; z-index: 9999999; overflow: hidden; top: 0; right: 140px; }

</style>
<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="float-boxcmt">
    <div id="hide_float_boxcmt"><a href="javascript:hide_float_boxcmt()">Tin nhắn facebook</a></div>
    <div id="float_content_boxcmt">
<div style="position:fixed; z-index:9999999; right:140px; bottom:20px;" class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/kientrucpho" data-width="285" data-height="300" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="true"></div></div>
<script>
function hide_float_boxcmt() {
    var content = document.getElementById('float_content_boxcmt');
    var hide = document.getElementById('hide_float_boxcmt');
    if (content.style.display == "none") {
        content.style.display = "block";
        hide.innerHTML = '<a href="javascript:hide_float_boxcmt()">Ẩn tin nhắn facebook</a>';
    } else {
        content.style.display = "none"; hide.innerHTML = '<a href="javascript:hide_float_boxcmt()">Hiện tin nhắn facebook</a>';
    }
    boxcmt_createCookie('boxcmt_cookie', 1, 1);
}
function boxcmt_createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*1*60*60*300));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}
function boxcmt_readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}
function boxcmt_eraseCookie(name) {
    boxcmt_createCookie(name,"",-1);
}
var x = boxcmt_readCookie('boxcmt_cookie');
if (x) {
    document.getElementById('float_content_boxcmt').style.display = "none";
}
</script></div></div></div></div>


Lưu ý là các bạn phải thay địa chỉ trang fanpage của các bạn vào dòng màu đỏ nhé Chúc các bạn chèn được khung livechat facebook được như ý.