Cara Mengumpulkan 100% Event Google Analytics di Situs Anda

Tahukah Anda bahwa Google Analytics digunakan oleh lebih dari 50% web? Itu berarti puluhan juta situs!

Jadi, kemungkinan besar situs Anda juga menggunakan Google Analytics, dan Anda ingin memanfaatkan data serta kemampuan pelaporannya untuk mengambil keputusan yang tepat tentang situs, rencana konten, produk, dan masa depan bisnis Anda.

Jika demikian, saya mengundang Anda untuk terus membaca tutorial praktis ini dan mempelajari mengapa dan bagaimana cara mengumpulkan 100% interaksi web di situs Anda.

Tapi Saya Pikir Saya Sudah Mengumpulkan 100% Interaksi Web?

Sayangnya, itu tidak terjadi pada sebagian besar situs karena beberapa keterbatasan. Ini adalah keterbatasan teknologi inti yang secara bertahap makin berdampak selama 10 tahun terakhir. 

Saya berbicara tentang tiga penyebab utama:

#1 Kesadaran privasi dan regulasi baru

Semakin banyak negara yang mengadopsi undang-undang khusus untuk melindungi privasi konsumen, yang mewajibkan persetujuan pengguna untuk pengumpulan data — ini merupakan peningkatan yang sangat baik bagi privasi konsumen.

Konsekuensi yang kurang terlihat adalah kurang dari setengah pengunjung memberikan persetujuan penuh. Menurut studi terbaru, rata-rata tingkat persetujuan cookie adalah 31%. Dengan kata lain, lebih dari dua pertiga pengunjung Anda tidak menerima cookie pihak ketiga; akibatnya, page view dan event mereka tidak benar-benar sampai ke Google Analytics.

#2 Pemblokir iklan

Meskipun dirancang khusus untuk memblokir iklan, pemblokir iklan juga mencegah pengumpulan data situs dengan otomatis memblokir koneksi HTTP ke API analitik populer seperti Google Analytics.

Adopsi global meningkat dari 3% menjadi lebih dari 11% dalam satu dekade terakhir. Dan jika melihat Eropa dan Amerika Utara, ~50% pengunjung menggunakan pemblokir iklan.

Dengan kata lain, pemblokir iklan bisa memblokir lebih dari 50% interaksi di situs Anda, terutama jika target audiens Anda teknis dan berpendidikan tinggi.

#3 Performa web & adopsi seluler

Konektivitas internet yang lambat atau tidak stabil — sering kali di perangkat seluler — dapat mengganggu aliran data dari perangkat ke server pelacakan, sehingga mengakibatkan tambahan 10% kehilangan data. Per 2024, hampir 60% lalu lintas web global dihasilkan oleh perangkat seluler, dibandingkan kurang dari 30% hanya 10 tahun lalu.

Selain itu, framework web modern tidak sepenuhnya mendukung browser lama demi efisiensi — yang baik untuk mayoritas besar pengunjung. Di sisi lain, cukup umum ditemukan situs populer dengan skor kompatibilitas ~90%, yang mengakibatkan kehilangan data tambahan. Di Edgee, kami menyaksikan kasus ekstrem di mana celah kompatibilitas 10% menyebabkan kehilangan data lebih dari 40%.

Oke, lalu apa yang bisa saya lakukan?

Sebagai pemilik atau pengembang situs, menyadari bahwa Anda memiliki sedikit kendali atas tiga penyebab utama hilangnya data tadi bisa terasa membuat frustrasi. Anda tetap harus patuh pada regulasi data dan menghormati privasi pengguna. Anda tidak bisa memaksa pengunjung untuk meningkatkan versi browser atau menghindari penjelajahan di seluler sambil tetap memberikan pengalaman pengguna yang baik.

Kabar baiknya, ada cara untuk tetap patuh, menghormati privasi pengguna, dan menghindari keterbatasan sisi klien dengan menggunakan komputasi edge.

Edge Computing Menjadi Penyelamat

