Aktifkan Penghitung Tampilan Realtime Realtime Postingan

Langkah Mudah untuk Mengaktifkan Penghitung Tampilan Postingan Realtime di Plus UI v2.6

Gulir ke Bawah dan klik Buka Tautan untuk tujuan

Selamat! Tautan telah dibuat

Fineshop Design | Realtime Views

Seperti yang Anda ketahui, Fineshop Design baru-baru ini merilis Plus UI v2.6 yang hadir dengan lebih banyak fitur dibandingkan dengan Plus UI v2.5.1. Penghitung Tampilan Real-Time telah ditambahkan di Versi Terbaru, yang menampilkan tampilan real-time Postingan Blog Anda dengan bantuan Basis Data Firebase.

Jika Anda ingin mengaktifkannya di Blog Anda, ikuti langkah-langkah sederhana ini untuk memulai.

Perlu diketahui bahwa fitur ini tidak akan berfungsi di Plus UI versi lama. Pastikan Anda mendapatkan pembaruan templat terbaru.

Persyaratan

• Akun Firebase
• Template Plus UI v2.6

Mengaktifkan Jumlah Tampilan

1. Pertama, buat proyek di Firebase.
2. Buat Database untuk Proyek Anda.
3. Tempel aturan berikut:
   • Untuk Satu Blog:

     {
       "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"
           }
         }
       }
     }

   • Untuk Beberapa Blog:

     {
       "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"
           }
         }
       }
     }

   Jangan lupa mengganti bagian yang ditandai dengan ID Blog Anda.

4. Salin URL Basis Data.
5. Buka Editor HTML Tema.
6. Temukan kode berikut:

   realViews: {
     databaseUrl: "",
     abbreviation: "false"
   }

7. Tempel URL Basis Data Anda, tampilannya akan seperti berikut:

   realViews: {
     databaseUrl: "https://example-rtdb.firebaseio.com",
     abbreviation: "false"
   }

8. Simpan Perubahan dan segarkan Halaman Blog Anda.

Menampilkan Jumlah Penayangan Singkat

Jika Anda ingin menampilkan jumlah penayangan dalam angka Singkat, misalnya 67,89K, bukan 67894, Anda hanya perlu mengikuti langkah-langkah sederhana.

1. Temukan kode berikut dengan membuka Editor HTML Tema:

   realViews: {
     databaseUrl: "",
     abbreviation: "false"
   }

2. Ganti false dengan true seperti yang ditunjukkan di bawah ini:

   Jangan lakukan perubahan apa pun jika sudah true.

   realViews: {
     databaseUrl: "",
     abbreviation: "true"
   }

3. Simpan Perubahan dan segarkan Halaman Blog Anda.

Artikel Terkait

Menghubungi Kami

Jangan ragu untuk menghubungi kami melalui Halaman Kontak atau hubungi kami di Telegram (@deo_kumar) jika Anda mengalami masalah saat mengikuti langkah-langkah yang dijelaskan di atas.

Buka Tautan