Analitik Website dengan GA4

GA4 sudah terpasang di website Anda, tetapi ketika dibuka, yang terlihat hanya grafik pengguna naik-turun tanpa jawaban atas pertanyaan yang sebenarnya penting: dari mana pembeli datang, halaman mana yang membuat orang mendaftar, dan di langkah mana calon pelanggan menyerah. Masalahnya jarang ada di GA4-nya. Biasanya event penting belum dilacak, traffic internal ikut terhitung, dan pengaturan dasar seperti retensi data masih bawaan.

Artikel ini membahas cara menyiapkan GA4 agar benar-benar berguna untuk toko online, website jasa, maupun aplikasi Laravel, lengkap dengan contoh kode untuk melacak pembelian.

Memahami Model Data GA4

Berbeda dari Universal Analytics yang berbasis sesi dan hit, GA4 menganggap semua interaksi sebagai event. Membuka halaman adalah event page_view, menggulir adalah scroll, membeli adalah purchase. Setiap event bisa membawa parameter, misalnya nilai transaksi atau nama produk. Event yang Anda tandai sebagai penting disebut key event (sebelumnya disebut konversi).

Ada empat lapis event di GA4:

Gunakan nama recommended jika tersedia. Laporan e-commerce GA4 hanya terisi bila Anda memakai nama event dan parameter yang sesuai standar Google.

Buat Rencana Pelacakan Sebelum Menyentuh Kode

Kesalahan paling mahal di GA4 adalah langsung menambah event tanpa rencana, lalu setahun kemudian mendapati nama event tidak konsisten dan data lama tidak bisa dibandingkan. Sebelum memasang apa pun, buat tabel sederhana di spreadsheet dengan kolom: tujuan bisnis, nama event, parameter, halaman atau tombol pemicu, dan penanggung jawab. Contoh untuk toko online: tujuan "penjualan" dipetakan ke add_to_cart, begin_checkout, dan purchase; tujuan "prospek" dipetakan ke generate_lead dan klik_whatsapp. Gunakan huruf kecil dan garis bawah secara konsisten, karena GA4 membedakan huruf besar dan kecil pada nama event.

Langkah Setup yang Benar

1. Buat property dan web data stream di analytics.google.com. Catat Measurement ID berformat G-XXXXXXX.
2. Pasang tag. Pilih salah satu: lewat Google Tag Manager (lebih fleksibel jika sering menambah event) atau langsung menempel gtag.js di layout utama. Jangan memasang keduanya sekaligus, karena data akan terhitung ganda.
3. Cek laporan Realtime dan DebugView. Buka website di tab lain, pastikan kunjungan Anda muncul.
4. Ubah retensi data di Admin, Data collection and modification, Data retention, dari 2 bulan menjadi 14 bulan. Pengaturan ini memengaruhi laporan Explorations; jika dibiarkan, analisis lanjutan Anda hanya bisa melihat dua bulan ke belakang.
5. Filter traffic internal. Definisikan IP kantor sebagai internal traffic, lalu aktifkan filternya. Tanpa ini, kunjungan admin yang mengecek pesanan berkali-kali ikut membengkakkan angka.
6. Tandai key event. Pilih 2-5 aksi yang benar-benar bernilai bisnis, misalnya purchase, generate_lead, dan klik_whatsapp.
7. Hubungkan Google Search Console agar Anda bisa melihat kata kunci pencarian organik bersama data perilaku.

Melacak Pembelian dari Aplikasi Laravel

Event purchase sebaiknya dikirim di halaman terima kasih, setelah pembayaran terkonfirmasi. Di Laravel, Anda bisa mengirim data pesanan dari controller ke view, lalu mencetaknya sebagai JSON dengan aman memakai direktif @json. Contoh berikut mengasumsikan gtag.js sudah terpasang di layout:

{{-- resources/views/checkout/thanks.blade.php --}}
@if ($order->isPaid() && ! $order->ga_tracked)
<script>
  gtag('event', 'purchase', {
    transaction_id: @json($order->code),
    value: {{ (float) $order->total }},
    currency: 'IDR',
    items: @json($order->items->map(fn ($i) => [
        'item_id'   => $i->sku,
        'item_name' => $i->name,
        'price'     => (float) $i->price,
        'quantity'  => $i->qty,
    ]))
  });
</script>
@php($order->update(['ga_tracked' => true]))
@endif