Edge computing adalah seperangkat teknologi dan arsitektur yang memungkinkan Anda memindahkan komputasi dan penyimpanan data lebih dekat ke pengguna untuk mengurangi latensi, dibandingkan pusat data terpusat. Demikian pula, menggunakan edge computing memungkinkan Anda menggeser komputasi dari browser, di antara klien dan server, sehingga efektif melewati keterbatasan dari pemblokir iklan, cookie, konektivitas seluler, dan kompatibilitas JavaScript.

Untungnya, alat seperti Edgee membantu organisasi mentransformasi SDK sisi klien seperti Google Analytics menjadi komponen WebAssembly yang berjalan di edge. Artinya, Anda dapat menghapus SDK Google Analytics dari situs Anda, dan Edgee akan mengirim page view dan event kustom ke GA, bahkan sebelum halaman disajikan ke browser.

Secara teknis, ini melibatkan serangkaian teknik untuk memastikan bot otomatis dikecualikan dan agar pemblokir iklan tidak mencegat event yang dihasilkan klien.

Mari lihat Edgee secara praktik

Sejauh ini, terdengar bagus! Tetapi bagaimana cara kerjanya? Yang lebih penting, bagaimana Anda bisa mengintegrasikan Edgee ke situs Anda secara efisien tanpa menghabiskan banyak waktu atau mengubah laporan Google Analytics Anda? Mari saya tunjukkan!

Langkah-langkah di bawah ini tidak akan memaksa Anda memberikan kartu kredit atau menimbulkan biaya tak terduga, karena Edgee memiliki paket gratis.

Anda dapat mulai dengan Edgee dalam 5 langkah:

1. Buat akun Edgee gratis baru
2. Buat proyek Edgee baru dan atur URL backend Anda, misalnya https://youwebsite.com
3. Tambahkan komponen Google Analytics ke proyek Anda, pilih dari daftar komponen siap pakai
4. Integrasikan SDK Edgee ke dalam kode HTML Anda dan perbarui pemetaan event
5. Integrasikan Edgee dengan arsitektur Anda (seperti CDN)

Tunggu, mengapa saya memerlukan SDK sisi klien baru?

Pertanyaan bagus! SDK Edgee berperan sebagai jembatan dan menggantikan SDK JavaScript dari semua komponen yang Anda aktifkan untuk proyek Anda. Dengan kata lain, SDK Edgee memungkinkan kemampuan pemrosesan edge kami berjalan. Saat Edgee mencegat skrip ini, ia memicu event analitik dan layanan lain secara transparan dan langsung di edge. 

Hasilnya? Analitik real-time tanpa mengorbankan performa aplikasi Anda. Logika komputasi edge berjalan dalam kurang dari 4 milidetik untuk 99% kasus (persentil ke-99). Selain itu, SDK memungkinkan Anda melacak event sisi klien seperti klik tombol atau tindakan kustom tanpa memuat ulang halaman, berkomunikasi langsung dengan Edgee, sehingga tidak dapat diblokir.

Berikut yang perlu Anda tambahkan di situs Anda:

<script id="__EDGEE_SDK__" src="<YOUR_SDK_URL>" async></script>

Dan jika front end Anda adalah aplikasi React, Anda dapat menggunakan paket react-edgee seperti ini:

import EdgeeSdk from "react-edgee";
<EdgeeSdk src={"<YOUR_SDK_URL>"} />

Selanjutnya, Anda perlu memperbarui kode JavaScript untuk menggunakan SDK Edgee alih-alih Google Analytics:

// from this:
gtag('event', 'button-click', {
    color: ‘blue
});

// to this:
edgee.track({
    'name': 'button-click',
    'properties': {
        color: ‘blue
    }
});

Demikian pula, jika Anda menetapkan properti spesifik pengguna:

// from this:
gtag('config', '<tag_id>', {
  'user_id': '<user_id>'
});
// or this:
gtag('set', 'user_properties', {
  'user_id': '<user_id>',
  '<property_name>': '<property_value>',
});

// to this:
edgee.user({
    'user_id': '<user_id>',
    'anonymous_id': '<anonymous_user_id>',
    'properties': {
      '<property_name>': '<property_value>'
    }
});

Untuk integrasi yang lebih kompleks, lihat cara mengonfigurasi Edgee Data Layer Anda di server dan cara otomatis memetakan persetujuan cookie melalui SDK atau integrasi bawaan untuk alat seperti Axceptio, Didomi, dan OneTrust.

