Facebook và những plugin nhúng cho 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">Bạn hãy thay link trang web của bạn vào. Và đây là kết quả:
</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>
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>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.
<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>
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&width=315& height=258&colorscheme=light&show_faces=true& border_color=%23f7f7f7&stream=false&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!
1 nhận xét:
tự comment cái nào
Đăng nhận xét