Generator Snippet Google Tag — gtag.js, GA4, Google Ads dan Tag Manager

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.

Diperbarui

Di dalam <head>, letakkan setinggi mungkin

Tepat setelah tag <body> pembuka

Di Webflow, tempel kode head di Site settings → Custom code → Head code. Memakai generator banner cookie? Letakkan snippet pertamanya di atas kode ini.

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 kode event GA4 dengan cepatPilih event rekomendasi atau nama sendiri, isi parameter dan item, lalu salin kode gtag() atau dataLayer.push().Generator Kode Event GA4 →

Cara menggunakan Generator Kode Google Tag

  1. Pilih Google tag untuk memasang GA4 atau Google Ads secara langsung, atau Tag Manager jika kamu mengelola tag di dalam container GTM.
  2. Masukkan ID kamu. ID GA4 ada di Admin → Data streams, dan ID container ada di bagian atas Tag Manager.
  3. Biarkan default Consent Mode v2 aktif jika kamu menampilkan banner cookie, dan tambahkan hanya opsi yang kamu butuhkan.
  4. Tempel kode head di setiap halaman (Webflow: Site settings → Custom code), publikasikan, lalu cek laporan Realtime atau DebugView.

Apa yang ditambahkan setiap opsi

  • Default Consent Mode v2 — gtag('consent', 'default', …) mengatur ad_storage, ad_user_data, ad_personalization, dan analytics_storage menjadi denied sebelum tag mana pun berjalan, dengan wait_for_update agar banner punya waktu untuk dimuat. Banner kamu kemudian memanggil gtag('consent', 'update', …).
  • Mode debug — debug_mode: true mengirim event ke DebugView di GA4. Matikan sebelum kamu go live, karena trafik debug akan tercampur ke laporan selama beberapa menit setiap kali.
  • Tampilan halaman manual — send_page_view: false menghentikan page view otomatis, cocok untuk single-page app yang mengirim page_view setiap kali pindah rute.
  • Pelacakan lintas domain — linker.domains menambahkan parameter _gl ke tautan antar domainmu, sehingga satu kunjungan di beberapa domain tetap dihitung sebagai satu sesi. Kamu juga perlu mendaftarkan domain tersebut di pengaturan data stream GA4.
  • User ID — user_id menghubungkan kunjungan satu orang di berbagai perangkat. Nilainya harus ID internal milikmu sendiri; kebijakan Google melarang pengiriman email, nama, atau data pribadi lainnya.

Google tag atau Tag Manager?

Google tag (gtag.js) adalah cara tercepat untuk menambahkan GA4 atau Ads ke situs. Tag Manager memuat container yang kamu edit lewat antarmuka webnya, sehingga tim marketing bisa menambahkan tag, trigger, dan pixel tanpa menyentuh kode. Pilihan ini lebih baik jika situs punya banyak tag. Gunakan salah satu saja untuk properti GA4 yang sama, jangan keduanya, atau setiap tayangan halaman akan terhitung dua kali. Setelah itu, kirim event dengan Generator Kode Event GA4 dan pastikan tag termuat dengan Tracking Tag Checker.

Juga dicari sebagai: generator snippet gtag, kode instalasi ga4, kode gtag.js, snippet google tag manager, kode install gtm, tag konversi google ads, kode default consent mode, kode pelacakan lintas domain ga4.

Tool yang cocok dipakai bersama Generator Kode Google Tag

  • Generator Script Event Tracking — Lacak klik tombol, link, dan submit form dengan menambahkan attributes tanpa perlu menulis kode: data-track="sign_up_click" ditambah parameter data-track-* jika perlu.
  • Generator Banner Cookie — Tambahkan banner cookie consent ke situs apa pun — Webflow, WordPress, Shopify, atau HTML biasa — tanpa plugin berbayar.
  • 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.
  • Decoder GA4 Request — Debug Google Analytics 4 tanpa menebak-nebak.

Pertanyaan yang sering diajukan

Di mana saya bisa menemukan ID pengukuran GA4?
Di Google Analytics, buka Admin → Data streams, pilih web stream kamu, lalu salin ID yang diawali dengan G-.
Bisakah saya memasang GTM dan gtag.js sekaligus?
Bisa, tetapi jangan memuat properti GA4 yang sama di keduanya, karena tayangan halaman akan terhitung dua kali. Jika kamu memakai Tag Manager, tambahkan GA4 di dalam container saja.
Apakah kode ini menghormati persetujuan cookie?
Dengan default Consent Mode v2 aktif, tag Google tidak menyimpan cookie sampai banner kamu mengirim pembaruan persetujuan. Tanpa banner yang mengirim pembaruan, Analytics tetap berada dalam mode tanpa cookie.
Bagaimana cara memeriksa bahwa tag berfungsi?
Aktifkan mode debug lalu buka Admin → DebugView di GA4, atau pantau laporan Realtime. Ekstensi browser Google Tag Assistant menampilkan setiap tag yang dimuat sebuah halaman.
Bisakah saya memasang Generator Kode Google Tag sebagai aplikasi web dan memakainya offline?
Bisa. Generator Kode Google Tag 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