Strategi migrasi

Membangun situs web baru memang menarik dan memungkinkan eksperimen tanpa batasan. Namun, dalam banyak kasus, Anda sudah memiliki situs mapan dengan laporan GA historis, optimalisasi, dan data berharga. Dan Anda tidak bisa menoleransi celah atau duplikasi entri dalam analitik Anda.

Itulah mengapa saya merekomendasikan salah satu strategi migrasi berikut. Meski menambah sedikit kompleksitas, pendekatan ini memungkinkan pengujian bertahap, memastikan keandalan, dan memberikan wawasan berharga sepanjang proses.

#1 Integrasi dan bandingkan

Strategi ini sangat berguna jika Anda belum yakin tentang besarnya kehilangan data. Apakah 5%, 20%, atau 50% dari total? Bergantung pada jawabannya, Anda mungkin memutuskan untuk memprioritaskan penggunaan alat seperti Edgee secepatnya.

Cara yang bagus untuk mengukurnya adalah dengan mengintegrasikan Edgee berdampingan dengan setelan Google Analytics Anda yang ada, menggunakan properti GA baru dalam akun yang sama. Ini memungkinkan Anda menjalankan proof-of-concept selama beberapa minggu (biasanya satu bulan cukup) dan membandingkan kedua properti untuk mengkuantifikasi celah data Anda.

Implementasinya sederhana karena Anda tidak perlu mengubah kode GA yang ada. Cukup integrasikan SDK Edgee dan tambahkan snippet pelacakan untuk halaman dan event kustom.

Setelah percobaan selesai dan Anda siap beralih sepenuhnya ke analitik edge, Anda dapat beralih ke strategi berikutnya dan menghentikan implementasi lama.

#2 Integrasi dan ganti

Strategi ini berfokus pada penggantian penuh implementasi JavaScript lama dalam empat langkah.

Pertama, Anda mengintegrasikan SDK Edgee dan membuat komponen Google Analytics baru dalam proyek Anda, namun biarkan nonaktif.

Kedua, Anda menonaktifkan analitik pageview otomatis seperti ini:

gtag('config', '<tag_id>, {
  send_page_view: false,
});

Ketiga, Anda bersiap untuk menerapkan perubahan kode ini dan segera mengaktifkan komponen (tidak aktif) yang Anda konfigurasikan pada langkah pertama. Ini memastikan tidak ada data yang terduplikasi atau hilang.

Terakhir, Anda mengonversi seluruh pelacakan sisi klien ke SDK Edgee. Meskipun ini dapat dilakukan secara bertahap, saya menyarankan untuk mengganti semua event sekaligus. Ini memastikan migrasi yang bersih dan memungkinkan Anda menghapus SDK yang berlebihan, sehingga meningkatkan performa situs.

Di dokumentasi Edgee, Anda akan menemukan panduan migrasi yang lebih mendetail untuk mencakup perubahan arsitektur dan kode.

Ringkasan dan Hal-Hal Penting

Dalam artikel ini, kita membahas tantangan sisi klien yang menghalangi Anda menangkap 100% interaksi situs web.

Lalu, kami memperkenalkan Edgee, platform berbasis edge computing yang mengatasi tantangan tersebut, memberi Anda data akurat tanpa mengorbankan privasi atau performa.

Terakhir, jika Anda seorang pengembang dan ingin mempelajari lebih lanjut tentang cara kerja Edgee di balik layar atau bahkan mengetahui cara mengintegrasikan komponen kustom Anda sendiri, jangan ragu untuk menghubungi kami di komunitas ini untuk kebutuhan debugging.

Ruang ini berkembang pesat, dan banyak pembaruan menarik serta komponen baru akan hadir pada 2025. Sambil menunggu, kami ingin sekali mempelajari use case dan masukan Anda!

Bagi Anda yang ingin memperdalam pemahaman tentang pengambilan keputusan berbasis data, lihat Marketing Analytics for Business—kursus yang dirancang untuk membantu Anda menggunakan analitik demi strategi bisnis yang lebih cerdas.