Video Information
Blogger là một nền tảng Blog rất phổ biến vì nó có khả năng tuỳ biến mạnh mẽ và hoàn toàn miễn phí. Với Blogger bạn hoàn toàn có thể làm 1 trang tin tức, bán hàng,…..chuyên nghiệp không thua kém bất kỳ Website nào.
Và đi theo đó là sự phổ biến của Facebook nên việc chèn Facebook Comment vào Blogger là một điều hết sức hay ho và tiện lợi cho Blog của bạn, tăng được lượt xem cũng như chia sẻ khi thành viên bình luận.
Ưu điểm của việc sử dụng hệ thống Facebook Comment
- Khi người ta comment thi cũng đồng thời gián tiếp chia sẻ lên mạng Facebook cho bạn.
- Người dùng dễ dàng comment mà không cần quan tâm việc phải đăng ký.
- Dễ tương tác, khuyến khích họ kích nút like cho bạn.
- Khi có người comment thì thông báo trên facebook cũng sẽ hiện ra để bạn theo dõi.
- Không phải lo SPam tràn lan vào Web.
- Không ưa comment nào có thể cho ra đảo thẳng tay.
- Có thể có nhiều quản trị cùng quản lý.
- Thế nhưng, nó cũng có một chút các nhược điểm sau mà bạn cũng nên lưu ý khi dùng:
- Mục quảng lý comment hơi chuối.
- Xui xui bị chặn ở Việt Nam cũng là một vấn nạn.
- Kiểm soát không chặt có thể bị Spammer lộng hành
So ra thì ưu vẫn nhiều hơn khuyết đúng không mọi người
Vậy thì chèn Facebook comment vào Blogger ngay và luôn đi chứ còn chờ gì nữa
Xem Video
3 Bước hướng dẫn sau sẽ giúp bạn thực hiện
Bước 1: Lấy App ID Facebook
Đầu tiên chúng ta cần có một App ID để làm việc. Và để làm thì mời bạn qua xem bài viết 3 bước để lấy App ID Facebook.
Bước 2: Lấy code để chèn Facebook Comment vào Blogger
Bạn truy cập vào trang https://developers.facebook.com/docs/plugins/comments. Sau đó nhấn luôn Get Code khỏi phải nhìn cái tuỳ chỉnh làm gì, cứ để mặc định cho lành.
Vậy là xong phần lấy code. Trang lấy code bạn cứ để đó nha. Đừng tắt đi đấy
Bước 3. Chèn Facebook Comment vào Blogger
Bây giờ, vào lại trang quản trị của Blogger. Vào mục Mẫu > Chỉnh sửa HTML.
Vào trong trang chỉnh sửa, bạn add đoạn code sau vào sau thẻ <head>
1 2 | <meta content='APP_ID' property='fb:app_id'/><meta content='USER_ID' property='fb:admins'/> |
Trong đó App_ID là bạn lấy từ bên bài hướng dẫn lấy APP ID phía trên add vào.
CÒn User_ID là chuỗi số cuối cùng khi bạn click vào hình ảnh nào đó.
Ví dụ
1 | https://www.facebook.com/photo.php?fbid=7567567567567&amp;amp;set=a.56345345345345.4545.15249358794936985;type=1 |
Thì chuỗi số nằm sau dấu chấm cuối cùng là User_ID của bạn. Ở đây là: 15249358794936985
Tiếp theo, bạn tìm thẻ </body> và chèn đoạn code sau bên trên nó
1 2 3 4 5 6 7 8 | <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=1730902063811105&version=v2.5"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script> |
Các bạn chú ý mục Version=v2.5 nha. App của bạn Version mấy thì sửa lại nhé.
Cuối cùng là phần khó nhằn nhất hãy tìm đoạn code sau <b:include data=’post’ name=’post’/> và chèn đoạn code này ngay phía dưới nó.
1 2 3 | <div><b:if cond='data:blog.pageType == "item"'><div class='fb-comments' data-num-posts='5' data-width='750px' expr:data-href='data:blog.canonicalUrl'/></b:if></div> |
Ơ, thế thì có gì khó ở đây nhỉ 
.
.Cái khó ở đây chính là không phải theme nào bạn cũng search thấy cái đoạn <b:include data=’post’ name=’post’/> để chèn, mà phải mò đoạn code để chèn thử. Nếu xài các theme tuỳ biến cao thì hơi mất thời gian chút để tìm vị trí thích hợp.
Mẹo: Hãy dùng tính năng Inspect Element (Kiểm tra phần tử) để tìm vị trí thích hợp chèn vào nha.
Ngoài ra, nếu bạn lười làm App_ID thì dùng 2 đoạn code sau để chèn nha.
Chèn code này vào trước thẻ </body> như trên
1 2 3 4 5 6 7 8 | <div id="fb-root"></div><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/en_US/sdk.js#xfbml=1&version=v2.3"; fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script> |
Và chèn code nay vào sau đoạn <b:include data=’post’ name=’post’/>
1 2 3 4 5 6 7 8 | <b:if cond='data:blog.pageType == "item"'> <divclass="fb-comments"data-href="<data:post.url/>"data-width="600"data-num-posts="100"> </div> </b:if> |
Với cách này thì bạn khó quản lý comment được như cách trên nha.
Chúc các bạn thành công
0 Comment