logo-alantien
banner-header

Hướng dẫn cài đặt Comment Facebook cho website wordpress

Tác giả: Alan Tiến

Xin chào các bạn, bài viết hôm nay mình sẽ hướng dẫn các bạn cách để cài đặt comment facebook lên website thuần cũng như wordpress một cách nhanh nhất, ít gặp lỗi. Ngoài ra thông qua bài viết này các bạn cũng có thể biết được các quản lý các bình luận của đọc giả thông qua tool của facebook cung cấp, vậy lợi ích của việc sử dụng comment facebook là gì?

Lợi ích của việc sử dụng ứng dụng comment facebook vào website

  • Facebook được rất nhiều người sử dụng vì thế giao diện thân thiện, dễ sử dụng
  • Đa số ai cũng sử dụng facebook nên người dùng sẽ không cần phải đăng nhập thêm lần nữa, tiết kiệm được thời gian
  • Việc tạo ra một ứng dụng bình luận đòi hỏi phải có kiến thức lập trình tốt và thời gian thực hiện, vậy tại sao chúng ta không sử tiết kiệm thời gian bằng việc sử dụng comment facebook.
  • Việc chia sẻ trở nên dễ dàng hơn vì chúng ta được thừa hưởng mọi tính năng của facbook như chia sẽ, tag, like…qua đó cũng kiếm được một lượng traffic tự nhiên cho website.

Đi kèm theo lợi là những hạn chế khi sử dụng bình luận FB vào website

  • Bạn phải quản lý bình luận qua tool của facebook cung cấp
  • Phụ thuộc tốc độ của bên thứ 3 ( bên mình hay bị cá mập cắn cáp quang) làm tốc độ website chậm đi.
  • Không quản lý tốt dễ bị spam

Nhìn chung thì việc sử dụng comment facebook mang lại cho chúng ta nhiều cái lợi hơn là hại, đây là công cụ tuyệt vời để giữ đọc giả ở lại website của bạn, đừng quá lo lắng về cách cài đặt vì nó rất đơn giản.

Các bước cài đặt

Thật ra việc tích hợp comment facebook lên website không phải là mới, rất nhiều chủ đề đã hướng dẫn rất chi tiết nhưng đa số là của phiên bản củ nên nhiều bạn vẫn không thể thực hiện thành công. Chúng ta bắt đầu tiến hành cài đặt bình luận facebook nào.

Yêu cầu:

  • Bạn phải có quyền chỉnh sửa code trên hosting hoặc liên hệ người thiết kế web trợ giúp
  • Xác đinh được ví trí các file cần chỉnh sửa như header.php, single.php, comment.php

Bước 1: Tạo app facebook mới:

  • Vào đường dẫn sau https://developers.facebook.com/apps
  • Nhấn  + Add a New App
  • Tới phần platform bạn chọn là: Website
  • Đặt tên cho app: ở đây mình đặt tên là alantien.com.
  • huong-dan-cai-dat-comment-facebook-cho-website-wordpress
  • Nếu bạn nào không biết cách tạo app facbook thì có thể vào đây để tham khảo.

Bước 2: Lấy mã tạo khung bình luận

  • Truy cập đường dẫn sau:https://developers.facebook.com/docs/plugins/comments
  • Kéo xuống phần “Trình tạo mã plugin Bình luận” điền tên miền website vào ô URL sau đó nhấn lấy mã.
  • cai-dat-comment-facebook-cho-website-nhanh
  • Một popup  hiện lên với 2 đoạn mã đi kèm theo hướng dẫn. Bạn nhớ chọn app facbook mà mình đã tạo ở bước 1.
  • cai-dat-comment-facebook-cho-website-moi-nhat
  • Bạn copy đoạn mã đầu tiên, sau đó mở file header.php dán sau thẻ </head>
  • Bạn mở file comment.php, xóa hết toàn bộ đoạn code và dán vào đoạn mã sau, nếu bài viết của bạn không sử  dụng file comment.php thì các bạn mở file single.php (tham khảo cấu trúc file của website wordpress).
  • <div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="20" width="100%" data-colorscheme="light" data-version="v2.3"></div>
    

