Thêm comment Facebook vào website – BanHip

Xin chào người mua! Lại là một bài tiếp tục trong collection Fb Integration mình viết để giới thiệu những plugin hay ho của Fb mà bạn mang thể tích hợp với web site của mình. Thì hôm nay mình sẽ viết về việc thêm phần bình luận (remark) của Fb vào web site nhé. Cho nó đủ bộ =))

Tiện dụng của việc thêm remark Fb vào web site là gì?

Như mình đã nói ở những bài trước thì với lợi thế về số lượng người tiêu dùng vô cùng to nên Fb đã cho phép chúng ta tích hợp những plugin của họ vào web site của mình. Việc này mang lợi cho cả 2 bên. Đối với Fb thì họ tạo ra một hệ sinh thái mạnh cho mạng xã hội của mình. Còn đối với webmaster như chúng ta thì mang thêm những phương tiện miễn phí và thuận tiện hơn cho người tiêu dùng.

Mình sẽ điểm qua một số lợi thế của việc sử dụng hệ thống remark Fb trên web site nhé

  • Đối với những người tiêu dùng đang đăng nhập Fb sẵn thì họ ko cần đăng nhập lại hay tạo tài khoản nữa => Nhanh chóng trong việc để lại “bình luận” của họ trên web site của bạn.
  • Sự kết nối mạnh: Việc remark bằng mạng xã hội sẽ giúp bạn biết họ là ai ngay, từ đó mang thể kết nối trực tiếp một cách dễ dàng
  • Thiết lập cũng đơn thuần và ko mất phí

Ngày nay thì mình mới nghĩ ra sương sương như vậy thôi =)) Với thể mang thêm những thuận tiện khác mà mình chưa kể hết, bạn mang thể để lại remark bên dưới nhé. Đi kèm với những ưu điểm thì tất nhiên là sẽ mang những nhược điểm rồi phải ko? Tiếp tục nào.

Nhược điểm của hệ thống remark Fb lúc tích hợp vào web site

Ưu điểm thì mang rồi, mình cũng nên kể ra một số nhược điểm để cho người mua mang thể tham khảo một cách khách quan nhất nhé.

  • Sử dụng JavaScript nên sẽ làm web site chậm đi một tẹo – Thật ra thì việc bạn tích hợp một plugin remark bên thứ 3 nào cũng sẽ khiến cho tốc độ tải trang bị giảm đi 1 chút cả. Cho nên thì nó là nhược điểm tí xíu thôi.
  • Hệ thống quản lý remark ko giỏi – Nếu so sánh về tính năng (Duyệt, sửa, xoá, quản lý thông tin,…) thì rõ ràng là remark của Fb ko thể so sánh với những plugin chuyên về remark khác được.

Như vậy thì người mua mang thể tự cân nhắc xem mang nên tích hợp remark Fb cho web site của mình ko nhé. Dòng này tuỳ thuộc vào nhu cầu cụ thể của từng người thôi.

Hướng dẫn tích hợp Remark Fb và Web site

Trước hết thì bạn cần phải tạo một App trên Fb (Để mang thể quản lý remark). Bạn hãy truy cập vào hyperlink này

Và khởi đầu tiến hành tạo ra một mẫu Utility trên Fb nhé.

tạo ra một cái Application trên Facebook
tạo ra một mẫu Utility trên Fb

Sau đó bạn mua bừa một trong số những Possibility sau, mình mua luôn mẫu trước hết nhé.

tạo ra một cái Application trên Facebook
tạo ra một mẫu Utility trên Fb

Sau đó thì bạn điền tên của ứng dụng và những thông tin liên hệ khác như hình bên dưới.

tạo ra một cái Application trên Facebook
tạo ra một mẫu Utility trên Fb

Sau đó bấm Tạo ứng dụng và xác thực là xong nhé. Sau đó bạn sẽ được chuyển tới trang Dashboard của App mà bạn vừa mới tạo thành công. Ở đây thì bạn cần quan tâm mẫu ID của ứng dụng là được rồi nhé.

tạo ra một cái Application trên Facebook
tạo ra một mẫu Utility trên Fb

Sau lúc mang ID thì bạn cứ để đấy và tí nữa chúng ta sẽ sử dụng nó sau nhé.

