Thêm bình luận Facebook vào website mới nhất 2020

Đối với web/blog sử dụng mã nguồn mở WordPress. Thì việc chèn thêm bình luận Facebook vào web là việc khá đơn giản vì có rất nhiều plugin hỗ trợ bạn làm việc này.

Xem thêm: Hướng dẫn bảo mật file wp-config.php mới nhất 2020

Nhưng việc cài nhiều plugin cho web là điều không cần thiết. Vì nó có thể sẽ làm web của bạn chậm hơn. Điều này mình cũng có nói đến trong bài viết hướng dẫn tăng tốc WordPress. Và đặc biệt plugin thì được lập trình mặc định. Dẫn đến việc bạn muốn túy biến cũng rất khó (đối với những bạn không rành về code).

Thêm bình luận Facebook vào website mới nhất 2020

Không nói nhiều nữa, mình tiến hành hướng dẫn chèn bình luận facebook vào website luôn đây.

Bước 1: Bạn tìm file header.php và dán đoạn code sau vào giữa thẻ <head> và </head>

<meta property="fb:app_id" content="APP ID" />
<meta property="fb:admins" content="USER ID"/>

Xem thêm: Hướng dẫn lấy APP ID facebook mới nhất

Bước 2: Bạn thêm đoạn code sau vào dưới cuối cùng của file header.php. Tức là sau thẻ </head> và trước <body>

<!-- Facebook JavaScript SDK -->
<div id="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/sdk.js#xfbml=1&version=v2.6&appId=APP ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- End Facebook JavaScript SDK -->

Hiển thị bình luận trên các vị trí mà bạn muốn

Sau khi làm xong các bước trên. Thì tiếp theo mình xin hướng dẫn các bạn chèn code vào các vị trí để hiện thị bình luận.

Code hiện thị bình luận trên WordPress

<?php if( comments_open() ): ?>
<div id="facebook-comments">
<h3 id="reply-title">Bình luận</h3>
<fb:comments href="<?php the_permalink(); ?>" num_posts="5" width="100%"></fb:comments>
</div>
<?php endif; // end comments_open() ?>

Các bạn tìm file comments.php và copy đoạn code trên dán vào là ok nhé! Như thế là mỗi bài viết sẽ hiển thị bình luận Facebook.

Có thể bạn cần: Code tích hợp “Chat FB” vào Website sang messenger

Code hiện thị bình luận trên website của Haravan

Đối với mã nguồn của website bên Haravan các bạn làm như sau:

+ Chèn bình luận vào blog

Bước 1: Truy cập giao diện – article.liquid và đoạn mã dưới đây vào vị trị mà bạn nó xuất hiện đầu hoặc cuối bài viết.

<div class="product-fb-comments" style="background: #fbfbfb;margin: 70px 0 0 0;">
 <div class="fb-comments" data-href="{{shop.url}}{{article.url}}" data-width="100%" data-numposts="15" data-colorscheme="light"></div>
</div>

+ Chèn bình luận vào SP

Bước 2: Truy cập giao diện – product.liquid và đoạn mã dưới đây vào vị trị mà bạn nó xuất hiện đầu hoặc cuối trang sản phẩm

<div class="product-fb-comments hadu-desktop" style="background: #fbfbfb;margin: 50px 0 0 0;">
<div class="fb-comments" data-href="{{shop.url}}{{product.url}}" data-width="100%" data-numposts="15" data-colorscheme="light"></div>
</div>

Lời kết

Như vậy trong bài viết này mình đã hướng dẫn các bạn cách thêm bình luận Facebook vào web mà không cần dùng tới plugin nào cũng như 1 số thiết lập liên quan hữu ích khi bạn sử dụng comment facebook cho web.

Nếu có vẫn đề gì trong quá trình thực hành bạn cứ để lại ý kiến trong khung bình luận dưới để được giải đáp nhé. Chúc các bạn thành công!

Cam Ranh Media

Xem chi tiết
THÔNG TIN THÊM

Quảng cáo

Nhận Mã Giảm Giá Hosting

Tư Vấn Dịch Vụ

CÓ THỂ BẠN QUAN TÂM

Cách điều trị mụn tận gốc từ bên trong không tái phát

...

Phương pháp công nghệ trị mụn tốt nhất hiện nay

...

Spa mỹ viện điều trị mụn uy tín giá rẻ nhất hiện nay

...

Top 5 cách điều trị mụn hiệu quả tại nhà

...

Đánh giá Hosting TinoHost chất lượng năm 2021?

...

Bạn cần tìm người thiết kế website ở Khánh Hòa

...

Review TINOHOST có thực sự tốt như lời đồn?

...

Review sơn Dulux với Jotun loại nào tốt hơn

...

Có nên phun môi Collagen không?

...
Chào bạn! Bạn cần tư vấn hãy gửi tin nhắn nhé!