Hướng dẫn chèn comment facebook vào blogspot

Ngày này, mạng xã hội facebook là mạng toàn cầu, nhà nhà dùng facebook, người người dùng facebook để nói chuyện, trao đổi công việc, facebook cũng là một công cụ marketing online hiệu quả. Chính vì vậy việc thêm bình luận (comment) của Facebook vào blogspot là rất cần thiết, vừa tạo được nơi bình luận, chém gió cho mọi người, vừa dễ đưa bài viết tới người đọc bởi hiệu ứng lan truyền của nó.

Bước 1: Tạo app facebook Đăng nhập Facebook ~> Truy cập https://developers.facebook.com/apps Vào My Apps ~> Với những tài khoản facebook chưa veryfi (xác thực) thì sẽ hiện "Register as a Developer" , bạn vào đây để xem cách xác thực tài khoản trước khi làm tiếp: Hướng dẫn cách xác minh tài khoản Facebook bằng số điện thoại Khi tài khoản đã được xác thực: Vào My Apps ~> Add a New App

Hướng dẫn chèn comment facebook vào blogspot

Tiếp theo nhập mã bảo vệ là ta đã tạo xong app. Khi đã có app, bạn lưu ý copy Mã ứng dụng (App ID) lại để dùng cho bước sau.

Hướng dẫn chèn comment facebook vào blogspot

Bước 2: Chèn Facebook Comment vào Blogger (Blogspot) Đăng nhập Blogger ~> Vào Mẫu ~> Chỉnh sửa HTML Thêm dòng code sau vào thẻ

xmlns:fb='https://www.facebook.com/2008/fbml'

Hướng dẫn chèn comment facebook vào blogspot

Thêm thẻ meta sau vào trước thẻ

Thay thế Mã ứng dụng của app mà bạn đã copy ở cuối Bước 1 Thay Facebook user ID bằng ID tài khoản Facebook của bạn Thêm đoạn code sau vào trước thẻ

Cuối cùng ta sẽ xác định vị trí để chèn bình luận facebook. Thường thì ta chèn bình luận facebook vào cuối bài viết, có 2 cách để thực hiện.

Trong một bài trước mình đã hướng dẫn mọi người cách tích hợp bình luận Facebook Comment vào Website, trong đó nổi bật là phần bật tính năng thông báo (notification). Nhưng có rất nhiều câu hỏi rắc rối về việc tích hợp phần bình luận Facebook Comment cho Blogger (Blogspot), vì vậy để hỗ trợ các bạn, trong bài lần này mình sẽ hướng dẫn chi tiết cách thêm Facebook Comment dành riêng cho Blogspot. Facebook comment : Tích hợp phần bình luận của Facebook vào trong Website của bạn, để bổ xung hoặc thay thế cho phần bình luận trên Website. Theo đó những người sử dụng tài khoản Facebook họ có thể để lại lời bình luận, đánh giá về sản phẩm, dịch vụ trong khung bình luận được tích hợp trên Website của bạn. Nếu bạn muốn khi ai đó comment trên Blog của bạn, bạn đều nhận được thông báo về tài khoản Facebook hoặc kiểm duyệt các comment trước khi nó được xuất bản, để làm được việc này bạn cần bổ xung app_id, làm theo hướng dẫn tại kiểm duyệt thông báo Facebook comment cho Website.

Facebook Comment cho Blogspot, Blogger

Yêu cầu: Bạn đã có Blog được tạo trên Blogger.com Bước 1: Bạn vào phần Mẫu -->Tùy chỉnh HTML

Hướng dẫn chèn comment facebook vào blogspot
Bước 2: Bạn Copy đoạn Code sau đây, sau đó kéo thanh cuộc xuống cuối cùng, và bạn thêm trước thẻ

Thông thường chúng ta thường thắc mắc làm thế nào để đưa một like box, comment từ Fanpage của facebook vào trực tiếp trang blog của mình. Làm như thế chúng ta có thể cho mọi người biết về diễn đàn mình lập ra ngay trên trang blog cá nhân, kết nối mọi người nhiều hơn có thể.

Để tạo một like box trong trang blog cá nhân ( ơ đây đề cặp là google) trước hết ta hãy tạo một fanpage trên facebook. Sau đó copy link của fanpage và truy cập vào trang https://developers.facebook.com/docs/reference/plugins/like-box/ chúng ta sẽ thấy giao diện như sau:

Hướng dẫn chèn comment facebook vào blogspot

Ngoài ra, trên thanh công cụ ở bước 2 ta còn thấy các thuộc tính như width, height, show faces, color schene… đó là phần tùy chỉnh kích thước, hiện giao diện, hay màu sắc cho giao diện tùy theo sở thích hoặc đặc tả trang mà bạn muốn add vào.

Hướng dẫn chèn comment facebook vào blogspot

Sau khi tinh chỉnh hoàn tất, click vào Get Code như ở bước 3 và copy hai đoạn code như ở bước 4 và lưu vào đâu tùy ý, để có thể sử dụng lại được. Bây giờ tra trở lại trang blogger của google. Với giao diện như sau:

Hướng dẫn chèn comment facebook vào blogspot

Hoàn thành ở bước 6 ta thấy xuất hiện một cửa thêm tiện ích và chọn phần HTML/JAVASCRIPT và copy hai dòng mã nhúng ở bước 4 vừa copy nhúng vào đây. Với tiêu đề có hay không thì không quan trọng. Cuối cùng nhấn Lưu để hoàn tất.