Cara Mengaktifkan Realtime View Counter pada template Plus UI

Fitur Realtime View Counter Plus UI

Fitur Realtime View Counter

Seperti yang Anda ketahui, PLUS UI baru-baru ini telah di perbarui dan merilis Plus UI v2.6 yang hadir dengan lebih banyak fitur jika dibandingkan dengan Plus UI v2.5.1. Realtime Views Counter telah ditambahkan dalam Versi Terbaru, yang menampilkan tampilan waktu nyata dari Postingan Blog Anda dengan bantuan Basis Data Firebase.

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

Perhatikan bahwa ini tidak akan berfungsi di versi Plus UI yang lebih lama. Pastikan Anda mendapatkan pembaruan template terbaru.

Persyaratan

1. Akun Firebase
2. Template Plus UI v2.6

Cara Mengaktifkan Realtime Views Counter

Langkah 1: Pertama-tama buat proyek di Firebase.

Langkah 2: Buat Database untuk Proyek Anda.

Langkah 3: Tempel rules berikut:

Untuk Blog Tunggal:

{
  "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 Blogs:

{
  "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 untuk mengganti bagian yang ditandai dengan ID Blog Anda.

Langkah 4: salin URL Database

LAngkah 5: pergi ke template HTML Editor.

Langkah 6: cari dan temukan code berikut:

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

Langkah 7: Paste URL database Anda, akan terlihat seperti berikut:

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

Step 8: Simpan Perubahan dan segarkan Halaman Blog Anda.

Menampilkan Jumlah Tampilan Singkat

Jika Anda ingin menampilkan jumlah penayangan dalam angka yang Disingkat, yaitu 67.89K alih-alih 67894, Anda hanya perlu mengikuti langkah-langkah sederhana.

Langkakh 1: Temukan kode berikut dengan masuk ke Theme HTML Editor:

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

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

Jangan melakukan perubahan apapun jika sudah true.

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

Langkah 3: Simpan Perubahan dan segarkan Halaman Blog Anda.