Kolom ga_tracked mencegah pembelian yang sama terkirim dua kali saat pelanggan me-refresh halaman. GA4 juga memakai transaction_id untuk menghapus duplikat, tetapi lebih aman menjaganya dari sisi aplikasi. Untuk pembayaran yang dikonfirmasi lewat webhook, misalnya setelah integrasi payment gateway Midtrans, pertimbangkan Measurement Protocol agar event dikirim dari server dan tidak bergantung pada pelanggan membuka halaman terima kasih.

Untuk tombol WhatsApp yang sering menjadi saluran penjualan utama UMKM, cukup tambahkan event kustom saat diklik:

<a href="https://wa.me/6281234567890"
   onclick="gtag('event', 'klik_whatsapp', { lokasi: 'halaman_produk' })">
  Pesan via WhatsApp
</a>

Agar parameter seperti lokasi bisa dipakai di laporan, daftarkan sebagai custom dimension di Admin, Custom definitions.

Laporan yang Perlu Dibaca Rutin

Acquisition: Traffic acquisition

Menjawab "dari mana pengunjung datang". Lihat kolom Session default channel group (Organic Search, Direct, Paid Social, Referral) dan bandingkan dengan jumlah key event per channel. Channel dengan pengunjung sedikit tetapi konversi tinggi sering layak diberi perhatian lebih.

Engagement: Pages and screens

Menunjukkan halaman mana yang paling banyak dilihat dan berapa lama orang terlibat. Halaman produk dengan views tinggi tetapi nyaris tanpa add_to_cart adalah kandidat perbaikan: foto, harga, atau informasi ongkir mungkin kurang jelas.

Explore: Funnel exploration

Susun langkah seperti lihat produk, tambah ke keranjang, mulai checkout, beli. Grafiknya memperlihatkan di langkah mana pengunjung paling banyak berhenti. Contoh: jika banyak yang berhenti di antara checkout dan beli, periksa pilihan metode pembayaran dan biaya tambahan yang baru muncul di akhir.

Explore: Path exploration

Berguna untuk melihat jalur yang ditempuh pengunjung sebelum mendaftar atau membeli, misalnya apakah mereka membaca artikel blog terlebih dahulu.

Kesalahan Setup yang Sering Terjadi

• Tag terpasang ganda (GTM dan gtag langsung). Gejalanya: jumlah page view per sesi tidak wajar. Hapus salah satu.
• Event purchase tanpa currency. Nilai transaksi tidak akan terhitung sebagai revenue. Selalu sertakan currency.
• Self-referral dari payment gateway. Pembeli yang kembali dari halaman pembayaran tercatat sebagai traffic referral baru. Tambahkan domain payment gateway ke daftar unwanted referrals di pengaturan tag.
• Terlalu banyak key event. Menandai scroll atau page view sebagai key event membuat angka konversi tidak bermakna.
• Tidak mencatat perubahan. Simpan catatan sederhana setiap kali Anda mengubah tag atau event, supaya lonjakan angka bisa dijelaskan kemudian.

Checklist GA4 untuk Website Bisnis

• Satu tag saja, terverifikasi di Realtime dan DebugView.
• Retensi data 14 bulan.
• Filter traffic internal aktif.
• Enhanced measurement aktif dan diperiksa satu per satu.
• Event purchase atau generate_lead lengkap dengan value dan currency.
• 2-5 key event yang sesuai tujuan bisnis.
• Search Console terhubung.
• Satu funnel exploration tersimpan untuk alur pembelian atau pendaftaran.

Dari Data ke Keputusan

Jadwalkan 30 menit setiap minggu untuk menjawab tiga pertanyaan saja: channel mana yang menghasilkan key event terbanyak, halaman mana yang banyak dilihat tetapi jarang menghasilkan aksi, dan di langkah funnel mana penurunan terbesar terjadi. Pilih satu perbaikan, terapkan, lalu ukur lagi minggu berikutnya. Catat hasilnya di dokumen yang sama dengan rencana pelacakan agar tim bisa melihat riwayat keputusan. Ritme kecil seperti ini lebih berguna daripada dashboard rumit yang jarang dibuka.

GA4 menunjukkan perilaku di website, sementara data penjualan sebenarnya tetap ada di sistem kasir atau aplikasi pesanan Anda. Menggabungkan keduanya dibahas lebih lanjut di manfaat menggunakan aplikasi bisnis untuk UMKM. Jika Anda membangun toko dari source code Laravel, misalnya dari katalog GudangCode, pola event di atas bisa langsung ditempatkan di view checkout yang sudah ada.