Hướng dẫn làm Facebook Recomendation Bar Đây là 1 thủ thuật blogspot hay . Facebook Recomendation Bar là một Plugin Social của Faceb...
Hướng dẫn làm Facebook Recomendation Bar
Đây là 1 thủ thuật blogspot hay.
Facebook Recomendation Bar là một Plugin Social của Facebook, bạn có thể tích hợp plugin này vào website Wordpress và Blogger để tăng mức độ hưởng ứng của độc giả đến các bài viết. Việc tích hợp Plugin này không chỉ tăng lượng View trên website mà nó còn tăng cả lượng FanPage. Thật hữu ích đúng không nào?
Tôi sẽ giới thiệu với các bạn về Plugin này. Khi các bạn tích hợp vào website Wordpress nó sẽ nổi lên góc dưới tay phải của website, có khả năng ẩn hiện như 1 thanh popup trên website khi bạn click vào ô vuông nhỏ trên đầu.
Nó hiển thị tiêu đề trang, hình ảnh thu nhỏ bài viết cùng với số lượng người like bài viết. Nào bây giớ tôi sẽ hướng dẫn các bạn thêm nó vào Blog Wordpress, Blogspot.
Bước 1: Tạo ra ứng dụng Facebook
1. Đăng nhập vào Facebook-App thông qua tài khoản Facebook.2. Nhấp vào bút Create New App.
3. Một hộp thoại xuất hiện, như hình bên dưới - App Name: Gõ tên bất kỳ, các ô còn lại để mặc định. Tiếp tục bấm Continue.
4. Hộp thoại Capcha xuất hiện, nhập Capcha rồi bấm Continue.
5. Một khung cấu hình hiện ra, bạn chỉ để ý và click vào Tab Website with Facebook Login. Nhập vào tên website của bạn nhớ có http:// và có dấu "/" ở cuối nhé. Và nhớ đừng sửa các thông tin còn lại và "Save" thông tin lại.
Một điều lưu ý với bạn nữa là bạn phải lưu lại 2 thông tin quan trọng của ứng dụng để sau này cần dùng đó là App ID và App Secret.
Bước 2: Thêm Recomendation bar vào Blog của bạn
Ở bước này tôi sẽ cung cấp cho bạn cả 2 cách thêm vào Blog Wordpress và Blogger:***Đối với Blogger:
- Trước tiên bạn nên Back up giao diện Blogger trước khi tiến hành sửa để đề phòng xảy ra sự cố.
- Mở phần chỉnh sửa giao diện Edit HTML. Tìm <html thay bằng <html xmlns:fb='http://ogp.me/ns/fb#'
- Tiếp theo tìm phần <body> và thêm vào đoạn code sau:
<div id='fb-root'/>Thay phần *************** là tên AppId ở trên. Và thay phần http://www.thuthuatmaytinhaz.blogspot.com thành blog của bạn.
<script>
//Facebook Recommendation bar by www.internetmarketingnhatrang.com
//<![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/en_US/all.js#xfbml=1&appId=***************";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age=''num_recommendations='3' read_time='10' side='right'site='http://www.http://www.thuthuatmaytinhaz.blogspot.com' trigger='40%'/></div>
</b:if></b:if>
- Lưu lại template và vào website xem kết quả nhé, lưu ý lúc mới cài nên bạn phải chờ khoảng 10 giây để load plugin này. Nó sẽ không loadd plugin này ở trang chủ và trang tĩnh, nó chỉ load các trang con thôi nhé.
- Và một lưu ý nữa là các template bạn down trên mạng đều không có cấu trúc chuẩn nên bạn cần chỉnh về dạng chuẩn để Facebook có thể lấy tiêu đề chính xác để hiển thị trong Plugin. Bạn có thể chỉnh sửa lại thẻ Meta Tag như sau:
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
***Đối với Wordpress:
- Đăng nhập vào Adwin của Wordpress.
- Vào Tab Plugin / Search Plugin Facebook và Install.
- Sau đó bạn Active Plugin Facebook. Vào tab Facebook trên thanh Side Bar để chỉnh các thông số cấu hình:
- Sau khi lưu lại thông tin. Bạn sẽ được chuyển hướng sang một trang mới, chọn "Facebook Recomendation bar" và active nó.
- Một số thông số hiển thị cho thanh Recomendation Bar bạn cần chỉnh như:
Không có nhận xét nào