[WordPress] Hướng dẫn tích hợp Comment Facebook cho Website

Chào các bạn!

Có rất nhiều bạn mới lần đầu tạo Website bằng WordPress và thấy có những trang mà họ có Comment bằng Facebook được mà sao của mình lại không được. Hôm nay mình sẽ hướng dẫn các bạn tích hợp Commennt Facebook cho Website WordPress.

I. Hướng dẫn tạo App để lấy App ID

Bước 1: Truy cập vào đường dẫn: https://developers.facebook.com/apps sau đó bấm vào Thêm ứng dụng mới (Create new App)

1-4

Sau đó bấm vào ô Trang Web như hình

2

Bước 2: Nhập vào ô khoảng trắng (1) tên ứng dụng mình muốn tạo sau đó kích chuột vào Tạo ID ứng dụng mới trên Facebook (2)

3

Bước 3: Sau đó ta sẽ nhập gmail mình vào ô Email liên hệ (1) và chọn Danh mục (2) như mình là Tin tức => Tạo ID ứng dụng (3)

4

Sau đó nó đã tạo xong App ID ta nhấn vào Skip Quick Start

5.1

Giờ ta đã có App ID rùi (Mình khoanh ô màu đỏ)

6

II. Tạo Code Comment cho Website:

Bước 1: Truy cập vào đường dẫn https://developers.facebook.com/docs/plugins/comments sau đó các bạn điền thông số để phù hợp với website mình. URL để bình luận các bạn sẽ để URL domain của mình nhé sau đó ấn Lấy mã (Get Code).

7

Sau khi bạn ấn Lấy mã (Get Code) thì Facebook App sẽ trả về cho bạn 2 code

Code 1: Bạn sẽ copy bỏ code này vào file header.php chèn sau thẻ </head> .

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

Và sau đó chèn code này vào bên dưới thẻ </head>  và sửa APP ID thành số App ID của bạn như mình là (1302834759743326) và USER ID là số ID Facebook cá nhân của bạn (Các bạn vào link này để check ID Facebook cá nhân của các bạn: http://findfacebookid.com/)

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

Code 2: các bạn thay thế http://caonguyenit.com bằng <?php the_permalink() ?>

<div class="fb-comments" data-href="http://caonguyenit.com/" data-numposts="5"></div>

Sau đó các bạn Copy code 2 vừa chỉnh sửa xong Paste và file comments.php (Xóa hết các code trong file comments.php đi rồi Paste code mới vào nhé).

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

Quản Trị Viên: Admin_NguyenNT 

Tư vấn miễn phí: Hotline/FB/Zalo/Viber: 01295.000.899Facebook Page: https://www.facebook.com/caonguyenit.vn


Xin cảm ơn bạn đã ghé thăm CaoNguyenIT.Com

Chúc bạn một ngày Vui Vẻ - Hạnh Phúc
Không biết bạn đang muốn tìm vấn đề gì về máy tính PC, Laptop? Hay là các Thủ Thuật Windows?
Nếu bạn chưa tìm được thì bạn có thể tìm kiếm vào ô tìm kiếm ở dưới đây để có kết quả nhanh nhất!
CaoNguyenIT Rất vui khi được giúp đỡ bạn!
 

Bình Luận Bằng Facebook - CaoNguyenIT.Com