Bài viết này, sẽ hướng dẫn các bạn cách thêm bình luận Facebook vào blog quản lý bằng App.
Ưu điểm: Dễ dàng tiếp nhận cũng như quản lý tất cả các bình luận.
Giao diện quản lý bình luận của Facebook APP
Cách chèn bình luận Facebook vào blogger và quản lý bằng APP
Lưu ý: Để tạo app, tài khoản người dùng tại facebook của bạn phải được veryfi (xác thực), thông thường là qua mạng di động, các mạng như mobi hay vina... các bạn xác nhận bình thường, riêng mạng Viettel các bạn làm theo hướng dẫn:
http://shareblogger.blogspot.com/2014/05/cach-xac-thuc-tai-khoan-facebook-mang-viettel.html
Tạo ứng dụng facebook quản lý bình luận, nhận xétBước 1: Đăng ký app trên facebook
- Truy cập vào địa chỉ : https://developers.facebook.com
- Tạo app mới như trong hình.
.png)
Bước 2: Đặt tên cho app (Ứng dụng)
.png)
Nhập mã bảo vệ như trong hình sau khi chọn "Tạo ứng dụng"
Bước 3: Thiết lập ứng dụng vừa tạo tại Facebook
.png)
Chèn khung nhận xét vào blogspot
Bước 4: Đăng nhập vào blogger, vào "Mẫu" -> "Chỉnh sửa HTML"
- Thêm đoạn sau vào trong thẻ <html...
xmlns:fb='https://www.facebook.com/2008/fbml
Bước 4: Đăng nhập vào blogger, vào "Mẫu" -> "Chỉnh sửa HTML"
- Thêm đoạn sau vào trong thẻ <html...
xmlns:fb='https://www.facebook.com/2008/fbml
- Đoạn sau vào trước thẻ </head>
<meta content='Mã ứng dụng' property='fb:app_id'/>
<meta content='Mã ứng dụng' property='fb:app_id'/>
Thay thế Mã ứng dụng của app mà bạn đã tạo như trong hình tại bước 3.
Bước 5: Thêm đoạn mã bên dưới vào trước thẻ </body>
<div id='fb-root'/>
<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>
Bước 5: Thêm đoạn mã bên dưới vào trước thẻ </body>
<div id='fb-root'/>
<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>
Bước 6: Thêm đoạn code bên dưới vào trước thẻ đóng </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="600"></div>';
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="600"></div>';
//]]>
</script>
Lưu ý:
- data-num-posts="5" : Số nhận xét được hiển thị.
- data-width="600" : Độ rộng của khung bình luận.
Bước 7: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspot
Thông thường ta sẽ chèn ngay phía bên dưới bài viết. Tìm đoạn code sau:
<b:include data='post' name='post'/>
- data-width="600" : Độ rộng của khung bình luận.
Bước 7: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspot
Thông thường ta sẽ chèn ngay phía bên dưới bài viết. Tìm đoạn code sau:
<b:include data='post' name='post'/>
Thêm đoạn code sau vào bên dưới đoạn vừa tìm được:
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>
Lưu ý: Để xem và quản lý các bình luận, ta vào https://developers.facebook.com/tools/comments chọn app vừa tạo.
.png)
.png)
.png)
.png)
