Hướng dẫn hiển thị lượt xem bài viết cho Blogger bằng Firebase

Chào các bạn!Hôm nay mình cũng đang rãnh nên viết thêm bài chia sẻ cho trang blog Yingvn.Com của mình. Mình hy vọng bạn thích bài viết trước của chúng tôi về Cách hiển thị thời gian ước tính đọc bài cho Blogger . Còn trong bài viết này mình sẽ chia sẻ về cách hiển thị lượt xem bài viết cho Blogger, bạn cùng mình xem nhé.

Cách hiển thị lượt xem bài viết
Mình thường thấy mọi người tìm kiếm về Cách thêm Bộ đếm lượt xem bài đăng trong Bài đăng trên Blogger nhưng hầu như không có giải pháp nào chính xác trên internet. Blogger có bộ đếm tích hợp nhưng nó không phải là " Lượt xem bài đăng ", mà nó là " (Tổng số) Lượt xem trang ". Mình cũng đã từng cố gắng để làm cho nó hiển thị lượt xem, nhưng không thành công. và rồi mình đã tìm ra được cách mà nó thể hiện như mình cần và nghĩ rằng mình sẽ chia sẻ cách làm của mình với bạn.

Cách thêm Bộ đếm lượt xem bài đăng trong Bài đăng trên Blogger.

Vui lòng làm theo các bước sau một cách cẩn thận để có được kết quả cuối cùng chính xác nhưng trước tiên hãy tạo một một bản sao lưu cho chủ đề của bạn nhé (để có gì không như mong muốn thì còn có cái mà backup hjhj).

Bước 1 - Tạo tài khoản Firebase. 
Điều đầu tiên bạn phải làm là tạo một tài khoản Firebase. Nếu bạn đã có thì hãy chuyển sang bước tiếp theo. Hãy chắc chắn rằng bạn đang ở trên url này: https://console.firebase.google.com/project/_/firestore~2Fdata

Bước 2 - Tạo một dự án mới
Sau khi đăng nhập, hãy tạo một dự án mới bằng cách làm theo các hướng dẫn sau;
Nhấp vào "thêm dự án"
Nhập tên dự án và tiếp tục cho đến khi dự án được tạo. Bạn sẽ nhập dự án tự động.

Mở rộng thanh bên.


Chọn "Cơ sở dữ liệu thời gian thực"


Tạo cơ sở dữ liệu mới


Chọn "chế độ thử nghiệm" và nhấp vào "Bật"


Cập nhật Quy tắc của cơ sở dữ liệu bằng cách thay thế bằng mã dưới đây.{ "rules": { ".read": true, ".write": true, } }



Nhận id dự án từ "setting> project setting"


Xin chúc mừng! Bạn đã tạo thành công một Datebase để nó có thể làm việc được với cách thêm lượt xem.

Bước 3 - Cài đặt tập lệnh
Sau khi tạo dự án fFirebase thành công, chúng ta sẽ bắt đầu bước cuối cùng là thêm mã HTML, CSS & Javascript vào blogger.

Đăng nhập vào Blogger.com và điều hướng đến " Chủ đề ".

Nhấp vào biểu tượng mũi tên gần "TÙY CHỈNH"

Nhấp vào "Chỉnh sửa HTML"


Hãy dán đoạn mã sau ngay trên thẻ đóng </body>.

<!-- Post Views Script  -->
<script type='text/javascript'>
//<![CDATA[
jQuery.getScript('//cdn.firebase.com/js/client/2.3.2/firebase.js').done(function() {
$.each($("a[name]"),function(e,o){var t=$(o).parent().find("#postviews"),n=new Firebase("//xxxxxxx.firebaseio.com/pages/id/"+$(o).attr("name"));n.once("value",function(e){var a=e.val(),s=!1;null==a&&(a={},a.value=0,a.url=window.location.href,a.id=$(o).attr("name"),s=!0),t.text(a.value),a.value++,"/"!=window.location.pathname&&(s?n.set(a):n.child("value").set(a.value))})});});
//]]>
</script>
<!-- Post Views Script by Blog -->{codeBox}
Thay thế id được đánh dấu bằng id dự án Firebase của bạn. Hãy chắc chắn rằng làm điều đó vì nó là một phần rất quan trọng.{alertWarning}
Bây giờ, điều cuối cùng là đặt mã sau bên trong vị trí chứa bài đăng nơi bạn muốn hiển thị số lượt xem bài đăng của mình.
<a expr:href='data:post.Url' expr:name='data:post.id'><span id='postviews' title='Views'/></a>{codeBox}
Nếu bạn có bất kỳ câu hỏi nào về nó thì hãy bình luận bên dưới. Chúng tôi sẵn lòng dành thời gian để giúp bạn.

0 Response to "Hướng dẫn hiển thị lượt xem bài viết cho Blogger bằng Firebase"

Post a Comment

Cảm ơn các bạn đã để lại bình luận ! COMMENT, LiKE , SHARE nếu thấy hữu ích :)

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Contact Me on Zalo