Cuong Knight – Sống với đam mê
  • Home
  • Giới thiệu
  • Khuyến mãi
  • Download
  • Thủ thuật
  • Đồ họa
  • Thủ thuật website
  • VPS
  • Mobile
    • Android
    • IOS

Cuong Knight – Sống với đam mê

  • Home
  • Giới thiệu
  • Khuyến mãi
  • Download
  • Thủ thuật
  • Đồ họa
  • Thủ thuật website
  • VPS
  • Mobile
    • Android
    • IOS
Thủ thuật website

Hướng dẫn thêm comment Facebook vào website WordPress

by CuongKnight 25/11/201925/11/2019
được viết bởi CuongKnight 25/11/201925/11/2019
Hướng dẫn thêm comment Facebook vào website WordPress

Trong bài viết này Cuong Knight xin chia sẻ với các bạn bài viết hướng dẫn cách thêm comment Facebook vào website WordPress và cách quản lý các bình luận sử dụng hệ thống comment của Facebook một cách dễ hiểu và nhanh nhất.

1.Tạo một Facebook apps.

Ông lớn Facebook đã cung cấp một giải pháp có tính mở rộng rất cao trong hệ thống phát triển của họ, đó là hệ thống Facebook Apps, tại đây bạn có thể tạo ứng dụng để nhúng bình luận vào website, thiết lập quyền truy cập… và quản lý chúng. Và bây giờ bạn hãy tạo một Apps trước nhé.

Bước 1: Tạo Ứng dụng Facebook (Add a New App)

Truy cập địa chỉ https://developers.facebook.com/ .

  1. (1) Chọn Add a New App
  2. (2) Đặt tên cho ứng dụng.
  3. (3) Bấm Create Apps ID để tạo.

add comment facebooks

thêm comment facebook vào website

Sau khi thực hiện xong chọn việc tạo ứng dụng, Facebook xử lí sẽ dẫn bạn đến trang quản trị của apps.

Tiếp theo: (4) Bạn vào Setting (Cài đặt)

thêm comments facebook mới nhất 2017

Bước 2: Cấu hình App – Setting

Trong phần setting, bạn hãy sửa và thêm các thông số sau.

comments facebook

Bạn bấm Thêm nền tảng (Add platform) để thêm website của bạn nhé.

Xong bạn ấn Lưu thay đổi để hoàn tất quá trình cài đặt nhé.

Bước 3: Kích hoạt App – Status & Review

Tiếp theo bạn vào App Review.

Làm theo số thứ tự. số (2) Chọn yes ->Chọn Chủ đề(category) -> Confirm (xác nhận) .

Bước 4: Get code và tích hợp Comment Facebook

Mở link sau để Get code https://developers.facebook.com/docs/plugins/comments/ và chú ý các thông số sau:

Width: 100% hoặc để chống
Number of post: Số lượng comment hiển thị mặc định
cach-tich-hop-comment-facebook-google-disqus-vao-wordpress

Khi chọn xong bấm Get Code, sẽ xuất hiện ra bảng này.

Tích hợp mã code vào trước và sau thẻ </head> như sau:

<meta property=”fb:app_id” content=”Your_App_ID”/>
<meta property=”fb:admins” content=”User_ID”/>
</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.3&appId=Your_App_ID”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

Chú ý với các thông số sau:

  •  Your_App_ID: Là ID của App Facebook ứng dụng bạn vừa tạo được trong bước 1
  • User_ID: Là id của nick facebook cá nhân của bạn, chú ý bạn không lấy ID của Fanpage hoặc Group bạn nhé.

Cách lấy ID : Truy cập https://findmyfbid.com/ xong dán đường dẫn trang cá nhân facebook của bạn vào và ấn Find numeric ID để lấy id nhé.

Bước 5: Tích hợp Comment Facebook vào bài viết

Để tích hợp vào website, bạn chèn vào chỗ muốn hiển thị comment đoạn code sau:

<h3>Bình luận</h3>
<div class=”fb-comments” data-href=”<?php the_permalink();?>” data-width=”100%” data-numposts=”15″ data-colorscheme=”light”></div>

Bước 6: Mở web và xem 1 bài viết bất kỳ để Test xem comment đã xuất hiện chưa? Chú ý nếu web bạn cài Cache thì xóa cache đi vì có thể bạn không thấy bình luận. Để quản lý bình luận bạn hãy vào link sau https://developers.facebook.com/tools/comments , việc tích hợp vào WordPress của bạn coi như đã hoàn tất.

2. Quản lý comment Facebook hiệu quả

Để có thể quản lý comment một cách hiệu quả bạn cần thực hiện vào trang quản lý Comment Facebook https://developers.facebook.com/tools/comments cấu hình như sau: Setting -> Tag thêm người phê duyệt bình luận, Tag các từ cần hạn chế đặc biệt những lời tục tĩu. Thường xuyên theo dõi Alert Facebook để xem có bình luận mới hay không?

3. Cách giữ lại comment khi thay đổi URL

Đây là trường hợp rất hay gặp khi bạn muốn thay đổi định dạng của đường dẫn hoặc đổi tên miền. Vậy làm thế nào để giữ lại được các Comment hãy soạn lại mã code đã tích hợp trong phần bình luận

