1900 6891         info@vdo.com.vn

Cách nhúng Facebook comment vào website

Lợi ích khi dùng facebook comment

  • Giao diện đơn giản, thân thiên.
  • Người dùng không phải đăng nhập vì đã có sẵn tài khoản Facebook, Yahoo,…
  • Bạn không tốn công lập trình, không phải lưu trữ và quản lý các comment.
  • Nội dung bình luận được chia sẻ cho bạn bè của người bình luận.
  • Bạn có thêm một lượng lớn traffic đến từ mạng xã hội

Hạn chế khi sử dụng facebook comment

  • Bạn phải quản lý các comment thông qua Facebook.com.
  • Không có giá trị về SEO bởi vì ô bình luận sử dụng iframe.
  • Bị kiểm soát bởi bên thứ 3, phụ thuộc tốc độ tải của Facebook.

Cách nhúng facebook comment vào website

Để đưa ra 1 ví dụ minh họa cụ thể tôi sẽ tạo ứng dụng nhúng facebook comment trong thiết kế website wordpress ấn tượng giúp bạn dễ dàng hình dung.

Bước 1: Tạo Facebook app

  • Truy cập https://developer.facebook.com/app
  • Click vào nút: + Created new app
  • Điền thông tin Tên hiển thị, email của bạn vào và nhất nút tạo ID ứng dụng.
tao-id-facebook-comment

Tạo id cho ứng dụng facebook comment

  • Điền thông tin tên miền, domain và url của website của bạn vào.
dien-thong-tin-cho-facebook-comment

Thông tin website cho ứng dụng facebook comment

  • Hãy lưu lại App ID của úng dụng.

Bước 2:  Nhúng facebook Comment vào website

  • Thêm đoạn code vào thẻ <body>

<divid=”fb-root”></div>
<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/vi_VN/all.js#xfbml=1& appId=YOUR_APP_ID”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

  • Trong đó: your_app_id thay bằng App ID của ứng dụng bạn đã tạo.

Đặt đoạn mã bạn muốn hiển thị nội dung comment
<div class=”fb-comments” data-href=”http://tin.vn” data-colorscheme=”light”
data-numposts=”5″ data-width=”500″></div>

Trong đó:

data-href:  địa chỉ trang web đặt comment

data-numposts:  số comments được hiển thị, mặc định là 10

data-width: chiều rộng ô comment (pixels)

facebook_comment

Facebook Comment

Như vậy bạn đã thu được kết quả  bên dưới trang web bạn thêm có 1 hộp thoại nhỏ đã nhúng facebook comment đúng không nào . Thật dễ dàng phải không? Chúc bạn thành công!

>> Xem thêm: Thiết kế website thẩm mỹ viện chuyên nghiêp .

Hotline tư vấn miễn phí
Sale & Support 24/7

HÀ NỘI

TP HCM