Catatan Praktik #5: Mengukur Klik Tombol dengan Event GA4

Jawaban singkatnya: untuk tahu tombol mana yang benar-benar diklik, pasang event GA4 di setiap tombol penting, beri nama yang konsisten, lalu tandai event yang paling dekat dengan penjualan sebagai key event. Di situs ini, semuanya ditangani satu pendengar klik di template, bukan kode terpisah per tombol.

Catatan ini lanjutan dari Catatan Praktik #3, yang menghitung klik WhatsApp sebagai lead. Kali ini cakupannya diperluas ke semua tombol yang ditambahkan saat homepage dirombak pada 30 Oktober 2026.

Kenapa klik tombol perlu diukur?

Laporan GA4 bawaan menunjukkan halaman mana yang dibuka, tapi tidak menunjukkan tombol mana yang diklik di halaman itu. Setelah homepage punya beberapa ajakan, misalnya cek kesiapan bisnis, studi kasus, dan WhatsApp, pertanyaan yang ingin dijawab adalah: bagian mana yang membuat orang bergerak?

Event yang dipasang

Nama event ditulis huruf kecil dengan garis bawah, mengikuti pola event bawaan GA4. Event yang bukan bawaan disebut custom event (Google Analytics). generate_lead sendiri adalah event rekomendasi Google untuk lead (Recommended events).

Cara memasangnya

Tandai tombolnya di HTML

Setiap tombol yang ingin diukur diberi atribut data-track berisi nama event. Tidak perlu ID atau class khusus.

<a class="btn" href="/id/cek-kesiapan-bisnis/" data-track="cta_click">
  Cek kesiapan bisnis (gratis)
</a>

Satu pendengar klik untuk semua tombol

Di template utama, satu pendengar membaca atribut itu dan mengirim event beserta konteksnya. Tombol baru cukup diberi atribut, tanpa mengubah kode ini.

document.addEventListener("click", (e) => {
  const a = e.target instanceof Element && e.target.closest("a[href]");
  if (!a) return;
  const params = {
    link_text: (a.textContent || "").trim().slice(0, 100),
    link_url: a.href.split("?")[0],
    cta_position: posisi(a),   // hero, konten, atau penutup
    page_path: location.pathname,
    transport_type: "beacon",
  };
  if (a.dataset.track) gtag("event", a.dataset.track, params);
});

transport_type beacon membuat event tetap terkirim walaupun halaman langsung berpindah karena link diklik. Tanpa itu, sebagian klik bisa hilang.

Parameter yang dikirim

• link_text: teks tombol, supaya terlihat versi kalimat mana yang diklik.
• link_url: tujuan, tanpa parameter tambahan di URL.
• cta_position: hero, konten, atau penutup, dihitung dari posisi bagian di halaman.
• page_path: halaman tempat tombol berada.

Menandai key event

Event yang dekat dengan penjualan ditandai sebagai key event, supaya muncul di laporan konversi. Caranya: Admin, lalu Data display, lalu Events, lalu klik ikon bintang di samping event (Mark events as key events). Event baru muncul di daftar itu setelah ada kejadian pertama, biasanya dalam satu hari.

Di situs ini, yang ditandai adalah generate_lead, readiness_check_click, dan cta_click. case_study_click dan portfolio_click sengaja tidak, karena keduanya tanda minat, bukan niat membeli.

Hasilnya, sejauh ini

Belum ada. Event baru terpasang 30 Oktober 2026, dan angkanya perlu beberapa minggu sebelum bisa dibandingkan. Yang akan dibaca nanti: posisi ajakan mana yang paling banyak diklik, berapa persen pengunjung homepage yang membuka cek kesiapan bisnis, dan apakah studi kasus mendorong chat. Angkanya akan ditambahkan ke catatan ini setelah datanya cukup.

Versi budget terbatas

Kapan saran ini tidak berlaku

• Kalau websitemu hanya punya satu tombol WhatsApp, cukup ukur klik WhatsApp seperti di Catatan Praktik #3.
• Kalau trafik websitemu masih sangat kecil, beberapa klik per bulan belum cukup untuk dibandingkan. Fokus mendatangkan pengunjung dulu.
• Kalau websitemu memakai banner persetujuan cookie, event baru terkirim setelah pengunjung setuju. Angkanya akan lebih kecil dari klik sebenarnya.

Mulai dari mana minggu ini

1. Daftar tiga tombol yang paling penting di websitemu.
2. Beri nama event untuk masing-masing, huruf kecil dengan garis bawah.
3. Pasang, lalu klik sendiri dan cek di laporan Realtime atau DebugView bahwa eventnya masuk.

Pertanyaan singkat

Apakah perlu Google Tag Manager? Tidak wajib. Kalau kamu bisa mengubah template website, satu pendengar klik seperti di atas sudah cukup. GTM berguna kalau kamu tidak punya akses ke kode.

Kenapa tidak menandai semua event sebagai key event? Key event dipakai untuk mengukur konversi. Kalau semuanya ditandai, kamu tidak bisa membedakan minat dan niat membeli.

Apakah ini melanggar privasi pengunjung? Event di atas hanya mengirim teks tombol, tujuan link, dan halaman, tanpa data pribadi. Tetap ikuti aturan persetujuan cookie yang berlaku untuk websitemu.

Pengukuran seperti ini menjadi bagian dari laporan bulanan di cara saya bekerja.