Tổng hợp Javascript hiển thị thống kê dữ liệu trong blogger
Chào các bạn, hôm nay mình sẽ giới thiệu đến các bạn những đoạn javascript hiển thị thống kê dữ liệu trong blogger.
HƯỚNG DẪN THỰC HIỆN
<script src=’//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js’></script>
<script type=’text/javascript’>
// Hiển thị thời gian tải trang
var startTime = new Date();
function currentTime() {
var a = Math.floor((new Date() – startTime) / 100) / 10;
if (a % 1 == 0) a += ".0";
document.getElementById("endTime").innerHTML = a;
}
window.onload = function() {
clearTimeout(loopTime);
}
var loopTime = setInterval("currentTime()", 100);
</script>
<script type=’text/javascript’>
// Hiển thị tổng số lượt chia sẻ blog trên facebook
var uri = 'http://bacsiwindows.com';
var getFacebookCount = function () {
$.getJSON('https://graph.facebook.com/'+uri, function(data){
var facebookShares = data.share.share_count;
console.log(data);
if (facebookShares) {
$('#totalShares').append(facebookShares);
} else {
$('#totalShares').append(0);
}
});
};
getFacebookCount();
</script>
<script type=’text/javascript’>
// Hiển thị tổng số bài viết
function totalPosts(json){document.getElementById(‘totalPosts’).innerHTML=json.feed.openSearch$totalResults.$t};
</script>
<script type=”text/javascript” src=”/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts”></script>
<script type=’text/javascript’>
// Hiển thị tổng số bình luận
function totalComments(json){document.getElementById(‘totalComments’).innerHTML=json.feed.openSearch$totalResults.$t};
</script>
<script type=”text/javascript” src=”/feeds/comments/default?alt=json-in-script&max-results=0&callback=totalComments”></script>
<script type=’text/javascript’>
// Hiển thị tổng số trang tĩnh
function totalPages(json){document.getElementById(‘totalPages’).innerHTML=json.feed.openSearch$totalResults.$t};
</script>
<script type=”text/javascript” src=”/feeds/pages/default?alt=json-in-script&max-results=0&callback=totalPages”></script>
<script type=’text/javascript’>
// Hiển thị tổng số bài viết của một nhãn bất kỳ
function totalPostslabel(json){document.getElementById(‘totalPostslabel’).innerHTML=json.feed.openSearch$totalResults.$t};
</script>
<script type=”text/javascript” src=”/feeds/posts/default/-/Thủ Thuật Blogger?alt=json-in-script&max-results=0&callback=totalPostslabel”></script>
Nếu blog của các bạn đã có dòng sau thì có thể bỏ nó đi
<script src=’//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js’></script>
Thời gian tải trang: <span id=’endTime’/>
Tổng số lượt share: <span id=’totalShares’/>
Tổng số bài viết: <span id=’totalPosts’/>
Tổng số comment: <span id=’totalComments’/>
Tổng số trang tĩnh: <span id=’totalPages’/>
Tổng số bài viết nhãn “Thủ Thuật Blogger“: <span id=’totalPostslabel’/>
Phần tổng số bài viết hiển thị theo nhãn bạn có thể thay đổi thành nhãn khác và cũng có thể thêm nhiều nhãn khác vào nhé.
LỜI KẾT
Vậy là chỉ với vài thao tác là bạn đã có thể hiển thị thống kê dữ liệu trong blogger rồi.
Chúc các bạn thành công!