Mengaktifkan View Counter Firebase di Plus UI (EOL & v3.x)

Mengaktifkan View Counter Firebase di Plus UI

Artikel ini dibuat karena banyak pengguna Plus UI (EOL maupun v3.x) mengalami masalah yang sama saat mengaktifkan View Counter Firebase.

• Icon mata (👁️) tidak muncul
• View counter muncul tetapi tidak bertambah
• Error Firebase permission_denied
• Bingung antara LinkList, Firebase Config, dan kondisi <b:if>

Padahal, fitur View Counter ini sebenarnya sudah tersedia dan siap digunakan di Plus UI tanpa perlu menambahkan script baru.

1. Fakta Penting (Biar Tidak Salah Arah)

Plus UI sudah menyertakan:

• Struktur HTML view counter (.fb-views)
• Loader Firebase config melalui LinkList
• Logic counter di file onload.js

Kesalahan yang sering terjadi:

• Firebase Rules belum diatur
• Variabel template belum diaktifkan
• LinkList Firebase belum diisi dengan benar

2. Aktifkan Variabel View Counter (WAJIB)

Masuk ke Tema → Edit HTML, Cari kode <Group description="Plugin: Views Counter">, lalu pastikan konfigurasi berikut aktif.

<Group description="Plugin: Views Counter">
  <Variable name="views.status" description="Views Counter | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="1px" value="2px"/>
  <Variable name="views.abbreviate" description="Abbreviation | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
  <Variable name="views.watch" description="Watch Mode | (1) Disable (2) Enable" type="length" min="1px" max="2px" default="2px" value="2px"/>
</Group>

Info!
Kamu bisa mengaktifkanya di Tema → Sesuiakan → Lanjutan

Jika nilai views.status diatur ke 1px, ikon mata tidak akan muncul.

3. Pastikan HTML View Counter Aktif

Berikut adalah kode bawaan Plus UI. Jangan dihapus.

<!--[ Page Views ]-->
<b:if cond='data:vars.views_status == &quot;2px&quot; and data:widgets.LinkList61'>
  <span class='pVws fb-views show-if-js' expr:data-abbreviate='data:vars.views_abbreviate == &quot;2px&quot; ? true : false' expr:data-id='data:post.id' expr:data-increment='true' expr:data-watch='data:vars.views_watch == &quot;2px&quot; ? true : false'>
    <b:include name='svg.eye'/>
  </span>
</b:if>

Artinya:

• views.status harus aktif
• Widget LinkList61 harus ada dan aktif

4. Isi Firebase Config via Tata Letak (LinkList)

Masuk ke Tata Letak → Firebase Configurations, lalu isi LinkList dengan format berikut.

Text	Link
apiKey	API_KEY_KAMU
authDomain	PROJECT_ID.firebaseapp.com
databaseURL	https://PROJECT_ID-default-rtdb.firebaseio.com
projectId	PROJECT_ID
storageBucket	PROJECT_ID.appspot.com
messagingSenderId	SENDER_ID
appId	APP_ID
measurementId	G-XXXXXXX

Catatan:

• Jangan gunakan _goes_here
• Jangan gunakan tanda #

5. Error Paling Umum: permission_denied

Error yang sering muncul:

FIREBASE WARNING: permission_denied

Penyebabnya adalah Firebase Realtime Database Rules yang masih bersifat read-only.

Masuk ke Firebase → Realtime Database → Rules, lalu gunakan konfigurasi berikut untuk testing.

{
  "rules": {
    ".write": false,
    ".read": false,
    "blogs": {
      "$blog_id": {
        ".validate": "$blog_id.matches(/^\\d{18,22}$/) && ($blog_id === '000000000000000000' || $blog_id === '0000' || $blog_id === '0000')",
        "posts": {
          "$post_id": {
            ".validate": "$post_id.matches(/^\\d{18,22}$/)",
            "views": {
              ".read": true,
              ".write": "newData.exists()",
              ".validate": "newData.isNumber() && newData.val() % 1 === 0 && newData.val() === (data.exists() ? data.val() + 1 : 1)"
            }
          }
        }
      }
    }
  }
}

Peringatan!
Ubah blog_id dengan id blog kamu contoh $blog_id === '321400000000000000'

Untuk production, Rules bisa dikunci kembali.

6. Struktur Path yang Digunakan Plus UI

Plus UI menyimpan data view pada path berikut:

/blogs/{BLOG_ID}/posts/{POST_ID}/views

Contoh error yang sering muncul:

set at /blogs/3868665271323680504/posts/5130387132254178960/views failed

Artinya script berjalan, tetapi Rules belum mengizinkan write.

7. Kenapa Banyak yang Gagal?

• Dokumentasi tidak lengkap
• Banyak tutorial sudah tidak aktif
• Fokus ke JavaScript, padahal masalahnya di Rules

Padahal di Plus UI EOL, View Counter adalah fitur stabil dan siap pakai.

kalau mau lebih jelas bisa kunjungi YT di bahawah ini

8. Kesimpulan

• Tidak perlu membuat script baru
• Tidak perlu mengedit .fb-views
• Cukup aktifkan variabel, isi LinkList, dan perbaiki Rules

Jika semua langkah dilakukan dengan benar, View Counter Firebase akan langsung aktif.

Jika dokumentasi ini membantu, simpan atau bagikan sebagai referensi komunitas Plus UI.