Tab Debug — Verifikasi Tracking

Tab Debug menyediakan tools untuk memverifikasi konfigurasi tracking sebelum dan sesudah live, tanpa perlu alat eksternal.

---

Status Provider #

Bagian atas tab Debug menampilkan status setiap provider yang terkonfigurasi:

Provider	Status
Google Tag Manager	Aktif / Tidak Aktif
Meta Pixel	Aktif / Tidak Aktif
TikTok Pixel	Aktif / Tidak Aktif

Jika provider menampilkan “Inactive”, periksa tab General — pastikan checkbox “Active” sudah dicentang dan ID sudah diisi dengan benar.

---

Data Layer Modules Status #

Menampilkan status setiap modul dataLayer yang aktif beserta variabel yang dihasilkan. Dot hijau (●) menandakan modul aktif dan berjalan.

Modul	Variabel
Page Data	pageTitle, pagePostType, pagePostType2
Post Meta	pageCategory, pageAttributes, pagePostAuthor, postID, postDate, postModified
User Info	userLoggedIn, userRole, userID
WooCommerce	view_item, add_to_cart, view_cart, remove_from_cart, purchase

---

dataLayer Simulator #

Masukkan URL halaman mana saja di website Anda, lalu klik “Fetch dataLayer”. Plugin akan mengambil halaman tersebut dan menampilkan output dataLayer yang akan dihasilkan — persis seperti yang akan diterima GTM atau GA4.

Cara menggunakan:

1. Isi kolom URL dengan alamat halaman yang ingin dicek (contoh: https://domain.com/shop/)
2. Klik tombol “Fetch dataLayer”
3. Lihat output JSON yang ditampilkan

Quick Links tersedia untuk akses cepat ke halaman-halaman umum:

• Homepage
• Blog
• Shop
• Cart
• Checkout

⚠️ Simulator hanya bisa mengakses URL dari website yang sama. URL eksternal akan ditolak sebagai proteksi keamanan (SSRF protection).

---

Frontend Inspector (Admin Bar Panel) #

Saat Anda login sebagai admin dan browsing halaman frontend, tombol “📊 dataLayer” muncul di admin bar WordPress. Klik untuk membuka floating debug panel.

Informasi yang ditampilkan di panel:

Tab Panel	Isi
dataLayer State	Semua variabel yang sudah di-push ke dataLayer saat ini, ditampilkan sebagai JSON
Live Events Log	Setiap dataLayer.push() yang terjadi real-time saat Anda browsing, dengan highlight per event
Active Providers	Daftar provider aktif beserta container ID / Pixel ID masing-masing

Cara menggunakannya untuk verifikasi:

1. Login sebagai administrator
2. Buka halaman produk di frontend
3. Klik tombol “📊 dataLayer” di admin bar
4. Periksa tab dataLayer State — pastikan pagePostType: "product" dan event view_item sudah muncul
5. Klik “Add to Cart” — lihat tab Live Events Log, pastikan event add_to_cart langsung muncul

💡 Debug panel hanya muncul untuk user yang login sebagai administrator. Pengunjung biasa tidak melihat panel ini sama sekali.