Chèn Khung Comment facebook cho website hay Blogspot chuẩn

Chèn Khung Comment facebook cho website hay Blogspot chuẩn

cach-chen-comment-facebook

Ngoài cách chèn các nút like Facebook vào website để tăng tính tương tác với những người dùng trên mạng xã hội thì chúng ta còn có một việc nữa để tận dụng sức mạnh của Facebook đó là sử dụng hệ thống comment của Facebook vào website để cho người khác có thể comment bài viết bằng tài khoản Facebook.

Bước 1: Đăng ký app trên facebook

- Truy cập vào địa chỉ: https://developers.facebook.com/
- Login

-Chọn MY APP ở góc trên bên phải

-Create APP

Như hình bên dưới:

1.Đã login vào trang tạo ứng dụng

2.Tạo ứng dụng

3.Tạo ứng dụng cho www

4.Chọn Create App ID

5. đặt tên cho App ID

6.Lấy APP ID

Bước 2: Đặt tên cho app facebook

Đặt tên app facebook , điền tên lập lại của app facebook, chọn thể loại của app -> chọn app for page

Tiếp theo nhập mã bảo vệ ,xác minh bằng hình ảnh do facebook đưa ra nhé ! -> "Tạo ứng dụng"

Bước 3: Coppy APP ID của app mà ta vừa tạo trên Facebook

Bước 4: Đăng nhập vào blogger, vào "Mẫu" ->"Chỉnh sửa HTML"

-Chèn đoạn sau vào trước thẻ </head>

<meta content='Mã ứng dụng' property='fb:app_id'/>

LƯU Ý: 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 6: Thêm đoạn code bên dưới vào trước thẻ đóng </head>

Bước 7: Chèn khung nhận xét facebook vào vị trí thích hợp trong blogspot

Vào chỉnh sửa giao diện blogger. Ấn Ctrl + F để tìm đoạn code phía dưới
Thông thường ta sẽ chèn ngay phía bên dưới đoạn code sau:

Ctrl F : <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ạn ra website kiểm tra lại nhé !