Thêm comment app Facebook cho Blogspot

Ở bài trước, mình đã hướng dẫn các bạn cách thêm bình luận facebook cho blogspot khá đơn giản, không cần phải xác thực tài khoản hay tạo App. Nhưng bất tiện ở chỗ bạn không thể quản lý bình luận của bạn đọc.

Bài viết này, mình 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:

Tạo ứng dụng facebook quản lý bình luận, nhận xét
Bướ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.

Bước 2: Đặt tên cho app (Ứng dụng)

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

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 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'/>

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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</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>

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 một trong các đ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 == &quot;item&quot;'>
<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.