Hoàng Luyến

Hoàng Luyến

Administrator

Hướng dẫn tích hợp Comment Facebook vào WordPress


Hướng dẫn tích hợp khung bình luận của Facebook vào WordPress và cách quản lý các bình luận sử dụng hệ thống comment của Facebook.

Trong bài viết gần đây tôi đã có bài hướng dẫn tích hợp Comment Facebook, Google+, Disqus vào Website, tuy nhiên nhiều bạn đọc vẫn thắc mắc hỏi về tích hợp cho WordPress. Nhân tiện đây tôi sẽ giới thiệu với các bạn bài viết hướng dẫn chi tiết nhất về  tích hợp Comment Facebook vào WordPress và quản lý các bình luận Comment Facebook một cách nhanh nhất.

1. Tạo Facebook Apps

Trong hệ thống phát triển của Facebook cung cấp một giải pháp có tính mở rất cao đó 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 và quản lý chúng. Và bây giờ bạn hãy tạo một Apps mới trước nhé

Bước 1: Tạo Apps trên Facebook (Add a New App)

Truy cập địa chỉ https://developers.facebook.com/ chọn Create a New App như trên hình vẽ -> chọn Advanced setup.

Add a New App

Hình 01. Add a New App

Chọn Advanced Setup

Hình 02. Chọn Advanced Setup

Điền thông tin trước khi tạo App ID mới - New App ID

Hình 03. Điền thông tin trước khi tạo App ID mới – New App ID

Giải thích ý nghĩa

Display Name: Là tên một App bạn muốn tạo

Namespace: Là một App nick duy nhất, nếu trùng phải đổi một namespace khác

Is this a test version of another app: Để mặc định

Type: Chọn lĩnh vực phù hợp

Chọn hình với tính năng kiểm tra bảo mật của Facebook

Hình 04. Chọn hình với tính năng kiểm tra bảo mật của Facebook

Sau khi thực hiện xong chọn hình ảnh kéo xuống -> Chọn Gửi -> Và chờ Facebook xử lý

Dashboard App

Hình 05. Dashboard App

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

Chọn Setting (cột trái) như hình 06 dưới đây và thiết lập các thông số sau

  • Basic – Cơ bản
    • Contact Email : Email liên hệ tốt nhất là trùng với email facebook của bạn
    • App Domains : Nhập tên miền không có http:// như hình trên
    • Add Flatform : Thêm Flatform -> Website -> Nhập site URL (tên miền của bạn có http://)
  • Advanced – nâng cao -> Security
    Bạn chỉ cần quan tâm tới trường Update Notification Email đây là thiết lập để để nhận các thông báo cập nhật từ Facebook tới email của bạn.

Cấu hình App - Setting

Hình 06.  Cấu hình App – Setting

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

Xem hình 07, chọn Yes -> Lưu thay đỏi để kích hoạt App

Kích hoạt App - Status & Review

Hình 07. Kích hoạt App – Status & Review

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
  • Color Scheme: Style màu sắc box comment tùy theo site của bạn màu gì bạn chọn cho phù hợp

Get code comment Facebook

Hình 08. Get code comment Facebook

Lấy mã nhúng và tích hợp vào WordPresss

Hình 09. Lấy mã nhúng và tích hợp vào WordPresss

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

 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 nếu facebook của bạn rất đơn giản kể cả bạn có có URL đẹp hay URL là dãy số thì hãy thực hiện thao tác Click chuột vào ảnh đại diện sẽ xuất hiện 1 link trên trình duyệt . Kết quả bạn sẽ nhìn thấy dãy mã số dài cuối dài cuối link biểu thị màu đỏ dưới 
    https://www.facebook.com/photo.php?fbid=634855699985102&set=a.104988459638498.6128.100003820326603&type=1&theater

Để biết chắc đó là ID bạn chỉ cần viết 1 link trên trình duyệt như thế này nó sẽ tự chuyển tới facebook cá nhân của bạn https://www.facebook.com/100003820326603 . Tới đây bạn đã cấu hình xong App_ID và User_ID vào web của bạn rồi.

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

Để tích hợp bạn  và chèn vào đoạn code sau 

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ả

Để quản lý comment 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 thực hiện 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

 Ở đâ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 >1 admin bằng cách 

 Thêm FB:admins vào với thẻ <meta>

5. Cài đặt thông số Facebook comments

Facebook cho phép bạn tùy biến các thông tin sau khi tích hợp Comment Facebook vào WordPress và Website.

Setting HTML5 Attribute Description Default

colorscheme

data-colorscheme

The color scheme used by the plugin. Can be “light” or “dark”.

“light”

href

data-href

The absolute URL that comments posted in the plugin will be permanently associated with. Stories on Facebook about comments posted in the plugin will link to this URL.

Current URL.

mobile

data-mobile

A boolean value that specifies whether to show the mobile-optimized version or not.

Auto-detected

num_posts

data-numposts

The number of comments to show by default. The minimum value is 1.

10

order_by

data-order-by

The order to use when displaying comments. Can be “social”, “reverse_time”, or “time”. The different order types are explained in the FAQ

“social”

width

data-width

The width of the plugin. Either a pixel value or the literal 100% for fluid width. The mobile version of the Comments plugin ignores the width parameter, and instead has a fluid width of 100%.

550

 
 

Kết luận

Tích hợp Comment Facebook vào WordPress quả không khó lắm đúng không ạ? 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. Cảm ơn bạn đã ghé thăm Blog Hoàng Luyến.
WordPress Tiếng Việt  >  Hoc WordPress   >   Sử dụng WordPress  >  Thủ thuật WordPress
Hướng dẫn tích hợp Comment Facebook vào WordPress
3.4/5 (68.5%) 40 votes


16 Bình luận

Viết bình luận
  1. Tháng Bảy 29, 14:57 Thuật

    Cái này mình sử dụng có quản lý dc comment trong app fb không anh?

    Bình luận
  2. Tháng Tám 01, 15:43 Thuật

    Dạ, oke, cảm ơn anh

    Bình luận
  3. Tháng Chín 08, 15:57 blogseovn

    Cảm ơn bạn đã chia sẻ……….

    Bình luận
  4. Tháng Mười 26, 18:36 Nguyễn Đức

    Nếu muốn tích hợp cả 2 hệ thông bình luận (facebook và của wp) thì có được không @HoàngLuyến ?

    Bình luận
  5. Tháng Mười 31, 06:36 minhhungtsbd

    Chèn cmt fb này vào r có còn cmt cũ ko a

    Bình luận
  6. Tháng Mười Một 16, 06:39 Cường

    Thêm bộ đếm bình luận facebook vào thay thế bộ đếm mặc định thế nào vậy bạn

    Bình luận
  7. Tháng Năm 25, 09:22 Ship hàng thái lan

    Sao mình chèn vào bài viết nó không hiện thị ra vậy Hoàng Luyến??

    Bình luận
  8. Tháng Sáu 23, 03:21 Thể Hình Channel

    Sao cái site của em nó lại không có cái phần cmt mặc định của WP nhỉ ??. Làm sao bật nó lại giờ anh. ?

    Bình luận
  9. Tháng Bảy 05, 06:46 Tin 13s

    Mình dùng plugin nhưng ko được . Có phải do theme không ta

    Bình luận
  10. Tháng Tám 14, 15:46 Le Phong Hau

    Mình làm theo hướng dẫn nhưng sao khi có comment trên website nhưng vào phần quản lý comment thì ko thấy

    Bình luận
  11. Tháng Mười 07, 17:13 Thế Mạnh

    Thks bác nhé, làm tới lần thứ 4 mới làm đc 🙁

    Bình luận
  12. Tháng Mười 12, 02:06 Thế Mạnh

    Anh ơi, e đã set up thành công, nhưng thỉnh thoảng có comment thông báo về facebook admin, nhưng có comment lại không hiện thông báo

    Bình luận
  13. Tháng Một 17, 07:47 nam duong

    Thannks Hoang Luyen nhe! đã làm thành công ngon luôn

    Bình luận
  14. Tháng Hai 11, 03:50 Maxman

    Tôi có 1 website được làm cách đây khoảng gần 2 năm, có một vài từ khóa ngắn lên top 1 Google nhưng càng ngày càng tụt top không hiểu vì sao, nhưng sau khi đọc bài viết này thì tôi thấy làm seo là phải update kiến thức liên tục, liên tục để áp dụng vào SEO nếu không thì sẽ ngủ quên trên chiến thắng. Đọc xong bài này tôi thấy tôi lạc hậu vài năm rồi…

    Bình luận
  15. Tháng Mười Một 23, 02:47 vtkong

    Bạn ơi, bây giờ phiên bản API facebook nâng cấp rồi, bạn biêt cách nâng cấp không

    Bình luận

Viết bình luận

Tất cả bình luận

Thật tuyệt vời nếu bài viết này nhận được ý kiến của bạn. *

SEO