Nhúng trực tiếp khung chat Facebook Messenger vào blog/website là một giải pháp tuyệt vời giúp tiết kiệm tối đa chi phí xây dựng hệ thống trang web quảng bá cho doanh nghiệp nhờ tận dụng được lượng người dùng khổng lồ từ Facebook thay vì phải đầu tư đội ngũ lập trình riêng cho chức năng chat, chưa kể tới các vấn đề khác như server để deploy chức năng xử lý tin nhắn, khả năng cân bằng tải v.v... Giờ đây tất cả mọi việc hãy để Facebook lo.
Cách làm rất đơn giản, các bạn chỉ cần chép toàn bộ đoạn mã bên dưới vào ngay sau thẻ <body> trong website. Chú ý đoạn mã dưới đây đã được tôi modify lại cho phù hợp với giao diện của website. Thuộc tính data-href của thẻ div có class="fb-page" hãy thay bằng đường dẫn tới fanpage của bạn. Vậy là xong, từ giờ người dùng truy cập vào blog/website của bạn sẽ có thể nhắn tin trực tiếp tới fanpage do bạn cài đặt một cách đơn giản và nhanh chóng.
Lưu ý là cách này chỉ áp dụng cho fanpage chứ không cho facebook cá nhân nhé.
<!-- +++++++++++++ -->
<!-- FACEBOOK CHAT -->
<!-- +++++++++++++ -->
<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;border:1px solid #000;border-bottom:0px;/*box-shadow:1px 1px 1px 1px #999;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:5px;width:250px;color:#fff;text-decoration:none;background-color:#0b1537;z-index:9999999;margin-right:12px;font-size:13px;}
#cfacebook a.chat_fb:hover{}
</style>
<script>
$(document).ready(function () {
$(".chat_fb").click(function() {
$('.fchat').toggle();
});
});
</script>
<div id="cfacebook">
<a href="#" class="chat_fb" onclick="return false;"><span class="fa fa-facebook-square"></span> Gửi tin nhắn cho chúng tôi</a>
<div class="fchat">
<div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/abc" 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>
<!-- +++++++++++++ -->
<!-- FACEBOOK CHAT -->
<!-- +++++++++++++ -->
Loading...