<div class=”fb-comments” xid=”<?php the_ID(); ?> data-width=”100%” data-numposts=”15″ data-colorscheme=”light”></div>

Ở đâu chúng ta không sử dụng data-href mà thay vào đó là ID của bài viết vì ID không thay đổi khi đổi tên miền.

4. Thêm Admin quản lý Comment

Facebook cho phép bạn cấu hình nhiều admin bằng cách chèn vào đầu thẻ head đoạn code này:

<meta property=“fb:admins” content=“{YOUR_FACEBOOK_USER_ID_1}”/>
<meta property=“fb:admins” content=“{YOUR_FACEBOOK_USER_ID_2}”/>
 Thêm FB:admins vào với thẻ <meta>

Kết luận

Khi cài xong nhiều bạn hỏi hay bị lỗi “Facebook chặn comment”, các bạn đừng lo để vài giờ là nó tự hết nhé.
Thêm Comment Facebook vào WordPress cũng không khó lắm, Bạn hãy xem và thực hành theo hướng dẫn trên đây để giúp Website của bạn trở nên chuyên nghiệp hơn nhé.

 

0 bình luận
0
FacebookTwitterGoogle +Pinterest
CuongKnight

Thích tìm hiểu về công nghệ thông tin, yêu thích công nghệ. Luôn muốn chia sẻ những điều mình biết đến với mọi người.

bài trước
Download phần mềm Glary Utilities Pro v5.118 – Tối ưu và tăng tốc máy tính
bài tiếp
Hướng dẫn cài đặt VPSSIM lên VPS chạy CentOS để quản lý máy chủ website

CÓ thể bạn quan tâm

Hướng dẫn đăng sản phẩm lên website WordPress...

25/08/2021

Cấu hình SMTP zoho mail trên WordPress

31/08/2022

Chèn code Google Analytics vào WordPress đơn giản...

24/03/2020

Hướng dẫn cài đặt WordPress trên localhost bằng...

04/09/2018

SEO website lên Top nhanh chóng

24/12/2019

Để lại một bình luận Cancel Reply

Lưu tên, email và trang web của tôi trong trình duyệt này cho lần tiếp theo tôi nhận xét.

About Me

About Me

Cuong Knight

Một người thích khám phá những thứ mới lạ và đặc biệt yêu thích công nghệ.

BÀI ĐỌC NHIỀU

  • 1

    Hướng dẫn thiết lập CentOS trên Amazon Web Services

    24/11/2019
  • 2

    Hướng dẫn kết nối với VPS bằng phần mềm Bitvise SSH Client

    09/12/2019
  • 3

    Download bản Ghost Win10 Pro (x86-x64) v1909 Build 18363.418 (No soft, Full soft) No Driver

    25/11/2019
  • 4

    Hướng dẫn dùng Skype video nhóm giống Zoom, không cần đăng ký tài khoản

    07/04/2020
  • 5

    Phần mềm Bitvise SSH Client và cách sử dụng

    26/11/2019

Phản hồi gần đây

  • Rami Afandi trong Hướng dẫn dùng Skype video nhóm giống Zoom, không cần đăng ký tài khoản
  • Cuong Knight – Sống với đam mê trong Hướng dẫn chi tiết cách sử dụng phần mềm Zoom họp trực tuyến cho người mới
  • Hướng dẫn dùng Skype video nhóm giống Zoom, không cần đăng ký tài khoản – Cuong Knight – Sống với đam mê trong Cách bỏ giới hạn 40 phút trên Zoom để dùng không giới hạn
  • Cài đặt phần mềm quản trị VPS trên Windows – Cuong Knight – Sống với đam mê trong Hướng dẫn kết nối với VPS bằng phần mềm Bitvise SSH Client
  • Hướng dẫn cài đặt VPSSIM lên VPS chạy CentOS để quản lý máy chủ website – Cuong Knight – Sống với đam mê trong Phần mềm Bitvise SSH Client và cách sử dụng

VPS Khuyên dùng

Hosting – VPS rẻ

Follow Me

Facebook

On Instagram

No images found!
Try some other hashtag or username

TAG

Bitvise SSH Client cài đặt wordpress download CrystalDiskInfo facebook ghost win 10 giao diện fb Google Analytic gọi video nhóm hocvps hosting giảm giá họp nhóm online Illustrator kaspersky kiểm tra ổ cứng kết nối vps microsoft namecheap Office Office Pack photoshop online phần mềm diệt vius phần mềm họp trực tuyến phần mềm zoom Skype Thiết kế trên AI thiết kế trên Illustrator Thủ thuật Illustrator (AI) thủ thuật VPS thủ thuật windows 10 tên miền giảm giá tối ưu hóa máy tính vps vps amazone vps azure microsoft free vps free vpssim VPS Vultr windows 10 wordpress Zoom Đăng ký VPS đăng ký vps miễn phí đổi giao diện facebook
  • Facebook
  • Twitter
  • Instagram
  • Pinterest
  • Youtube
  • Bloglovin
  • Snapchat
  • RSS

@2019 - Bảo lưu mọi quyền. Được xây dựng bởi Cuong Knight


Trở lại đầu trang