New
Loading...
Comment Facebook cũng Like Facebook là một tiện ích khá hay để phát triển website tăng trafic vì đơn giản là lượng người dùng Facebook khổng lồ, luôn đăng nhập sẵn, khi vào website nào có comment là họ sẵn sàng comment ngay lập tức nếu muốn, và khi comment thì có thể đưa lên tường của họ để lôi kéo bạn bè xem...


Cách gắn comment rất đơn giản, các bạn hãy làm theo các bước sau:

Bước 1:  Các bạn truy cập vào đường dẫn sau để lấy code plugin comment https://developers.facebook.com/docs/plugins/comments/

Điền như hướng dẫn trong hình bên dưới:


Sau đó nhấn Get Code sẻ hiện lên cửa sổ để bạn lấy code plugin gắn lên website, bạn làm theo các hướng dẫn trong hình:



- Bước chọn code: Bạn cho loại code muốn gắn lên, ở đây có nhiều loại code hỗ trợ website bạn như HTML5, XFBML, IFRAME, URL.
- Bước lấy code:
Code 1: Bạn hãy gắn trong thẻ <body>
Code 2: bạn gắn ở vị trí nào bạn muốn form comment xuất hiện
Lưu ý: trong đoạn code data-href="http://example.com/comments" bạn nên sử dụng một biến tạo link động nếu bỏ comment trong trang chi tiết vì phần này sẻ thay đổi theo từng trang, nếu không có biến thì bạn nên để trống.

Chúc các bạn thành công!


Xem thêm:
- Hướng dẫn cách vào Facebook trên điện thoại khi bị chặn
- Một số thủ thuật Facebook thú vị bạn nên biết
- 8 điều nên tránh chia sẻ trên Facebook sau khi chia tay
- Hướng dẫn khóa hoặc xóa tài khoản Facebook dễ dàng
- Hướng dẫn cách đổi mật khẩu Facebook dễ dàng
- Hướng dẫn cách ẩn ngày sinh nhật của bạn trên Facebook
Trong blogger thường hỗ trợ sẵn khung comment bằng tài khoản Google và nhiều openid khác nhau nhưng không hỗ trợ comment Facebook, vì vị muốn thêm comment Facebook bạn phải tự tay làm. Nhưng cũng không khó lắm đâu các bạn, chỉ cần làm theo các bước sau là bạn cũng có thể làm dễ dàng.


Bước 1: Đăng nhập blogger => Template => Edit HTML => Tìm (Ctrl + F) đoạn <html và thành <html xmlns:og='http://ogp.me/ns#'

Bước 2: Tìm  <body> thêm đoạn code sau vào:

<div id="fb-root"></div>
    <script>
    window.fbAsyncInit = function() {
    FB.init({
    appId : 'YOUR_APP_ID',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml : true // parse XFBML
    });
    };
    (function() {
    var e = document.createElement('script');
    e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
    e.async = true;
    document.getElementById('fb-root').appendChild(e);
    }());
    </script

Thay   YOUR_APP_ID thành App ID của bạn

Bước 3: Tìm thẻ <head> thêm vào bên dưới đoạn code sau:
<meta property = "fb:app_id" content= "YOUR_APPLICATION_ID" />Thay   YOUR_APP_ID thành App ID của bạn

Bước 4: Tìm đoạn code sau: <div class='post-footer-line post-footer-line-2'>

Dán đoạn code sau vào bên dưới:

<b:if cond='data:post.isFirstPost'>   
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
</b:if>
<a expr:href='data:post.url + &quot;#fb-root&quot;'><fb:comments-count expr:href='data:post.canonicalUrl'/> comments</a>
 Bước 5: Tìm <div class='post-footer-line post-footer-line-3'>
Dán đoạn code sau vào bên dưới:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<script>(function(d){
 var js, id = &#39;facebook-jssdk&#39;; if (d.getElementById(id)) {return;}
 js = d.createElement(&#39;script&#39;); js.id = id; js.async = true;
 js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
 d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;'><fb:comments colorscheme='light' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='900'/></div>
</b:if>
Sau đó các bạn lưu lại và chạy thử trong trang chi tiết bài viết xem kết quả nhé.


Chúc các bạn thành công!