Để tạo nút facebook like cho website của bạn. truy cập vào địa chỉ:

https://developers.facebook.com/docs/plugins/like-button/

Các thuộc tính của một nút gồm:
URL: like cho url này
width: chiều dài của nút like ví dụ như blog của mình thì để 260 x300px là vừa
Layout: kiểu dáng nút: button_count,box_count,standard, button
nếu muốn cả Like và button thì chọn :button_count

Sau đó nhấn vào get code để lấy mã.

Mã HTML5


<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.0";fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://biquyetnauanchamsocsacdep.blogspot.com/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>


Giải thích: không chỉ định thuộc tính html5 data-href sẽ lấy URL hiện tại.

Chú ý: code trên load sdk của facebook, nếu muốn nạp tất cả thư viện của facebook bạn thay sdk.js bằng all.js

Mặc định nút like hiển thị với ngôn ngữ tiếng anh, có mã vùng locale=”en_US”, facebook cung cấp các mã vùng là kết hợp của language code và country codes để hiển thị ngôn ngữ của từng địa phương.

Ví dụ:

vi_VN ->trong đó: language code=’vi’ và country codes=’VN’

en_US: U.S. English

Xem mã ngôn ngữ của các nước được facebook hỗ trợ tại: Facebook Locales XML file

Mã iframe
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbiquyetnauanchamsocsacdep.blogspot.com%2F&amp;width=260&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:21px;" allowTransparency="true"></iframe>
Đối với trình duyệt không hỗ trợ HTML5 thì giải pháp sử dụng mã iframe.Truyền các tham số để cấu hình cho nút.
Share button

<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&appId=154189241458808&version=v2.0";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-share-button" data-type="button_count"></div>

Thuộc tính data-type xác định kiểu dáng nút, chấp nhận: button_count,box_count,icon,button
Send button

Khác với nút share, Nút send không chia sẻ dạng publish mà có thể chỉ cho phép người dùng gửi nội dung của website cho một hoặc một số bạn bè của bạn trong phần tin nhắn của họ. Ngoài ra gửi đến mail hoặc chia sẻ cho nhóm.

<div class="fb-send" data-href="<?php the_permalink()?>" data-colorscheme="light"></div>

Công cụ tạo nút send: https://developers.facebook.com/docs/plugins/send-button
Embedded pots

Hộp embedded pots hiển thị các pots của page hoặc của một người trên facebook được nhúng trên website

Chi Tiết: https://developers.facebook.com/docs/plugins/embedded-posts
Followw button

Follow button là tính năng subscribe đến người dùng facebook,giúp người dùng đã subscribed theo dõi được nội dung cập nhật của website chúng ta

Chi Tiết: https://developers.facebook.com/docs/plugins/follow-button
Comments Box

Coments box cho phép người dùng để lại bình luận tại nội dung của website.các bình luận này sẽ đi kèm với hình ảnh profile của họ.

Mặc định số lượng hiển thị comments là 10.điều chỉnh số lượng muốn hiển thị bời thuộc tính data numposts

Ngoài ra bạn có thể xắp xếp thứ tự hiển thị các coments theo time .những coments lần sau có thể hiển thị xuống phía dưới hoặc đảo lên trên,sử dụng thuộc tính data-order-by với một trong các giá trị sau:

data-order-by="social|reverse_time|time" #default: social

Chi Tiết: https://developers.facebook.com/docs/plugins/comments
Activity Feed

Plugin Activity feed sẽ tăng độ tin cậy của người dùng đối với website,nó hiển thị các hoạt động sự tương tác của người dùng đối với website.

xem chi tiết: https://developers.facebook.com/docs/plugins/activity
Recommendations Feed

Hiển thị những lời giới thiệu chia sẻ ,nhận sét của người dùng về nội dung trên website của bạn bằng những cách hoạt động như like,share...khác với activity feeed chỉ hiển thị các hoạt động gần đây

Chi Tiết: https://developers.facebook.com/docs/plugins/recommendations

Ngoài ra facebook cũng có một số dịch vụ cung cấp tính năng như Recommended for you popup như addthis.
Recommendations Bar:

Recommendations bar là những nội dung được đánh giá cao bằng việc lấy từ hoạt động like recommendations.và share được hiển thị dạng float popup nhằm mục đich giới thiệu nội dung tốt nhất cho người dùng.

Chi tiết Tại: https://developers.facebook.com/docs/plugins/recommendations-bar
Like Box :

LiKe Box :là phiên bản đặc biệt của nút like.được thiết kế dành riêng cho facebook pape.Plugin này hiển thị những người đã like fanpage của bạn:


<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.0";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like-box" data-href="https://www.facebook.com/pages/D%E1%BB%8Bch-V%E1%BB%A5-S%E1%BB%ADa-Tivi-T%E1%BA%A1i-Nh%C3%A0/1417918521794790" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>

Chi Tiế t:https://developers.facebook.com/docs/plugins/like-box-for-pages
Facepile:

Facepile là plugin hiển thị hình ảnh profile của những người dùng đã kết nối tới trang fanpage của bạn

Chi Tiết: https://developers.facebook.com/docs/plugins/facepile