Ngày nay thì web site của mình được xây dựng trên nền tảng WordPress nên mình sẽ hướng dẫn trước cách thêm remark Fb cho WordPress trước nhé. Sau đó thì mới là hướng dẫn chung cho những web site dạng khác.

Thêm Fb remark vào web site WordPress

Đối với những web site dựng trên nền tảng WordPress thì mình nghĩ đơn thuần nhất là bạn nên tìm một Plugin thích hợp. Ở đây thì mình gợi ý là tiêu dùng Plug-in mang tên là Final Social Feedback nhé (Tham khảo: bloghong.com/plugins/ultimate-facebook-comments/)

Sau lúc bạn cài đặt thì Plugin này sẽ yêu cầu bạn nhập thông tin gồm ID và Mã bí mật của ứng dụng (Chính là mẫu ứng dụng mà chúng ta đã tạo ở bên trên)

yêu cầu bạn nhập thông tin gồm ID và Mã bí mật của ứng dụng
yêu cầu bạn nhập thông tin gồm ID và Mã bí mật của ứng dụng

Thì bạn quay trở lại phần Dashboard của phần quản lý ứng dụng Fb bloghong.com/apps/ và tìm tới ứng dụng đã tạo ở bước trước đó. Sau đó bạn tới phần Thông tin cơ bản của App để lấy thông tin gồm ID và Mã bí mật nhé.

ID và Mã bí mật
ID và Mã bí mật

Bạn cho hiển thị mẫu mã bí mật và quay lại nhập vào phần cài đặt của Plugin nhé. Sau đó bạn Allow (bật lên) nó lên nữa là okay.

Lưu ý: Nếu bạn đang cài một Plugin remark nào đó khác thì hãy Deactive nó đi nhé, để tránh bị xung đột dẫn tới việc ko hiển thị được Remark của Fb.

Đây là kết qủa của mình nè

Thêm Facebook comment vào website WordPress
Thêm Fb remark vào web site WordPress

Bạn muốn quản lý remark thì hãy truy cập hyperlink này

Như vậy là xong phần hướng dẫn cách thêm remark Fb vào web site làm bằng WordPress nhé. Cũng khá đơn thuần phải ko nào.

Thêm Fb Remark vào những web site thông thường khác

Đối với những web site ko phải WordPress thì người mua ko sử dụng Plugin như bên trên được. Nếu vậy thì lúc này chúng ta phải xử lý thủ công bằng tay thôi.

Bạn hãy truy cập vào đây

Ở đây thì Fb cho phép chúng ta cấu hình những thông tin để tích hợp Plugin Remark Fb vào web site. Bạn hãy tới khu vực Trình tạo mã Plugin bình luận để tiến hành nhé.

Thêm Facebook Comment vào các website thông thường khác
Thêm Fb Remark vào những web site thông thường khác

Sau lúc nhập thông tin area thì bạn bấm vào Lấy mã – Fb sẽ hiển thị 2 đoạn code. Đoạn thứ nhất là SDK chung của Fb. Nếu bạn đã thực hiện việc thêm một số plugin khác của Fb rồi (Ví dụ: Thêm trang Fanpage Fb vào web site hoặc Thêm Chat Fb vào web site) thì ko cần thêm vào web site nữa.

Thêm Facebook Comment vào các website thông thường khác
Thêm Fb Remark vào những web site thông thường khác

Còn đoạn code thứ 2 chính là mã nhúng để hiển thị khung remark của Fb

<div class="fb-comments" data-href="https://banhip.com/" data-numposts="5" data-width=""></div>

Lúc này thì bạn hãy thêm khung đó vào nơi mà bạn muốn hiển thị trên web site của mình. Đoạn này thì liên quan tới phần kỹ thuật rồi nên bạn làm web site từ nền tảng nào thì tự xử lý nhé chứ mình ko hướng dẫn từng nền tảng được.

Kết luận

OK, nói chung thì việc thêm Remark Fb cũng ko phải là tính năng khó quá. Tuy nhiên nếu bạn làm theo hướng dẫn mà vẫn ko thấy nó hiển thị hoặc gặp lỗi gì đó thì hãy để lại bình luận bên dưới để xem mình mang thể giúp bạn được ko nhé. Xin cảm ơn!