Hướng dẫn nhúng comment Facebook vào trong website bằng WordPress của bạn

Nếu bạn chán ghét form comment mặc định của Wordpress, có thể thử nhúng comment Facebook vào website Wordpress với vài bước đơn giản sau đây

Hôm nay khách hàng có yêu cầu Jam phải nhúng comment vào cuối bài viết để tương tác với người dùng, nhúng mạng xã hội nào cũng được bao gồm G+ hay Facebook đều được, và nhân tiện tôi có chọn Facebook để nhúng vào website, tôi chia sẻ luôn thông tin với các bạn để ai chưa biết cách nhúng comment facebook có thể nhúng nhé.

Ưu nhược điểm của Comment Facebook

Ưu điểm của Comment bằng Facebook là bạn có thể mở rộng website một cách nhanh chóng, không tốn tài nguyên của host cũng như mất công ngồi duyệt comment, các bạn có thể cần kết hợp với plugin SEO Facebook Comment nhé.

Còn đây là các nhược điểm:

  1. Dễ bị đối thủ vào comment và dẫn link sang website khác, lấy mất khách hàng
  2. Khó quản lý và quản lý cần có hiểu biết về cài đặt apps trên Facebook
  3. Không thể giúp cho việc SEO tốt được. SEO cần phải sử dụng comment
  4. Hay tạo ra các đường dẫn lạ như “?facebook_id=xxxx” và báo trùng lặp nội dung trong Google Webmaster !

Các bước nhúng comment Facebook vào Website

Bước 1: Mở file Header.php

Các bạn mở file Header.php trong gói giao diện ra, tìm tới thẻ mở <body> sau đó thêm ngay dưới thẻ này nhé:

<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.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Mã trên là thư viện Facebook SDK của nó, cần phải có nó mới chạy, nếu không là không thể chạy được.

Bước 2: Chỉnh file Single.php

Bước tiếp theo, các bạn cần phải mở file hiển thị bài viết là file Single.php lên, tìm tới thẻ div kết thúc của hiển thị nội dung, ngay sau hàm “the_content()” ấy nha, một số giao diện là file content.php.

Thêm đoạn code sau:

<div class="fb-comments" data-href="<?php the_permalink() ?>" data-numposts="10" data-colorscheme="light"></div>

Vậy là xong rồi:

facebookcomment

Thật dễ dàng phải không nào, nếu trường hợp các bạn phải hiển thị số comment dựa trên số comment trên Facebook / URL này thì không sao, ta vẫn có mã:

<fb:comments-count href=<?php the_permalink() ?>></fb:comments-count> comments

Nếu bạn muốn quản lý tốt hơn comment của mình, hãy thêm ID của bạn làm admin bằng cách, mở file header.php lên, sau đó thêm dòng code sau vào trước </head> nha:

<meta property="fb:admins" content="{YOUR_FACEBOOK_USER_ID}"/>

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

TÁC GIẢ:

Tôi là Jam, thâm niên 7 năm thiết kế website và làm SEO. Hãy theo dõi blog của tôi để nhận được nhiều chia sẻ thú vị xung quanh chủ đề công nghệ.
Bạn có thấy bài viết về nhúng comment Facebook vào website thú vị ? Chia sẻ ngay tới mọi người, hoặc tham gia bình luận thật sôi nổi nhé !

Có 3 bình luận !

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *