22 February, 2017

Hướng dẫn chèn Comment Facebook vào Website Wordpress, Blogspot...

Tương tác trực tiếp với khách hàng trên Website là vấn đề luôn được các đơn vị quan tâm. Hộp chát trực tuyến hay hộp bình luận giúp khách hàng dễ dàng có được câu trả lời, nâng cao tỷ lệ "chốt"... Lượng người dùng khá lớn từ Facebook khiến các nhà phát triển đưa ra ý tưởng về việc tích hợp Facebook vào website để tăng tương tác với khách hàng.
Thấy nhiều bạn hỏi về cách chèn comment Facebook vào website (Wordpress, Blogspot...) nên Thạnh xin viết bài này hướng dẫn các bạn cách chèn hộp bình luận Facebook vào website của bạn. Bạn muốn chèn hộp chát thì tham khảo bài: Hướng dẫn tích hợp chát Facebook Messenger vào website.

Tạo ứng dụng quản lý và chèn code Comment Facebook

Tạo ứng dụng quản lý Comment

Để có thể chèn hộp comment Facebook vào website, bạn cần tạo ứng dụng trong trang Facebook dành cho nhà phát triển và tạo code chèn vào website. Truy cập tạo ứng dụng theo đường dẫn: https://developers.facebook.com/
Facebook dành cho nhà phát triển
Facebook dành cho nhà phát triển
Để tạo một ứng dụng bạn chọn "Tạo ứng dụng" ở góc trên cùng bên phải. Cửa sổ tạo hiện lên, bạn điền các thông tin như bảng tạo yêu cầu gồm: Tên hiển thị (tên ứng dụng), Email thông báo, Danh mục (Như hình dưới)
Tạo ID ứng dụng Facebook mới
Tạo ID ứng dụng mới
Vậy là chúng ta đã tạo xong một ứng dụng mở rộng của Facebook. Ứng dụng này sẽ dùng để quản lý tổng thể những bình luận Facebook tại các bài viết trên website (Sẽ hướng dẫn ở phần cuối bài)

Lấy mã và chèn Bình luận Facebook vào website

Để lấy mã bạn truy cập vào theo đường dẫn sau: https://developers.facebook.com/docs/plugins/comments/
lấy mã chèn bình luận Facebook vào website
Tùy chỉnh và lấy mã chèn bình luận Facebook

  • URL để bình luận: bạn điền địa chỉ website mà bạn muốn chèn bình luận vào
  • Chiều rộng: chính là độ rộng hộp bình luận (Cái này đựa vào khung hiển thị nội dung trên website)
  • Số bài viết: nhập số bình luận muốn hiển thị
Sau khi điền xong các thông số trên >> "Lấy mã". Ở bảng hướng dẫn mới hiện ra Facebook cho ta 2 đoạn code tương ứng với 2 bước hướng dẫn chèn vào website: Đoạn code đầu (Step 2) bạn sao chép và chèn nó vào trong cặp thẻ <head>...</head> đoạn mã sau (Step 3) bạn sao chép và chèn vào vị trí bạn muốn xuất hiện hộp bình luận Facebook (thường là kết thúc một bài viết)

Cách chèn comment Facebook vào Blogspot

Để chèn vào Blogspot bạn cần truy cập vào quản trị Blog >> Mẫu >> Chỉnh sửa HTML
Chỉnh sửa html trong Blogspot
Chỉnh sửa html trong Blogspot
- Đoạn code đầu: Tìm đến thẻ đóng </head> và chèn nó vào trước thẻ đó
- Đoạn code sau: Các bạn thường chèn bình luận Facebook vào sau bài viết, vậy trong trang chỉnh sửa html hãy tìm đến đoạn code "<data:post.body/>" (kết quả xuất hiện cuối cùng của trang chỉnh sửa html) rồi chèn code bình luận Facebook vào sau đoạn code đó. Cách tìm đoạn code trên: tổ hợp phím Ctrl + F sau đó dán nội dung cần tìm và Enter.

Cách chèn comment Facebook vào Website Wordpress

Bạn cần truy cập vào quyền quản trị website cho phép chỉnh sửa một số file chính (Nếu có quyền truy cập vào hosting thì càng tốt) > vào Appearance > Editor
- Đoạn code đầu tiên bạn, bạn mở file header.php (tìm ở cột bên tay phải) và chèn vào trước thẻ đóng </head>
- Đoạn code sau, nếu bạn muốn chèn vào cuối mỗi bài viết, hãy mở file single.php vào chèn nó vào nơi bạn muốn xuất hiện

Mình sẽ tiếp tục cập nhật tại đây hướng dẫn quản lý các bình luận Facebook đó trên website của bạn.

Chúc các bạn thành công! Và đừng quên đặt câu hỏi khi gặp phải vướng mắc nhé!

Phạm Hữu Thạnh

Đây là blog chia sẻ kiến thức không giới hạn, đó là tất cả những gì tôi biết được từ cuộc sống này. Cho đi hay nhận lại không còn quá qua trọng, hơn tất cả là việc bạn biết tôi và tôi biết bạn! - Tôi là Phạm Hữu Thạnh

Xem thêm


Hiện mặt cườiẨn mặt cười