HIỂN THỊ SỐ LƯỢT XEM BÀI VIẾT ĐƠN GIẢN CHO BLOGGER VỚI BUSUANZI.JS

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• Email: hungdev.qb@gmail.com
• Facebook: www.fb.com/100007780446455

Điểm 4.6/5 dựa vào 87 đánh giá
Hiển thị số lượt xem bài viết để xem mức dộ quan tâm của độc giả đối với bài viết. Bạn có thể áp dụng cách dùng Firebase, với ưu điểm là ổn định do là một sản phẩm của Google, nhược điểm là sử dụng Js kích thước lớn, cách cài đặt có thể gây khó khăn cho một số bạn chưa quen.



Bài viết này mình sẽ hướng dẫn một cách khác, đơn giản hơn, js nhẹ hơn đó là dùng  busuanzi.js

Bước 1

Vào mục chỉnh sửa mẫu của Blogger, thêm script sau lên trên thẻ đóng </body>:
<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>

Bước 2

- Thêm code hiển thị lượt xem bài viết bên dưới vào vị trí mong muốn ở trang bài viết:
<span id='busuanzi_container_page_pv' style='display:none'><span id='busuanzi_value_page_pv'></span> views</span>
- Thêm code thống kê blog (số khách đang truy cập, số lượt xem blog) vào vị trí mong muốn:
<span id='busuanzi_container_site_uv' style='display:none'> Site Visitors&#65306;<span id='busuanzi_value_site_uv'></span> </span> <span id='busuanzi_container_site_pv' style='display:none'> Traffic&#65306;<span id='busuanzi_value_site_pv'></span> </span>

Hạn chế

Nhược điểm của cách này là khi ở trang index, số lượt xem từng bài viết sẽ không được hiển thị, mà nó chỉ hiển thị khi bạn đang ở trang bài viết.

Nguồn: Thích Net

64 nhận xét:


Cùng tham gia bình luận bài viết này nhé!

  1. hay nè lâu nay không thấy qua chơi.... chúng ta đều bận cả :(

    Trả lờiXóa
  2. Hay đó ông lâu mới thấy ra thủ thuật mới cho anh em xài đó :v

    Trả lờiXóa
  3. Đổi tên miền em tí nhé a, thành https://honguyenit.blogspot.com/

    Trả lờiXóa
  4. Sửa liên kết giúp em với a!
    https://nguyenluongduy.blogspot.com/
    Nguyễn Lương Duy

    Trả lờiXóa
  5. ủa nay anh Hưng đổi tên thành Hưng Ngáo IT rồi à :V

    Trả lờiXóa
  6. Tên domain chất chơi đó người anh em :v

    Trả lờiXóa
  7. Đổi lại domain này giúp tôi nhé ông :
    https://ryozdesigns.blogspot.com/
    Do có sự cố nên chuyển qua dùng cái này

    Trả lờiXóa
  8. Bài viết cùng chuyện mục ảnh nhỏ trên mobile

    Trả lờiXóa
  9. Anh cập nhật lại giúp em liên kết với anh!
    Title: Duy Blogs
    Url: https://www.duyblogs.com/

    Trả lờiXóa
  10. Xin chào bạn,Lúc mình trỏ domain mới về blogpot có một số vấn đề phát sinh phiền bạn sửa url liên kết giúp sửa thành nguyenphublog.blogspot.com
    Xin lỗi đã làm phiền

    Trả lờiXóa
  11. Cho đặt Liên kết với.
    Tên Hiện Thị: THACHONLINE
    Url: https://www.thachonline.com/
    Tin Tức và Thủ Thuật
    Thanks b

    Trả lờiXóa
  12. Đâu có được đâu bạn, cái demo thì nó nhảy loạn xạ lúc 4k f5 lên 9k, f5 vẫn 9k hơn rồi f5 cái nữa còn 2k views

    Trả lờiXóa