Tích hợp “Live Chat” (Gửi tin nhắn) của Facebook vào Website

Facebook đã cho phép chúng ta tích hợp “Live Chat” (Gửi tin nhắn) của Facebook vào Website

Người dùng bây giờ có thẻ truy cập Website và để lại lời nhắn, hay chat trực tiếp với chủ fanpage. Tính năng này tương đối tiện lợi, bởi hầu hết mọi người đều có tài khoản facebook, và khi bạn trả lời khách hàng, họ đều nhận được thông báo trên facebook thay vì chỉ email như trước đây.

Tích hợp live chat cho Facebook vào Website

PHẦN LIVE CHAT FACEBOOK PHÙ HỢP CHO NHỮNG AI

Những Website bán hàng có lượng truy cập thấp. Vì là phần gửi tin nhắn này không phải điểm mạnh của facebook bởi vậy không có nhiều tính năng về phân tích khách hàng.
Blog cá nhân, nó rất phù hợp bởi bạn có thể lắng nghe và phản hồi cho đọc giả tốt hơn. Live chat thì lại hơi thừa thãi.
Website dạng cộng đồng như diễn đàn, câu hỏi về live chat không nhiều. Các bạn nên dùng nó để lắng nghe phản hồi của người dùng rất tiện lợi.

Nhược điểm:

• Người dùng phải có tài khoản facebook mới có thể gửi tin nhắn
• Người gửi có thể gửi tin nhắn đi nhưng sẽ không nhận được tin nhắn trả lời ngay trên cửa sổ chat của web.

Ưu điểm

• Hoàn toàn miễn phí
• Khả năng tương tác với người dùng tốt hơn.
• Gọn nhẹ, hoạt động đơn giản (bạn nên trả lời tin nhắn qua các ứng dụng Tú giới thiệu ở đây để tăng hiệu quả, tiết kiệm thời gian )
• Tăng LIKE, vì nó kết nối với fanpage của bạn. Đừng quên nhắn khách hàng Like Fanpage để chăm sóc họ tốt hơn.

Lượn qua các Website thấy viết hướng dẫn cho cái này thì Tú đều không làm được, hết lỗi này tới lỗi khác ở cái JavaScript nên quyết định viết lại các bước làm cho bạn nào chưa biết. Các bạn chú ý đọc hết bài này rồi hãy bắt tay vào làm.

HƯỚNG DẪN TÍCH HỢP LIVE CHAT FACEBOOK VÀO WEBSITE.

Bạn copy đoạn code bên dưới và chèn vào trước thẻ </body> của Website.

<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> <style>#cfacebook{position:fixed;bottom:0px;right:100px;z-index:999999999999999;width:250px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff;}#cfacebook .fchat .fb-page{margin-top:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}</style> <script> jQuery(document).ready(function () { jQuery(".chat_fb").click(function() { jQuery('.fchat').toggle('slow'); }); }); </script> <div id="cfacebook"> <a href="javascript:;" class="chat_fb" onclick="return:false;"><i class="fa fa-facebook-square"></i> Phản hồi của bạn</a> <div class="fchat"> <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/chanhtuoicom" data-width="250" data-height="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div> </div> </div>


Trong đó bạn cần sửa lại:
Sửa https://www.facebook.com/chanhtuoicom thành địa chỉ Fanpage của bạn.
Nếu bạn muốn đoạn live chat hiển thị lệch qua bên trái hay dịch sang phải thì bạn thay đổi số 100px thành con số nào bạn muốn. Tú đang để là 100px có nghĩa là nó sẽ cách bên phải 100px (mục dích là Tú muốn nó ko đè lên nút BACK TO TOP).

Tìm đọa này :  #cfacebook{position:fixed;bottom:0px;right:100px . Vậy là xong.

HƯỚNG DẪN VỚI BẠN BẠN DÙNG WORDPRESS.

Truy cập Admin => Appearance ==> Editor => Tìm file footer.php

Tìm thẻ </body> và thêm đoạn code xuống dưới.
Lưu lại để hoàn tất.

HƯỚNG DẪN CHO BLOGSPOT

Vào Admin => Chọn Mẫu => Chỉnh sửa HTML
Nhấn lưu để hoàn tất.

Rất đơn giản vậy thôi, không tùy chỉnh thêm gì cả. Bạn nào biết CSS có thể tùy biến theo ý thích của mình ở trong <style>. Tham khảo thêm kinh nghiệm khi học quảng cáo facebook để kết hợp và áp dụng fanpage tối ưu hơn.

Chúc bạn thành công.

Nguồn : https://nguyencaotu.com/tich-hop-live-chat-gui-tin-nhan-cua-facebook-vao-website.html