Hướng dẫn cách thêm Comment Facebook vào blogspot, blogger mới nhất. Có thể quản lý Comment.
Hiện nay tại Việt Nam đã có hơn 20 triệu người dùng và đối với nhiều người thì Facebook đã trở thành một phần trong cuộc sống không thể thiếu, Facebook hiện là một social network mang lại nguồn traffic rất lớn cho rất nhiều website, chính vì thế hôm nay chúng ta tìm hiểu cách thêm khung comment Facebook vào Website, Blogspot và làm thế nào để quản lý được những comment đó.
Thêm comment Facebook vào Blogspot mới nhất có quản lý
Tìm trên google cách để thêm comment Facebook vào Blogspot hay Website thì bạn sẽ nhận được gần 1 triệu kết quả cho những bài hướng dẫn, nhưng hiện nay giao diện của trang tạo app trên Facebook đã thay đổi đáng kể, vì vậy những bài viết phần nào không còn chính xác nữa và sẽ gây khó khăn cho việc làm theo các hướng dẫn. Ở bài này sẽ là cách thêm comment Facebook vào Blogspot mới nhất, chi tiết nhất có thể và có quyền quản lý comment, mong rằng nó sẽ đúng trong một tương lai dài.
1/ Tạo một APP mới trên developers facebook:
- Truy cập vào trang developers facebook tại địa chỉ: https://developers.facebook.com/
- Trên thanh Menu chọn: Apps → Add a New App.
Nếu hiện một bảng như thế này thì bạn ấn vào Advanced Setup
Sau đó nó sẽ hiện một bảng tùy chỉnh để tạo một app mới. Chúng ta có các phần như sau:
+ Display Name: Là tên của App đó, nên nhập URL website của chúng ta, viết càng đẹp càng tốt, vì sau này nó rất hữu ích.
+ Namespace: Là đường dẫn đến App, cái này nhập sao cũng được, vì chúng ta không sử dụng App ngay trên Facebook mà dùng cho Website nên không cần thiết lắm.
+ Dòng "is this a test version of another app?": để chữ "o" như hình.
+ Loại: Chọn loại phù hợp với Website của bạn.
Tùy chỉnh xong xuôi, click "tạo ứng dụng", có thể sẽ có một bảng chữ cái kiểm tra bảo mật cho bạn nhập, nhập xong là hoàn tất.
2/ Thiết lập App sử dụng cho Blog Website:
Sau khi tạo xong App, hệ thống sẽ đưa chúng ta đến một bảng điều khiển: Các bạn nhìn ảnh để thiết lập theo nhé, đôi khi nó lộn xộn giữa tiếng Anh tiếng Việt với nhau, chẳng hiểu sao nữa.
- Chọn dòng Thiết Lập: Nhập App Domains của bạn vào, nếu Blogspot đã Park domain thì nên ghi luôn www. Tiếp đến là Email, nhập xong domain và email, bạn click vào + Add Platform và chọn icon Website.
- Nhập địa chỉ Website chính xác vào Site URL. Dòng Mobile Site URL nếu Website của bạn có điều hướng Wap/Web thì nhập vào hoặc có thể để trống. Click Save để hoàn tất.
- Chọn dòng Status & Review: Chuyển từ No sang Yes như hình.
- Bước cuối cùng quay lại phần Dashboard để hiển thị dòng mã số App ID, lát nữa sẽ cần đến nó.
3/ Chèn khung Comment vào Blogspot:
- Bật một Tab mới, vào Blogspot → Bảng điều khiển → Mẫu → Chỉnh sửa HTML.
- Tìm đến thẻ <head>
- Dán đoạn mã dưới đây vào sau nó:
<meta content='App_ID' property='fb:app_id'/>
App_ID: Thay thế nó bằng dòng App ID của bạn.- Tìm đến thẻ <body>
- Dán đoạn mã dưới đây vào sau nó:
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=App_ID&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
App_ID: Thay thế nó bằng dòng App ID của bạn.<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=App_ID&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
- Dán đoạn mã sau vào vị trí bạn muốn hiển thị khung Comment:
<div class='fb-comments' data-num-posts='10' data-width='590px' expr:data-href='data:blog.canonicalUrl'/></div>
data-numpost: Số comment được hiển thị, nhiều hơn sẽ cắt bớt.data-width: Chiều rộng khung comment.
Đối với expr:data-href='data:blog.canonicalUrl' - Thì đây là biến lấy URL hiện tại của Blogspot. Khi sử dụng cho Website khác không phải Blogspot thì các bạn bỏ đi phần ( expr: ) và thay ( data:blog.canonicalUrl ) bằng link sử dụng khung Comment.
Sau khi dán xong, lưu Mẫu lại, quay trở lại trang Web của bạn, nếu như đã hiển thị khung Comment và phía trên xuất hiện một dòng gồm Public Comments - Moderator View - Thiết Lập là thành công.
4/ Quản lý Comment trên Blog / Website:
- Truy cập trang quản lý comment: https://developers.facebook.com/tools/comments
- Bạn sẽ thấy 3 phần: Public Comments - Moderator View - Thiết Lập
+ Public Comments: Nơi hiển thị các comment đã được xét duyệt và hiển thị, trả lời, xóa, cấm người dùng.
+ Moderator View: Nơi dành cho các quản trị viên xem xét các comment chờ xét duyệt và xem comment đó ở bài viết nào trên Website.
+ Thiết Lập: Nơi thiết chung dành cho tiện ích Comment trên Website. ( ảnh dưới )
Nói sơ qua phần Thiết Lập một chút nhé.
+ Quản trị viên: Bạn có thể thêm một số bạn bè vào để cùng quản lý phần comment.
+ Moderation mode: Dòng 1 ( cho phép hiển thị nhận xét của khách ngay sau khi đăng ). Dòng 2 ( Cho phép hiển thị nhận xét ngay sau khi đăng, ngoại trừ những người trong danh sách đen ). Dòng 3 ( Ẩn tất cả bình luận để chờ xem xét ) → Nên chọn dòng 1 thì tốt hơn.
+ Blacklisted works: Thêm một ai đó vào danh sách đen.
+ Other login providers: Cho phép người dùng sử dụng các loại tài khoản đăng nhập khác.
+ Sort Comments: Sắp xếp trình tự của Comments.
OK, cũng mỏi tay rồi, vậy là đã hoàn thành việc thêm comment Facebook vào Blogspot hay Website bất kỳ và bạn có thể quản lý được chúng. Nếu như bạn dùng tài khoản Facebook đang sử dụng để tạo app đó, thì mỗi lần có người bình luận, Facebook sẽ thông báo cho bạn biết ngay lập tức, vì vậy việc bỏ sót một comment nào đó là không thể nào, trừ khi bạn không Online.
Thêm một điều thú vị nữa đó chính là khi ai đó Thích hoặc Comment một bài viết trên Website bạn, thì trên Facebook sẽ hiển thị tương tự như thế này:
Lê Công Hậu thích một bài viết trong LeCongHau.com
Lê Công Hậu đã bình luận một bài viết trong LeCongHau.com
Đó là lý do vì sao ban đầu mình bảo các bạn nhập tên app đẹp một chút.
