Hướng dẫn chèn khung bình luận Facebook phiên bản mới nhất cho Blogger/Website - Hiện nay, số người sử dụng Facebook ở Việt Nam đang dần tăng lên, Facebook Comments có tầm ảnh hướng khá quan trọng tới các Website, nó có tác dụng phổ biến bài đăng trên Website của bạn. Nói cách khác người dùng có thể dễ dàng trao đổi thông tin mà họ muốn mà không cần đăng nhập tài khoản Google+, thuận tiện với tài khoản Facebook đã được đăng nhập sẵn trên trình duyệt. Và hôm nay, Đồng Việt's Blog sẽ giúp bạn thêm khung Facebook Comments vào Website/Blogger một cách chi tiết, đảm bảo đúng code của Facebook.
Thông tin mới
Vào tháng 3 năm 2015, Facebook cho ra mắt Plugin bình luận mới - Graph API v2.3. Với phiên bản mới, ngoài sự thay đổi về giao diện, mình nhận thấy Facebook cũng thêm một số tính năng mới như: Biểu tượng cảm xúc, sắp xếp bình luận,...
Cách làm - Các bước thực hiện
Mình đã lên mạng tìm kiếm dữ liệu cho công việc này, tuy nhiên một số trang mạng hướng dẫn còn sơ sài, các bạn có thể sẽ gặp khó khăn ở một công đoạn nào đó. Mình biết bài viết này sẽ mất khá nhiều thời gian của mình, nhưng trên tinh thần, các bạn ủng hộ mình nhé!
Bước 1: Các bạn truy cập vào https://developers.facebook.com/apps để dăng kí ứng dụng quản lí các bình luận trên hệ thống Comments. Giao diện hiện ra các bạn chọn Register Now nhé!
Tại đây, nếu bạn chưa đăng kí số điện thoại thì Facebook sẽ yêu cầu bạn xác nhận số điện thoại cho tài khoản Facebook.
Các bạn tiến hành nhập số điện thoại > Send as Text > Nhận code > Nhập mã xác nhận > Đăng kí. Các bước diễn ra rất nhanh và đơn giản!
Sau khi đăng kí thành công, các bạn được Facebook điều hướng đến https://developers.facebook.com/quickstarts/ tại giao diện, các bạn chọn Website.
Cửa số mới hiện ra, các bạn điền thông tin như sau:
Tiếp theo chọn Creat App ID, Facebook có yêu cầu xác nhận bảo mật bằng hình ảnh, công việc này dễ dàng rồi mình sẽ không đề cập đến nữa nhé!
Sau khi tạo APP xong, các bạn sẽ nhận được ID của App nhé, hãy sao chép mã ID này.
Bước 2: Chèn khung Comments Facebook cho Blogger
Bước này giúp bạn có thể quản lí được comments trên hệ thống, vào Blogger > Mẫu > Chỉnh sửa HTML > Thêm đoạn code sau vào thẻ <html... ở đầu trang nhé!
xmlns:fb='https://www.facebook.com/2008/fbmlChúng ta thu được đoạn code sau:
<html xmlns:fb='https://www.facebook.com/2008/fbml'>Tiếp đến, thêm đoạn code sau lên trước thẻ </head>
<meta content='Mã ứng dụng bạn vừa chép ở trên' property='fb:app_id'/>
<meta content='Username Admin-tên người dùng' property='fb:admins'/>
Bước tiếp theo, truy cập vào trang https://developers.facebook.com/docs/plugins/comments để lấy code khung Comments Facebook.
Tại cửa sổ mới hiện ra, các bạn chọn GET CODE
Đoạn code thứ nhất bạn chèn vào trước thẻ </body> nhé! Nhớ thay & thành &
Đoạn code thứ 2 các bạn chèn vào nơi muốn hiển thị hệ thống Comments, bạn sửa thành đoạn code này nhé!
<div class="fb-comments" data-numposts="5" expr:href="data:post.canonicalUrl"
data-width="100%"></div>
Vậy là đã xong, các bạn đã có thể chèn khung comments Facebook cho Blog/Website của mình. Tuy nhiên làm tới đây vẫn còn một số thứ chưa hoàn thiện, mình sẽ cập nhật ở bài viết sau nhé!
bài viết lần sau sẽ có nhiều lưu ý và bổ sung cho các bạn!
Nguồn: dongvietblog
No comments:
Post a Comment