Hiện nay Facebook đã rất phổ biến tại Việt Nam không còn xa lạ gì với nhiều người. Hôm nay mình sẽ hướng dẫn cách tích hợp Facebook comment với bài viết trên website.
Cũng như nút Like Facebook trên website để tăng tương tác với người dùng thì facebook comment cũng vậy, việc để người dùng comment vào bài viết bằng tài khoản facebook giúp tăng tương tác rất tốt. Vậy ưu điểm của facebook comment trên website là gì ?
Ưu điểm của việc sử dụng hệ thống Facebook Comment
- Người dùng có thể gián tiếp chia sẻ bài viết của bạn lên tường Facebook của họ.
- Giúp họ tiện lợi trong việc comment mà không cần nhập thêm thông tin gì, rất có lợi cho người dùng bình dân.
- Tương tác, khích lệ người dùng bằng hành động like.
- Được tích hợp với hệ thống notification của Facebook nên họ dễ dàng theo dõi cuộc trò chuyện.
- Không bị tình trạng spam blog WordPress quấy rầy.
- Có thể kiểm duyệt comment, xóa comment và ban người dùng.
- Có thể thêm nhiều quản trị để duyệt bình luận.
Thế nhưng, nó cũng có một chút các nhược điểm sau mà bạn cũng nên lưu ý khi dùng:
- Trang quản lý comment hơi hạn chế.
- Tình trạng Facebook bị chặn đôi khi cũng làm cản trở người comment.
- Nếu quản lý không tốt, đó sẽ là cơ hội cho các spammer lộng hành.
Hướng dẫn tích hợp Facebook comment với bài viết trên website
Bước 1: Đăng nhập và đăng ký tài khoản facebook thành Developer
Bạn truy cập vào https://developers.facebook.com/ và đăng nhập vào bằng tài khoản facebook của bạn. Sau đó bạn chọn Bắt đầu.
Chọn Tiếp và Xác minh tài khoản của mình
Sau khi xác minh tài khoản xong thì bạn bắt đầu tạo app.
Bước 2: Tạo app mới
Sau đó bạn nhập tên hiển thị của app và email vào.
Tiếp theo bạn vào cài đặt chọn Thông tin cơ bản và điền các thông tin cần thiết vào ở đây mình điền URL và lưu lại.
Sau khi cài đặt xong Bật ứng dụng vừa tạo lên. (Nhớ chọn danh mục và danh mục phụ)
Sau khi bật xong thì sẽ giống như ảnh dưới đây
Bước 3: Cài đặt facebook comment cho website
Bạn truy cập vào https://developers.facebook.com/docs/plugins/comments và nhấn Lấy mã phía dưới.
Sau đó ở phần App ID, bạn chọn cái App mà bạn đã tạo rồi copy đoạn code số 1 bỏ vào file header.php (đặt sau thẻ </head>).
Đồng thời chèn code này vào bên dưới thẻ <head> và sửa APP ID thành App ID của bạn.
01 | <meta property="fb:app_id" content="APP ID" /> |
Chèn giống như hình dưới này.
Tiếp theo chèn đoạn dưới đây vào file single.php hoặc comments.php (nếu có thì thay toàn bộ nội dung trong comments.php thành code dưới) trong theme của bạn.
01 | <div class="fb-comments" data-href="<?php the_permalink(); ?>" data-numposts="20" width="100%" data-colorscheme="light" data-version="v2.3"></div> |
Cuối cùng là xóa cache của website, truy cập vào https://developers.facebook.com/tools/debug và điền link website của bạn vào (ví dụ gametus.com) và ấn Debug rồi ấn nút Fetch new scrape information.
Nếu có thắc mắc gì bạn có thể comment để mình giải đáp nhé.
Chúc các bạn thành công!
Bài viết rất đầy đủ cảm ơn ạ
Cảm ơn bạn đã ủng hộ website của mình