Generator Kode Event GA4 — gtag, dataLayer dan Measurement Protocol

Pilih event GA4 yang direkomendasikan — generate_lead, sign_up, purchase, add_to_cart, dan lainnya — atau beri nama event sendiri, isi parameter dan item, lalu salin kodenya sebagai gtag(), dataLayer.push() untuk Tag Manager, atau permintaan Measurement Protocol di sisi server. Nama dan nilai akan diperiksa sesuai batasan GA4 saat kamu mengetik.

Diperbarui

Item

Data kamu tidak pernah meninggalkan komputer kamu. Semua proses berjalan 100% secara lokal di browser kamu.

Apakah alat ini membantu?0.0 0 penilaian
Buat script kecil yang melacak klik dan submit form dari data attributesLalu kirim datanya ke GA4, Tag Manager, Meta Pixel, Plausible, PostHog, dan lainnya.Generator Script Event Tracking →

Cara menggunakan Generator Kode Event GA4

  1. Pilih event rekomendasi untuk mendapatkan parameter standarnya, atau pilih Event kustom dan ketik nama seperti newsletter_signup.
  2. Isi atau tambah parameter; event ecommerce juga punya daftar Items dengan tombol tambah dan hapus.
  3. Pilih format: gtag() untuk situs yang memakai Google tag, dataLayer untuk Tag Manager, atau Measurement Protocol untuk event dari server.
  4. Opsional: bungkus dengan listener klik atau submit form, salin kodenya, lalu cek event di DebugView GA4.

Event rekomendasi vs event kustom

GA4 memahami event rekomendasi — seperti generate_lead, sign_up, login, search, dan kumpulan ecommerce dari view_item sampai purchase — dan otomatis mengisi laporan bawaannya dengan event tersebut. Gunakan event rekomendasi jika sesuai. Untuk hal lain, event kustom bekerja dengan cara yang sama; daftarkan parameternya sebagai custom dimension di Admin → Custom definitions agar muncul di laporan.

Pemeriksaan yang dilakukan

  • Nama event dan parameter: diawali huruf, hanya berisi huruf, angka dan garis bawah, maksimal 40 karakter, serta tidak memakai prefiks yang dicadangkan (google_, ga_, firebase_) atau nama event yang dicadangkan.
  • Maksimal 25 parameter per event, dan nilai parameter hingga 100 karakter.
  • Ecommerce: value membutuhkan currency, purchase membutuhkan transaction_id yang unik, dan setiap item membutuhkan item_id atau item_name.

Tiga cara mengirimnya

gtag() mengirim langsung ke GA4. Dengan Tag Manager, dataLayer.push() menyerahkan event ke container, lalu trigger Custom Event dan tag event GA4 meneruskannya — push ecommerce didahului { ecommerce: null } agar item lama tidak terbawa ke event berikutnya. Measurement Protocol mengirim event dari server Anda, untuk hal yang terjadi di luar halaman, misalnya perpanjangan langganan atau penjualan offline. Untuk melacak klik tanpa menulis kode untuk setiap tombol, gunakan Generator Script Event Tracking.

Juga dicari sebagai: generator event ga4, kode gtag event, kode event ga4, event kustom ga4, event rekomendasi ga4, kode ecommerce ga4, gtag purchase event, parameter event ga4.

Tool yang cocok dipakai bersama Generator Kode Event GA4

  • Generator Kode Google Tag — Masukkan ID pengukuran GA4, ID Google Ads, atau ID container Tag Manager, lalu dapatkan kode instalasi yang siap ditempel, dengan default Consent Mode v2, penautan lintas domain, mode debug, tampilan halaman manual, dan pengaturan cookie yang hanya aktif saat kamu membutuhkannya.
  • Generator dataLayer Push — Susun kode dataLayer.push() untuk Google Tag Manager: pilih event rekomendasi GA4 atau event buatanmu sendiri, tambahkan parameter dan item ecommerce, lalu opsional bungkus dengan listener klik atau submit form — tinggal tempel.
  • Decoder GA4 Request — Debug Google Analytics 4 tanpa menebak-nebak.
  • Generator UTM — Tambahkan utm_source, utm_medium, utm_campaign dan parameter lainnya ke link apa pun, lihat channel GA4 tempat kunjungan akan masuk, dan beri tag sekaligus pada daftar URL.

Pertanyaan yang sering diajukan

Bagaimana cara mengirim event kustom ke GA4?
Panggil gtag('event', 'nama_event_kamu', { param: 'nilai' }) setelah Google tag dimuat. Pilih Event kustom di sini, ketik nama dan parameternya, lalu salin kodenya.
Kenapa parameter event saya tidak muncul di laporan?
Parameter kustom hanya muncul di laporan standar setelah kamu mendaftarkannya di Admin → Custom definitions. Data dari sebelum pendaftaran tidak akan terisi.
Apa perbedaan gtag dan dataLayer.push?
gtag() adalah pembungkus kecil yang mendorong data ke dataLayer untuk Google tag. Dengan Tag Manager, kamu mendorong objek biasa dengan kunci event, dan trigger di container yang menentukan apa yang terjadi selanjutnya.
Apakah event Measurement Protocol butuh client ID?
Ya. Gunakan client_id dari cookie _ga pengunjung untuk menghubungkan event server dengan sesi web mereka, atau ID tetap milikmu sendiri untuk event tanpa kunjungan web.
Bisakah saya memasang Generator Kode Event GA4 sebagai aplikasi web dan memakainya offline?
Bisa. Generator Kode Event GA4 adalah aplikasi web (PWA) yang bisa dipasang. Pemasangannya lewat browser kamu, bukan diunduh dari toko aplikasi. Klik Pasang aplikasi di bagian atas halaman ini di Chrome atau Edge (Windows, macOS, Linux, ChromeOS) atau di Android. Di iPhone dan iPad, gunakan Bagikan → Tambahkan ke Layar Utama, dan di Safari 17+ pada Mac, gunakan File → Tambahkan ke Dock. Setelah itu, aplikasi akan terbuka di jendelanya sendiri dengan ikonnya sendiri. Karena berjalan sepenuhnya di browser kamu, aplikasi ini tetap bisa dipakai offline. Firefox di desktop tidak bisa memasang aplikasi web. Cara memasang aplikasi.

Tool terkait