Nâng cấp Chat box cho Page plugin của bạn

Từ khóa

Việc chèn Page Plugin (Like box) vào web thì cũng khá đơn giản và nhiều người cũng đã chèn vào website của mình rồi. Nếu bạn nào chưa chèn thì có thể xem bài này => Cách chèn Fanpage Like Box vào website
Hôm nay chúng ta cùng nâng cấp Page Plugin này một tính năng mới khá là hay, đó là Chat box.
Có thể gọi nó sơ sơ là Facebook chat box cho website (mặc dù cách gọi này chưa được chuẩn xác lắm). Các bạn có thể xem hình bên dưới để hình dung nó như thế nào
Cách tạo tính năng chat (chat box) cho page plugin khi chèn vào web
Chat box cho page plugin

Đây sẽ là cách mà người truy cập website có thể liên hệ trực tiếp với admin một cách nhanh chóng và thuận lợi nhất. Điểm hay ho của tính năng này là chỉ khi nào bạn like Fanpage thì bạn mới có thể nhắn tin với Fanpage đó được. Cũng là một biện pháp tăng like đúng không
p/s: Nói đến tăng like thì bạn có thể đọc qua bài này
Tăng like Fanpage Facebook bằng Addmefast
Ok, vậy bây giờ mình sẽ hướng dẫn cách để các bạn có thể thêm tính năng chat lên trên website của bạn.

Đối với những bạn đã có Page Plugin sẵn rồi thì bạn chỉ cần thêm thuộc tính sau vào thẻ div là được
data-tabs="messages"
Nó sẽ có dạng như thế này
<div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/AdvertiserSpace" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/AdvertiserSpace"><a href="https://www.facebook.com/AdvertiserSpace">Advertiser Space</a></blockquote></div></div>
Còn nếu bạn nào chưa có Page Plugin thì có thể lấy cả đoạn code trên và đưa vào website của bạn. Tất nhiên là thay các phần mình đánh dấu màu xanh thành trang của bạn là được. Rất dễ dàng.

19 bình luận

Đã test và thành cmn công :D demo http://www.chipthuthuat.com

trang đấy nhìn nhẹ mà load chậm hơn hiepb nhỉ :v

Nhìn nó cồng kềnh hơn hiepb mà :v cái comment fb cũng làm chậm hơn 1 chút rồi

Admin ơi. Cho hỏi có quản lý tin nhắn của Chat box cho Page plugin trên web được không hay vẫn phải vào FB để kiểm tra

bạn có thể reply ngay trên web, nhưng nếu để quản lý tin nhắn thì bạn vẫn phải vào FB nhé

mình dùng wp, copy vào nó ko hiện :D

bác phải thêm đoạn code fb-root vào web. Đây là đoạn code Facebook cung cấp để dùng cho tất cả các Social plugin khi muốn tích hợp vào web. Như vậy nó mới hiện được

cái này mình dùng để trao đổi tin nhắn với khách chat qua Fanpage duoc ko ta , tức là kết nối tin nhăn inbox fanpage với website

khách truy cập sẽ chat với bạn ngay trên website, còn bạn thì có thể trả lời họ trên Facebook nhé

muốn chèn vào blogspot thì sao bạn ơi

bài này là mình hướng dẫn cho blogspot đấy bạn, bạn copy nguyên cái phần code mình cho rồi thêm vào một widget là được

add ơi. cho mình hỏi mình muốn cái ô chát nó nhỏ đi chút thì làm thế nào vậy ad

nhờ bác ghép tút này vào http://www.terocket.com/2012/09/facebook-popup-likebox-generator-jquery.html

Cái này nó chiếm 1 khoảng của trang. Mà ko ẩn đi được. NÓ cứ đứng im như thế. Hơi bất tiện. Nếu nó ẩn đi được như kiểu vchat hay các live chát khác thì tốt quá. Nếu bác hiệp biết thì chỉ giúp em với. Cách cho nó ẩn xuống dưới như các live chát khác ý ạ. Em cám ơn nhiều.

bạn kiếm cái code "quảng cáo góc phải màn hình" ấy. Thay vì dùng code quảng cáo thì bạn dùng code này. Như vậy nó sẽ có tùy chỉnh ẩn hiện

Hình như cập nhật mới không cho phép khách và mình chat trực tiếp với nhau bác ạ :((

có bài hướng dẫn chèn FB chat box mới đó bác, bài này vẫn dùng được mà hơi cũ rồi

Trĩ không còn đáng sợ khi đã có thuốc trị bệnh trĩ tốt nhất. Bị trĩ mà dùng thuốc trị bệnh trĩ tốt nhất là tốt lắm đó, dùng thuốc trị bệnh trĩ tốt nhất đi các bác ơi http://suckhoe.vnexpress.net/tin-tuc/cac-benh/phuong-phap-dieu-tri-benh-tri/phuong-phap-dieu-tri-benh-tri-cap-3332659.html

co the nao di chuyen hop chat facebook sang ben trai duoc kg ban ?


EmoticonEmoticon