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

56

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 bình luận facebook - 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

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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

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

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

Click vào Skip and Create App ID

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

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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

 

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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

Ở 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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

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 bình luận facebook - Chi tiết cách tích hợp bình luận Facebook vào WordPress

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.

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

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

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

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:

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="20" width="100%" data-colorscheme="light" data-version="v2.3"></div>

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/

Update 11/9/2017

Có nhiều bạn cài đặt thành công chức năng bình luận facebook cho website nhưng không nhận được thông báo bình luận mới. Để khắc phục vấn đề này, các bạn truy cập trang quản lý bình luận trên facebook tại đây: https://developers.facebook.com/tools/comments/ Sau đó làm đúng như hình bên dưới để thêm chính bạn vào phần Người Kiểm Duyệt là ok.

Chi tiết cách tích hợp bình luận Facebook vào WordPress bình luận facebook - 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

Nên xem:

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. 😀

56 Comments
  1. Quoc Toan nói

    Chẳng hiểu sao mình cài xong xuôi hết rồi, debug cũng không có lỗi, comment thì cũng có thông báo trên facebook nhưng vô phần kiểm duyệt thì lại không hiển thị 1 cái cmt nào cả. Ad có biết fix lỗi này ra sao ko ạ?

  2. Trần Hùng nói

    Ad cho mình hỏi mình đã tích hợp thành công nhưng khi có người bình luận nó lại không thông báo trên fb của mình là tại sao vậy? Hay mặc định của nó là như vậy. cám ơn nhiều

  3. Trần Hùng nói

    Cám ơn ad nhiều! trước khi làm mình đã thấy nó bật tính năng thông báo.

  4. Toán cấp 2 nói

    Cám ơn bạn, mình đã làm được cho website của mình

  5. phi long nói

    cảm ơn bạn, mình đã làm được trên http://muabanrik247.com/

  6. Tuyen nói

    Test thử 1 comment, xong vô quản lý comments mà éo thấy nút xóa, chỉ có nút ẩn, thiệt là tức wa mà.
    Bạn Đức có cách giải quyết vấn đề này không, giúp mình với

    1. Lại Văn Đức nói

      Ẩn là xóa đấy. Cái ẩn đó chỉ có quản trị phần bình luận mới thấy thôi bạn.

      1. Tuyen nói

        Ẩn thì nó vẫn lưu lại ở đâu đó, mình muốn xóa hoàn toàn luôn cơ.
        Thêm vấn đề nữa là ô bình luận đó áp dụng cho mọi trang, mọi bài viết. Mình muốn mỗi bài có một phần bình luận riêng để dễ quản lý

        1. Lại Văn Đức nói

          Xóa hẳn thì fb không cho. Và bạn muốn riêng từng bài thì cứ làm theo chính xác hướng dẫn trong bài viết này là được.

          1. Tuyen nói

            thì mình làm y chang mà. nhưng không riêng được.
            Ví dụ: mình comment bên post Hello
            Khi mình vào post Test thì comment bên Hello cũng hiện ra, đáng lý ra phải không có gì

            1. Lại Văn Đức nói

              Bạn xem lại từ đầu đi, bởi nếu bạn làm chính xác thì chắc chắn sẽ đúng như các bạn bên trên.

      2. Tuyen nói

        ah còn nữa, mình chỉ muốn comment trên post thôi, không cho comment trên page thì làm sao bạn?

        1. Lại Văn Đức nói

          Bạn mở phần bình luận trong Page lên, rồi bỏ check đi là được.
          http://farm5.staticflickr.com/4429/36915561022_387e48d087_o.png
          http://farm5.staticflickr.com/4392/36250568624_9316c9206e_o.png

  7. Son nguyen nói

    Ad cho hỏi, e đã cho hiển thị được khung cmt lên website wordpress nhưng khi cmt thì không nhận được thông báo cũng như trong ứng dụng xét duyệt không hiển thị, vậy làm sao để quản lý xét duyệt được ạ? có phải e làm sai ở đâu không?

    1. Lại Văn Đức nói

      Quản lý bình luận thì bạn xem ở đây: https://developers.facebook.com/tools/comments/
      Về việc không nhận được thông báo mình đã update hướng dẫn, bạn F5 xem lại nhé.

      1. Son nguyen nói

        em đã set người kiểm duyệt, kể cả em nhưng khi dùng fb khác cmt thử thì vẫn không nhận được thông báo cũng như phản hồi về tool quản lý. Vậy là sao ạ?

  8. Đỗ Đồng Chiến nói

    EM ĐÃ LÀM THÀNH CÔNG, CÓ MỘT SỐ SAI KHÁC NHỎ XÍU TRONG HƯỚNG DẪN CỦA ANH VÌ EM LÀM TRÊN GIAO DIỆN TIẾNG VIỆT.
    VÀ BÂY GIỜ EM MỪNG RƠI NƯỚC MẮT CẢM ƠN ANH LẮM

  9. cHIẾN nói

    Bạn có thể chỉ định fb:app_id hoặc fb:admins nhưng không được chỉ định cả hai.

  10. Nguyễn Quốc Tuấn nói

    Xin chào. Mình đã làm theo các bước trên nhưng lại bị 1 vấn đề là tất cả các comment mẫu trong phần “Trình tạo mã plugin Bình luận” tại: https://developers.facebook.com/docs/plugins/comments đã xuất hiện trong comment facebook của mình. Làm sao để xóa hết ạ ?

  11. Hùng nói

    AD cho mình hỏi sao mình làm bình luận chạy rồi.
    Nhưng bình luận nó bị lỗi ở chỗ : bình luận của sản phẩm/ bài viết này lại hiện lên sản phẩm / bài viết khác. ( bất cứ sản phẩm /bài viết nào cũng hiển thị tất cả bình luận)
    Xin cám ơn

  12. LAC nói

    Mình muốn bình luận chỉ có trên các trang sản phẩm thôi thì làm thế nào?

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.