Hôm nay có một khách hàng yêu cầu về vấn đề add box facebook comment vào từng bài viết, có nghĩa là mỗi bài viết thì có sự đánh giá riêng biệt chứ không phải dùng URL chung khi comment ở bài này thì bài khác cũng sẽ hiển thị nội dung như vậy. Trước đây cũng có một khách hàng yêu cầu add nút like vào từng sản phẩm, sau khi like sẽ comment nhận xét từng sản phẩm, tương tự như yêu cầu trên, mình có nghiên cứu & chia sẻ lên các bạn tham khảo nhé.

 

Đầu tiên các bạn vào link: https://developers.facebook.com/apps/ nếu chưa tạo App các bạn click vào ảnh Create New App

 

Tiếp đến bạn điền như hình sau:

Sau khi điền thông tin bạn click Continue để tiếp tục.

Sẽ có một hộp thoại hiện ra nếu quá trình nhập thông tin trên thành công, bạn nhập Security như hộp thoại cho vào ô & click Submit.

 

 

Sau khi hoàn thành bạn kiểm tra điền lại đúng thông tin như bên dưới, dĩ nhiên là thay tên App cũng như tên miền bạn muốn.

 

(Click vào ảnh để xem rõ hơn)

 

Tiếp đến bạn vào like sau: https://developers.facebook.com/docs/reference/plugins/comments/

Điền URL website bạn vừa tạo App như bên dưới. Bạn có thể tùy chọn hiển thị cũng như chiều dài...

(Click vào ảnh để xem rõ hơn)

 

Sau khi điền đầy đủ bạn click vào thẻ Get Code để tạo code.

 

Bên dưới đây là code của mình đã tạo. Bạn chú ý phần This script uses the app ID of your app nhé, nó phải là tên app mà lúc nãy bạn đã tạo.

 

Bạn click vào ô số 1 và copy dòng hiện ra & dán vào trên của website bạn:

Đây là code của mình, hoặc bạn có thể sử dụng chính code này & thay dãy số 333419430058853 bằng dãy ID App của bạn.

 

Tiếp đến bạn dùng code sau:

Bạn nhớ thay dãy 333419430058853 bằng ID của bạn nhé. & Dán vào nơi bạn cần hiển thị (phía dưới bài viết của joomla, wordpress, VBB, Discuz...)

 

Mình đã test thử thành công trên website của khách hàng, bạn nào muốn xem demo thì PM một trong các nick Online Support ở trang chủ http://giaiphapcong.vn nhé. Nhân viên hỗ trợ sẽ gửi link demo :)

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

SPlus team.

Bài viết này có hữu ích với Bạn? 94 Người xem đã đánh giá bài viết này hữu ích (270 Điểm)