 |
| Thêm khung Facebook Comments mới nhất cho Blogger/Website |
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é!
 |
| Chọn Register Now |
 |
| Chọn "o" để tiếp tục |
 |
| Xác nhận số điện thoại |
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.
 |
| Chọn Website |
 |
| Skip and Create App ID |
 |
| Điền thông tin của bạn |
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'/>Bước tiếp theo, truy cập vào trang https://developers.facebook.com/docs/plugins/comments để lấy code khung Comments Facebook.
<meta content='Username Admin-tên người dùng' property='fb:admins'/>
Tại cửa sổ mới hiện ra, các bạn chọn GET CODE
 |
| GET CODE |
 |
| Copy 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!
Post a Comment Blogger Facebook
Post a Comment