Mình đã tích hợp comment facebook cho website WordPress như thế nào?

200

Xin chào tất cả các bạn, mình là Triều Vĩ. Hôm nay là một ngày đẹp trời và mình nãy sinh ý tưởng tích hợp comment Facebook vào trang Thejsdoor của mình.

Và tất nhiên là mình không quên chia sẽ cho các bạn cách mình đã tích hợp comment facebook vào trang website của mình như thế nào rồi. Bắt đầu thôi nào ^_^.

"Bài này nằm trong loạt bài hướng dẫn sử dụng WordPress từ cơ bản đến nâng cao trên trang chính thức Thejsdoor.com" .

#1 Nói sơ về ưu và nhược điểm của comment facebook

Như các bạn cũng đã biết , trào lưu sử dụng Facebook ngày càng cao hiện nay ở các nước nói chung và tại Việt Nam nói riêng. Facebook gần như đuổi kịp Google hầu như về mọi mặt với những người dùng internet từ bình dân đến cao cấp. Do đó lợi ích của Facebook đem lại là điều quá rõ ràng, chúng ta có thể tận dụng nó để tăng cơ hội quảng bá thương hiệu , gắng kết người dùng lại với nhau hầu như ở website.

1- Ưu điểm comment Facebook ?

  • Người dùng có thể trực tiếp comment bằng Facebook trên webiste với thao tác cực kỳ đơn giản.
  • Nhập thông tin nhanh mà không cần phải điền bất cứ thông tin gì khác nữa.
  • Tương tác người dùng bằng nút Like.
  • Tích hợp hệ thống Notification giúp người dùng dễ dàng kiểm soát được thông báo tương tác.
  • Không bị tình trạng spam.
  • Tăng độ uy tín trên website.
  • Có thể thêm nhiều quản trị để duyệt bình luận.

2 – Nhược điểm comment Facebook đem lại ?

Tất nhiên rồi! Không có cái gì là hoàn hảo 100% cả. Bên cạch những ưu điểm thì comment Facebook cũng có một số nhược điểm không mong muốn như:

  • Page quản lý comment có nhiều hạn chế.
  • Tình trạng Facebook chặn commnet người dùng cũng là lý do làm người dùng khó chịu.
  • Một số người không thoải mái lắm khi dùng Facebook cá nhân để comment.
  • Nhược điểm rất lớn là tất cả các comment sẽ không được đồng bộ với WordPress.

#2 Tích hợp Commnet Facebook vào website WordPress ?

Tạo Facebook Apps

Bước đầu tiên để có thể quản lý cũng như đưa comment Facebook vào trong website thì các bạn phải tiến hành tạo Apps trên trang Developers Facebook tại địa chỉ https://developers.facebook.com . Vào và tạo một ứng dụng cho trang web.

Tiếp theo điền thông tin tên ứng dụng và email quản lý của bạn vào bảng. Lưu ý :

  • Tên hiển thị: là tên ứng dụng của bạn
  • Email liên hệ: Email cá nhận hoặc tổ chức của bạn
Điền thông tin

✅Thiết lập ứng dụng

Tiếp theo các bạn nhấp vào nút “Thiết lập” ở mục Analytics như hình dưới.

Tiếp theo chọn vào ô “Web”

Chọn vào ô Web

Tiếp theo, các bạn nhấp vào nút “Tiếp tục” và làm theo yêu cầu cho đến khi tới phần “Thiết lập” như ảnh dưới. Lưu ý : “Các bạn đọc kỹ yêu cầu ở phần này và làm theo, vì khá đơn giản nên mình sẽ lượt bỏ bớt“.

Mục “Thiết lập”

Tiếp tục, nhấp vào nút “Thiết lập” và vào phần “Cài đặt” nhấp vào nút “Cài đặt cơ bản” như hình dưới.

Ở đây, các bạn điều thông tin vào ô tương ứng :

  • ID ứng dụng: chính là ID ứng dụng của bạn.
  • Khoá bí mật: ứng dụng: phần này các bạn không cần quan tâm.
  • Tên hiển thị: Tên ứng dụng của bạn.
  • Vùng tên: Bạn có thể điền bất kỳ. Ví dụ: thejsdoor,…
  • Miền ứng dụng: Tên miền trang web của bạn.
  • Email liên hệ: Mặc định sẽ có trong ô.
  • URL chính sách riêng tư: Điền domain webite của bạn vào là OK. VD: https://thejsdoor.com
  • URL Điều khoản dịch vụ: Để trống
  • Biểu tượng ứng dụng: Bạn để hình ảnh bấc kỳ nhưng lưu ý đúng kích thước theo yêu cầu nhé!
  • Hạng mục: Chọn hạng mục theo lĩnh lực website của bạn.
  • Check vào mục : Hỗ trợ doanh nghiệp của tôi (bên dưới Biểu tượng ứng dụng).

Xong rồi! Nhấp “Lưu thay đổi” bạn nhé ^_^.

Điền thông tin theo yêu cầu

Tiếp tục, kéo xuống mục dưới ở phần “Thông tin cơ bản” và điền thông tin theo yêu cầu để xác thực doanh nghiệp của bạn, sau đó nhấp vào “Lưu thay đổi” lần nữa.

Điền thông tin và nhấp vào Lưu thay đổi

Tiếp theo, các bạn nhấp vào nút “Đang phát triển” để thay đổi trạng thái sang “Hoạt động”“Lưu thay đổi” nhé!

Chuyển đổi trạng thái

OK! Như vậy phần cài đặt và thiết lập ứng dụng của chúng ta coi như đã xong rồi đấy. Tiếp theo, các bạn truy cập vào địa chỉ https://developers.facebook.com/docs/plugins/comments để lấy mã nhúng comment Facebook nhé!

Sau khi truy cập vào đường link trên, các bạn tìm nút “Lấy mã” để xem mã nhúng của mình!

Đoạn mã nhúng thứ nhất:

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v7.0&appId=1186647531681780&autoLogAppEvents=1"></script>

Lưu ý : Đây là mã nhúng của mình. Các bạn phải lấy mã nhúng của các bạn nhé! Đừng copy mã của mình là sai ấy nhé ^^

Ok rồi ! Copy mã nhúng và đưa vào trong thẻ <head> nhé của file header.php của website bạn.

Đồng thời thêm đoạn thẻ meta bỏ vào trên thẻ <head> như hình dưới nhé!

<meta property="fb:app_id" content="ID ỨNG DỤNG CỦA BẠN" />
Hình ảnh thêm vào file header.php

OKE! Tới đây được 90% quá trình rồi. “Đừng nãn khi sắp tới đích” nhé hihi.

Tiếp theo, Các bạn mở file comment.php hoặc file single.php ra. Ở đây mình chọn file comment.php.

Các bạn xoá hết code trong file comment.php và bỏ đoạn code dưới đây vào để thay thế.

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

Xong rồi nè! Còn chần chừ gì nữa mà không test. Các bạn mở 1 bài post bất kỳ lên và xem thành quả ngay thôi nè!

Đấy! Mình đã tạo tích hợp comment Facebook cho website Thejsdoor bằng cách như vậy đó. Các bạn xem hướng dẫn và làm theo mình nhé! Không được thì cứ comment Facebook dưới cuối bài mình support tận tình hihi.

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