Template Plus UI versi 2.6.2 membawa sejumlah fitur yang cukup praktis untuk blog berbasis Blogger. Salah satunya adalah penghitung pengunjung, atau views counter, yang menampilkan jumlah pembaca pada sebuah artikel.
Fitur ini tidak aktif begitu saja setelah template dipasang. Kamu perlu menyiapkan database di Firebase, mengatur aturan keamanannya, lalu menghubungkan database tersebut ke pengaturan template. Prosesnya tidak rumit, tetapi setiap langkah perlu dilakukan dengan teliti.
1. Siapkan Project Firebase
Langkah pertama adalah membuat project baru di Firebase. Buka Firebase Console, lalu klik Add Project.
Masukkan nama project yang diinginkan, kemudian tekan Continue. Pada tahap berikutnya, biarkan pengaturan default dan lanjutkan dengan menekan Continue.
Saat muncul opsi Configure Google Analytics, pilih Select an account, lalu pilih akun Google Analytics yang kamu gunakan. Setelah itu, klik Continue.
Tunggu hingga Firebase selesai memproses pembuatan project. Jika muncul pesan “Your new project is ready”, artinya project sudah berhasil dibuat. Klik Continue untuk melanjutkan.
2. Buat Realtime Database
Setelah project siap, buat Realtime Database sebagai tempat menyimpan data jumlah pengunjung.
Di dalam project Firebase, klik Create Database. Untuk pengaturan awal Set up database, kamu bebas memilih opsi yang tersedia. Setelah database selesai dibuat, buka bagian Rules yang berada di samping menu Data.
Di sana akan muncul kode JSON bawaan. Hapus kode tersebut, lalu ganti dengan aturan berikut:
{
"rules": {
".read": true,
"BlogID_0000000000000000000": {
".read": true,
"$post_id": {
".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
}
}
}
}Ganti BlogID_0000000000000000000 dengan ID Blogger milik kamu.
Aturan ini membatasi penulisan data hanya untuk nilai yang bertambah satu dari
nilai sebelumnya. Artinya, pengunjung tidak dapat mengubah angka tampilan
menjadi nilai acak. Firebase sendiri menggunakan .read
untuk mengatur akses baca, .write untuk akses tulis,
dan .validate untuk memastikan bentuk data yang ditulis sesuai ketentuan.
Jika Mengelola Beberapa Blog
Jika kamu memakai template Plus UI pada lebih dari satu blog, tambahkan blok
aturan untuk setiap ID Blogger. Struktur dasarnya tetap sama, hanya nama node
BlogID_ yang berbeda.
{
"rules": {
".read": true,
"BlogID_0000000000000000000": {
".read": true,
"$post_id": {
".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
}
},
"BlogID_0000000000000000000": {
".read": true,
"$post_id": {
".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
}
},
"BlogID_0000000000000000000": {
".read": true,
"$post_id": {
".write": "newData.exists() && (data.exists() ? newData.val() == data.val() + 1 : newData.val() == 1)",
".validate": "newData.isNumber() && newData.val() % 1 === 0.0 && newData.val() <= 99999999"
}
}
}
}
Pastikan setiap BlogID_0000000000000000000 diganti dengan ID Blogger yang
benar. Jangan menggunakan ID yang sama untuk dua blog berbeda jika kamu ingin
data pengunjungnya terpisah.
3. Hubungkan ke Template Plus UI
Setelah aturan Firebase selesai, buka editor template Blogger. Cari bagian
kode yang mengandung realViews. Kode awalnya kurang lebih seperti ini:
realViews: {
databaseUrl: "",
abbreviation: "false"
}
Isi databaseUrl dengan URL Realtime Database yang baru saja kamu buat. Ubah
juga nilai abbreviation dari false menjadi true agar angka pengunjung
ditampilkan dalam format singkat, misalnya 1,2K.
Hasilnya akan terlihat seperti berikut:
realViews: {
databaseUrl: "https://xxxxxxx-xxx-xxx-default-rtdb.asia-southeast1.firebasedatabase.app",
abbreviation: "true"
}Simpan template, lalu buka salah satu artikel di blog kamu. Jika konfigurasi sudah benar, penghitung pengunjung akan mulai bekerja dan mencatat tampilan artikel secara langsung.
Penghitung Sederhana, Data yang Perlu Dikelola
Penghitung pengunjung di Plus UI memberi blog tampilan yang lebih hidup karena pembaca dapat melihat bahwa sebuah artikel benar-benar dibaca orang lain. Namun, fitur ini bergantung pada Firebase, jadi konfigurasi database dan aturan keamanannya perlu diperhatikan sejak awal.
Setelah URL database dan ID Blogger terpasang dengan benar, fitur ini dapat berjalan tanpa perawatan berat. Tetap lakukan pengecekan setelah pemasangan, terutama pada halaman artikel, agar angka pengunjung benar-benar muncul dan tercatat.
