FACEBOOK VÀ NHỮNG PLUGIN NHÚNG CHO WEB

Facebook đã trở thành từ quen thuộc với hầu hết chúng ta. Đây là mạng xã hội lớn nhất thế giới và nó cũng là  một kênh quảng bá web tốt c... thumbnail 1 summary

Facebook đã trở thành từ quen thuộc với hầu hết chúng ta. Đây là mạng xã hội lớn nhất thế giới và nó cũng là  một kênh quảng bá web tốt cho bạn. Facebook hỗ trợ một vài plugin để bạn tạo module hoặc widget để đưa vào website hoặc blog của bạn. Hôm nay mình sẽ hướng dẫn các bạn sử dụng một vài plugin hay được sử dụng trên web.
1. Like Button Facebook.
Đây là một tool bạn hay thấy nhất trên hầu hết các website, diễn đàn và blog.
Bạn hãy copy đoạn code sau vào chỗ bạn cần hiển thị 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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<fb:like href="http://webzoomz.info" send="true" show_faces="true" width="450"></fb:like>
Bạn hãy thay link trang web của bạn vào. Và đây là kết quả:

Bạn có thể xem thêm cách tùy biến nó ở đây: https://developers.facebook.com/docs/reference/plugins/like/
2. Comment Form Facebook
Đây là một form comment hay xuất hiện trên các webiste với lượng fanpage hoặc người đọc chủ yếu là facebook. Để đưa comment form facebook vào web bạn hãy copy đoạn code sau vào paste vào chỗ bạn cần hiển thị comment form( thường là cuối bài viết).

<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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<html xmlns:fb="http://ogp.me/ns/fb#">
<fb:comments href="http://webzoomz.info" num_posts="10" width="450"></fb:comments>
 Cũng như like button bạn hãy thay địa chỉ trang web của bạn vào. Ok save và run các bạn sẽ có kết quả như sau.

Các bạn có thể xem thêm cách tùy biến form này ở đây.
3. Facebook Fanpage.
Fanpage chính là kênh quảng bá giới thiệu chính của bạn trên facebook. Để đưa nó vào web bạn hãy copy đoạn code sau và paste vào chỗ bạn cần hiển thị( như các bạn thấy mình có 1 fanpage bên sider bên phải tiện tay cứ kích vài cái cho zui ^_^).
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FWebzoomz&amp;width=315&amp; height=258&amp;colorscheme=light&amp;show_faces=true&amp; border_color=%23f7f7f7&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:315px; height:258px;" allowtransparency="true"></iframe>
 Hãy thay địa chỉ fanpage của bạn vào chỗ text màu đỏ, của mình ở đây là https://www.facebook.com/Webzoomz bạn nào rảnh rỗi thì vào ủng hộ mình nha. Các bạn save lại và run chúng ta sẽ có giao diện như sau:

Để tìm hiểu thêm về facebook fanpage bạn hãy vào đây.
Đó là một vài plugin hay được sử dụng còn khá nhiều các plugin hay khác các bạn có thể vào đây để tìm hiểu thêm và ứng dụng nó vào web của bạn:https://developers.facebook.com/docs/plugins/
Chúc mọi người có thể ứng dụng thành công!

Không có nhận xét nào

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)

Tin HOT

Dịch thuật PLG