Nhúng comment (nhận xét) của Fackbook vào website - blog đơn giản

Hiện nay, với tốc độ phát triển của Facebook thì ai ai cũng biết. Với mình, Facebook ngoài mạng xã hội ra thì nó còn có 1 số tích năng rất ok mà bạn cần tham khảo nếu bạn là một quản trị website. Và đó là chức năng nhận xét của facebook.


Ưu điểm :
- Có sẵn, chỉ nhúng vào là dùng được, không cần lập trình.
- Tương tác tới bạn bè của mình khi mình đăng nhận xét.(với điều này thì traffic về website bạn là 1 số không nhỏ nhá.)
- Tiện lợi cho người cần bình luận vì dùng sẵn tài khoản Facebook, không cần đăng nhập vào website của ta.

Khuyết điểm :
- Do chức năng này của Facebook nên bạn muốn quản lý các comment mới thì phải log vào Facebook, chính vì điều này mà website của chúng ta phụ thuộc vào tốc độ load của facebook vào một số thời điểm nhất định.
- Không có nội dung cho SEO vì dữ liệu tại Facebook.

Sau đây, các bạn xem cách cài đặt như sau :
Bước 1 : Tạo Facebook App cho website
- Vào https://developers.facebook.com/apps, sau đó chọn Add New Apps

Bạn chọn platform là website, sau khi bạn chọn thì sẽ xuất hiện hộp thoại để nhập tên App cho website, sau đó thì Facebook sẽ tự tạo đoạn code như sau :
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '247905662012629',
      xfbml      : true,
      version    : 'v2.5'
    });
  };

  (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/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
Nếu bạn muốn thay đổi ngôn ngữ thì thay en_US sang mã ngôn ngữ khác, ví dụ của Việt Nam : vi_VN

Bước 2 : Sau khi có đoạn code trên thì bạn copy đoạn code đó dán trước thẻ </head>, sau khi đặt đoạn code trên thì bạn có thể sử dụng các chức năng như : Login, Like, Share, Comment,.. Bạn chỉ cần đặt thêm đoạn code cần hiển thị cho các chức năng trên đúng vị trí trên website của mình là được.

Sau đây là các đoạn mã tương ứng với các chức năng trên (chỉ cần bạn thay địa chỉ website của mình vào là được)
Login
<div class="fb-login-button" data-max-rows="1" data-size="medium" data-show-faces="false" data-auto-logout-link="false"></div>
Share
<div class="fb-share-button" data-href="http://truyen.thichcode.net/" data-layout="button_count"></div>
Like
<div class="fb-like" data-href="http://truyen.thichcode.net//" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
Comment
<div class="fb-comments" data-href="http://truyen.thichcode.net/" data-numposts="5"></div>
Ngoài các chức năng như like, share, comment,... thì còn nhiều chức năng khác, các bạn xem chi tiết tại https://developers.facebook.com/docs/plugins. Ở đây, bạn có thể tùy chỉnh hiển thị giao diện plugin như là màu sắc, số nhận xét hiển thị, hiển thị các bạn bè đã thích....

Nếu các bạn có gì khúc mắc hãy để lại nhận xét bên dưới.
Bài trước
Bài sau

Thíchcode.NET - Mang lại giải pháp cho coder. Nếu các bạn có gì khó khăn trong lập trình thì liên hệ chúng tôi (FanFace). Chúng tôi sẽ hỗ trợ miễn phí cho các bạn.

0 comments:


Hỗ trợ