Script Untuk Menampilkan Jumlah Tayangan Blogger
Blogger adalah platform blogging yang populer digunakan oleh banyak blogger di seluruh dunia. Salah satu fitur yang disediakan oleh Blogger adalah kemampuan untuk melihat jumlah tayangan atau views pada setiap postingan blog. Namun, Blogger tidak menyediakan statistik yang lebih terperinci, seperti jumlah tayangan unik atau lama waktu yang dihabiskan oleh pengunjung di halaman postingan.
Untuk mengatasi keterbatasan ini, Anda dapat membuat script khusus untuk menghitung jumlah tayangan pada postingan blog. Dalam artikel ini, kami akan membahas cara membuat script tersebut dan menambahkannya ke dalam blog Anda.
Sebelum memulai, pastikan Anda sudah memiliki blog di Blogger dan memiliki akses ke dashboard atau panel kontrol blog Anda.
Cara Menampilkan Jumlah Tayangan Artikel Blogger
Oke, bagi kalian yang tertarik menambahkan script keren ini ke blog kalian, silahkan simak Tutorial berikut.
Script ini hanya bekerja untuk blogger saja, script untuk wordpress, kalian bisa cari di google.
- Oke, yang pertama kalian login ke akun blogger kalian dan pastikan blog kalian sudah terpasang font awesome. Baca tutorialnya: Cara Memasang Font Awesome
- Lalu, pergi ke tema > edit HTML.
- Setelah itu masukkan javascript berikut ini ke blog kalian. Taruh diatas </body>.
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>
<script>
//<![CDATA[
$.each($(".post-view[data-id]"),function(h,e){var a=$(e).parent().find("#postviews").addClass("view-load"),g=new Firebase("https://view-post-da9db.firebaseio.com/pages/id/"+$(e).attr("data-id"));g.once("value",function(d){var b=d.val(),c=!1;null==b&&(b={},b.value=0,b.url=window.location.href,b.id=$(e).attr("data-id"),c=!0),a.removeClass("view-load").text(b.value),b.value++,"/"!=window.location.pathname&&(c?g.set(b):g.child("value").set(b.value))})});
//]]>
</script>- Jika sudah, tambahkan script dibawah ini ke blog kalian. Script ini berfungsi sebagai Pemanggil dimana tampilan jumlah tayangan akan muncul.
<span class='post-view' expr:data-id='data:post.id'></span><i class='far fa-eye'/> <span class='view-load' id='postviews'/> views
Akhir Kata
Mungkin itu saja yang dapat saya tulis, jika ada yang tidak dimengerti, silahkan kalian komen dibawah.