Thêm Recommendation Bar Facebook
Recommendation Bar là một plugin facebook khá hay và phổ biến giúp cập nhật tin ngẫu nhiên và giúp like bài viết. Được nhiều website áp dụng.
Trong bài viết này tôi sẽ hướng dẫn các bạn cách thêm plugin này vào trang web hay blog của mình :
Đầu tiên bạn đăng nhập vào trang web :
Bước 1: Tạo ứng dụng facebook
(Nếu bạn đã có ứng dụng chuyển qua bước 2)
Nếu chưa có chúng ta bắt đầu tạo :
Đăng nhập vào địa chỉ dưới để tạo sau đó Copy lấy AppID như hình :
- Ở bên phải sẽ có nút Đăng ký ngay
- Sau khi đăng ký xong bạn sẽ được chuyển tới trang http://developers.facebook.com/apps.
Tới đây ở bên phải có nút tạo ứng dụng mới. Bạn tiến hành tạo ứng dụng mới.
- Sau khi tạo ứng dụng xong bạn sẽ có ID của ứng dụng (như hình)
(Tên ứng dụng: Erhaycomment; AppID: 524808000891158)
Copy lấy ID ứng dụng lưu tạm đâu đó để lát dùng.
Bước 2: Đặt script sau trong <body>
<div id='fb-root'/>
<script>
//<![CDATA[
(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/all.js#xfbml=1&appId=524808000891158";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<div class='fb-recommendations-bar' data-href='https://developers.facebook.com/docs/reference/plugins/recommendationsbar/' data-site='http://www.erhay.com'/>
Thay AppID (vừa lấy được ở bước 1) và tên trang web của bạn (MÀU ĐỎ)
Trên blogger làm tương tự. Nếu bạn chỉ muốn nó hiển thị trên trang bài viết thì thêm vào trong <body> :
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>
//<![CDATA[
(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/all.js#xfbml=1&appId=524808000891158";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<div class='fb-recommendations-bar' data-href='https://developers.facebook.com/docs/reference/plugins/recommendationsbar/' data-site='http://www.erhay.com'/>
</b:if>
Tương tự : Thay AppID và tên trang web của bạn.
Vui lòng ghi lại nguồn erhay khi bạn phát hành lại thông tin từ trang này.
- Rất vui khi được mọi người nhận xét, đóng góp ý kiến để bài viết chất lượng hơn.
- Các ý kiến mang nội dung xấu, tính chất spam, chia rẽ, vi phạm sẽ bị xóa mà không nhắc nhở.
- Comment và share bài viết nếu bạn cảm thấy hay và thú vị.
- Không quên ghi lại nguồn erhay khi bạn phát hành lại thông tin từ trang này.