Home » Hướng Dẫn WordPress » Thủ Thuật WordPress » Chi tiết cách tích hợp bình luận Facebook vào WordPress

Chi tiết cách tích hợp bình luận Facebook vào WordPress

Trên mạng có khá nhiều bài hướng dẫn tích hợp bình luận bằng mạng xã hội Facebook vào Wordpress rồi. Nhưng mình vẫn nhận được nhiều yêu cầu nhờ giúp đỡ vấn đề này. Vì vậy, bài viết này mình sẽ nói lại chi tiết hơn các bước từ việc tạo và lấy APP ID đến tích hợp vào website WordPress của bạn.

Và khi bạn đã thiết lập xong theo hướng dẫn từ bài viết này, hãy tiếp tục xem bài hướng dẫn dưới đây để khi bài viết của bạn có bình luận thì bài được share trên Facebook cũng có và ngược lại. Chi tiết tại:

Chi tiết cách tích hợp bình luận Facebook vào WordPress Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Chi tiết cách tích hợp bình luận Facebook vào WordPress

Bây giờ mình đang muốn tạo thêm một cái để tích hợp vào một website cho khách hàng tại đây: www.truong1bqp.edu.vn

Tạo Facebook App và lấy APP ID

Tất nhiên, khi chúng ta muốn sử dụng Facebook làm nền tảng bình luận cho website thì chúng ta cần phải tạo một Facebook App trước. Để thực hiện các bạn truy cập: https://developers.facebook.com

Sau khi truy cập bạn đưa chuột vào My Apps. trong đó, trên khung màu đỏ là những APP có sẵn mà mình đã tạo và đang sử dụng cho các website khác. Bạn hãy tìm đến dòng Add a New App và click vào đó.

Chi tiết cách tích hợp bình luận Facebook vào WordPress Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Chọn là website > www > Chắc chắn rồi

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-2-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Click vào Skip and Create App ID

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-3-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Tiếp tục điền các thông tin cần thiết sau đó nhấp vào Create App ID

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-4-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Sau khi thực hiện xong các bước trên, nếu làm đúng bạn sẽ được chuyển đến khu vực thiết lập cho APP. Phần này rất quan trọng. Nếu cấu hình sai ứng dụng của bạn sẽ không hoạt động.

Các bạn hãy tới tab Settings và cấu hình tên miền website của bạn, Email đang sử dụng facebook. Sau đó hãy nhấp vào Add Platform và chọn website

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-5-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Lần này bạn hãy thêm đầy đủ domain của bạn vào như hình sau đó nhấn Save Changes.

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-6-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

 

Tiếp tục, các bạn đến tab App Review để bật chế độ dành cho nhà phát triển lên như hình dưới.

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-7-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Rồi, các bạn quay trở lại Dashboard nếu thấy biểu tượng xanh lè như hình dưới là thành công. Nếu không thì mời bạn làm lại từ đầu.

2016-04-11_12-19-44 Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Ở hai mũi tên xanh bên trên là App ID. Đây là thông tin bắt buộc phải có khi cấu hình bình luận facebook cho website. Các bạn cứ để nguyên đấy, lát nữa chúng ta quay lại lấy sau.

Tích hợp bình luận Facebook vào WordPress

Đầu tiên, các bạn truy cập https://developers.facebook.com/docs/plugins/comments tìm nhay đến nút Get Code > Chọn đúng APP của website bạn muốn thiết lập và copy đoạn code ở khung bên trên như hình dưới.

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-11-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Bây giờ bạn hãy truy cập vào khu vực quản trị website của bạn > Appearance > Editor và tìm đến file header.php dán đoạn code đó dưới thẻ </head>

Ngay lúc này, bạn truy cập website http://findmyfbid.com/ dán địa chỉ facebook cá nhân của bạn vào > Nhấn Find numeric ID → và đây là USER ID của mình.

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-12-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Tiếp tục, bạn chèn đoạn code này bên trên thẻ </head>. Nhớ thay APP ID bạn đã có ở bước đầu và USER ID bạn mới lấy xong.

Làm đúng sẽ như hình bên dưới:

laivanduc-chi-tiet-cach-tich-hop-binh-luan-facebook-vao-wordpress-13-min Chi tiết cách tích hợp bình luận Facebook vào WordPress - Lại Văn Đức Blog

Tiếp nhé. Bạn truy cập vào file comments.php trong theme của bạn. Xóa tất cả Code trong đó và chèn đoạn này vào:

Cuối cùng bạn truy cập vào https://developers.facebook.com/tools/debug và điền link website của bạn vào và ấn Debug rồi ấn nút Fetch new scrape information > Xong. Để quản lý bình luận bạn truy cập vào đây: https://developers.facebook.com/tools/comments/

Thế thôi

Xong rồi, giờ bạn truy cập một bài viết nào đó trên website xem chức năng bình luận bằng Facebook đã hoạt động chưa. Nếu như chưa thì bạn xem lại các bước nhé. Nếu có thì tuyệt vời, chúc mừng bạn. 😀