View Categories

Tab Data Layer — Variabel GA4

2 min read

Data Layer adalah “jembatan” antara website Anda dan platform analytics. Plugin mendorong data terstruktur ke dataLayer setiap kali halaman dimuat, sehingga Google Tag Manager atau GA4 bisa membaca informasi halaman secara otomatis tanpa konfigurasi tambahan.


Preview Output #

Di bagian atas tab ini terdapat preview JSON yang menunjukkan contoh data nyata yang akan dikirim ke dataLayer. Ini membantu Anda memverifikasi data sebelum benar-benar live.

Contoh output dataLayer:

{
  "pageTitle"     : "Nama Produk | Toko Anda",
  "pagePostType"  : "product",
  "pagePostType2" : "single-post",
  "pageCategory"  : ["kategori-produk"],
  "pageAttributes": ["tag-produk"],
  "pagePostAuthor": "Admin",
  "postID"        : 123,
  "postDate"      : "2026-01-01",
  "postModified"  : "2026-03-01",
  "userLoggedIn"  : false,
  "userRole"      : "",
  "userID"        : 0
}

💡 Preview menampilkan data dari halaman admin yang sedang Anda buka. Data aktual di frontend akan sesuai dengan konten halaman yang dikunjungi pengunjung.


Modul yang Tersedia #

Pilih modul mana yang ingin diaktifkan. Setiap modul bisa diaktifkan atau dinonaktifkan secara independen.

📄 Page Data #

Variabel yang dihasilkan: pageTitle, pagePostType, pagePostType2

Berisi informasi tipe halaman yang sedang dikunjungi. Berguna untuk segmentasi traffic berdasarkan tipe konten di GTM atau GA4.

VariabelContoh Nilai
pageTitle“Nama Produk | Toko Anda”
pagePostType“post”, “page”, “product”
pagePostType2“single-post”, “category”, “archive”, “404”, “search”

📝 Post Meta #

Variabel yang dihasilkan: pageCategory, pageAttributes, pagePostAuthor, postID, postDate, postModified

Berisi metadata konten yang sedang dikunjungi. Berguna untuk tracking performa konten individual.

VariabelKeterangan
pageCategorySlug kategori post/produk (array)
pageAttributesSlug tag post/produk (array)
pagePostAuthorNama penulis post
postIDID numerik post/halaman/produk
postDateTanggal publikasi (format YYYY-MM-DD)
postModifiedTanggal terakhir dimodifikasi

👤 User Info #

Variabel yang dihasilkan: userLoggedIn, userRole, userID

Berisi informasi pengunjung yang sedang login. Berguna untuk segmentasi berdasarkan status login atau role.

VariabelContoh Nilai
userLoggedIntrue atau false
userRole“administrator”, “subscriber”, “customer”
userIDID numerik user (0 jika tidak login)

🛒 WooCommerce #

Event ecommerce GA4 standar yang dikirim ke dataLayer saat pengunjung berinteraksi dengan toko online.

Event yang dihasilkan: view_item, view_item_list, add_to_cart, remove_from_cart, view_cart, begin_checkout, add_shipping_info, add_payment_info, purchase

⚠️ Modul WooCommerce membutuhkan plugin WooCommerce aktif untuk mengirimkan data produk (nama, harga, SKU) yang lengkap. Konfigurasi detail event WooCommerce dilakukan di tab WooCommerce.


Cara Menggunakan di Google Tag Manager #

Setelah modul aktif, variabel dataLayer siap digunakan di GTM sebagai Data Layer Variable:

  1. Buka GTM → Variables → New → Data Layer Variable
  2. Masukkan nama variabel, contoh: pagePostType
  3. Gunakan variabel ini sebagai trigger condition atau kirim ke GA4 sebagai custom dimension

Powered by BetterDocs