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.
| Variabel | Contoh 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.
| Variabel | Keterangan |
|---|---|
| pageCategory | Slug kategori post/produk (array) |
| pageAttributes | Slug tag post/produk (array) |
| pagePostAuthor | Nama penulis post |
| postID | ID numerik post/halaman/produk |
| postDate | Tanggal publikasi (format YYYY-MM-DD) |
| postModified | Tanggal terakhir dimodifikasi |
👤 User Info #
Variabel yang dihasilkan: userLoggedIn, userRole, userID
Berisi informasi pengunjung yang sedang login. Berguna untuk segmentasi berdasarkan status login atau role.
| Variabel | Contoh Nilai |
|---|---|
| userLoggedIn | true atau false |
| userRole | “administrator”, “subscriber”, “customer” |
| userID | ID 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:
- Buka GTM → Variables → New → Data Layer Variable
- Masukkan nama variabel, contoh:
pagePostType - Gunakan variabel ini sebagai trigger condition atau kirim ke GA4 sebagai custom dimension