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 |
Để 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 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/
|
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 |
- Đ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é!