Bước 3: Cấu hình cho comment facebook.

  • Để comment facebook có thể hoạt động bạn cần thêm 2 đoạn mã này vào giữa cập thẻ <head> trong file header.php
  • <meta property="fb:app_id" content="APP ID" />
    <meta property="fb:admins" content="USER ID"/>

    (APP IP nằm ở app mình tạo ở bước 1, USER IP thì vào link này để lấy, thay tên levantien.vt trên url thành tên user facebook của bạn khi đó fbtrace_id là id của bạn)

Bước 4: Kiểm tra lại đã thành công hay chưa?

  • Các bạn xóa hết cache và vào một bài viết bất kỳ để xem đã xuất hiện khung bình luận facebook chưa.
  • Cài đặt thành công khi bạn xuất hiện tab ” công cụ kiểm duyệt (Moderator view)“.
  • cai-dat-comment-facebook-cho-website-thanh-cong
  • Bạn vào đường dẫn sau để quản trị bình luận, bạn có thể tùy ý xóa, chặn những spam: https://developers.facebook.com/tools/comments

Trên đây là cách cài đặt comment facbook vào wordpress phiên bản mới nhất, tỷ lệ thành công gần như 100%. Hẹn gặp lại các bạn vào những bài sau.

 

Hướng dẫn cài đặt Comment Facebook cho website wordpress
5 (100%) 3 votes

Bạn có thể tìm thấy bài viết Hướng dẫn cài đặt Comment Facebook cho website wordpress với các từ khóa sau:-

like

Gửi bình luận

  • Dịch Vụ

    Khóa Học Viết Bài Chuẩn SEO Tại Nhà TPHCM

    Viết 5 bài chuẩn seo với hơn 1000 từ trong một...

    Khóa học thiết kế website WordPress tại nhà

    Khóa học thiết kế website WordPress tại nhà dành cho những...

    Thiết kế website wordpress giá rẻ: dịch vụ chuyên nghiệp – chuẩn #1

    Bạn đang muốn tìm dịch vụ thiết kế website wordpress giá...

  • Tự học wordpress

    Tạo nút gọi điện thoại đẹp đơn giản với Plugin Call Now Animate

    Hôm nay mình sẽ hướng dẫn các bạn tạo nút gọi...

    Cài đặt wordpress trên xampp bảo mật nhất

    Cài đặt wordpress trên xampp rất đơn giản những hôm nay...

    Hướng dẫn tạo form liên hệ với Contact Form 7 đơn giản

    Với form liên hệ đẹp sẽ giúp website của bạn trở...

    Plugin kk star ratings tạo đánh giá 5 sao trên kết quả tìm kiếm google

    Chắc nhiều bạn thắc mắc tại sao website của người khác...

    Sửa lỗi Briefly Unavailable for Scheduled Maintenance trên WordPress

    Hiện nay rất nhiều bạn đang gặp lỗi “Briefly Unavailable for...

  • Học HTML Căn Bản

    Tag basefont là gì | thẻ basefont trong html

    Tag basefont là gì Tag basefont là một thẻ html căn...

    Tag base là gì | Thẻ Base và thuộc tính target trong html

    Tag base là gì Tag Base là một thẻ html được...

    Thẻ định dạng font chữ và văn bản trong html 5

    Trong bài này mình sẽ tổng hợp các thẻ định dạng font...

    Tag audio là gì | Thẻ audio chèn âm thanh trong html 5

    Tag audio là gì Tag audio là một tag đặc biệt...

    Tag aside là gì | Ý nghĩa và cách sử dụng thẻ aside trong html 5

    Thẻ tag aside là gì? Tag aside là một thẻ tag...

    Tag article là gì | Cách sử dụng thẻ article trong html 5

    Tag article là gì Tag article là một thẻ mới trong html 5...

    Tag area là gì | Cách sử dụng thẻ Area trong html

    Tag area là gì Tag area là một thẻ html xác...

    Tag Address là gì | Cách sử dụng thẻ Address trong HTML

    Tag Address là gì Tag Address là một thẻ html được...

    Tag acronym là gì | cách sử dụng tag acronym trong html

    Tag Acronym là gì Tag Acronym là một tag html được...

  • Key đang SEO Top