Cara menambahkan popup ke situs Anda lewat Google Tag Manager tanpa developer
Panduan langkah demi langkah untuk popup lewat Google Tag Manager: pasang satu baris, tulis modal di editor Clew, dan tentukan kapan muncul — setelah beberapa detik, saat di-scroll, atau pada kunjungan ulang — tanpa menyentuh tema lagi.
- Waktu
- ● 10 menit
- Harga
- Uji coba gratis 14 hari, tanpa kartu
- Siapa yang mengerjakan
- Siapa pun yang bisa publish di GTM
Contoh: popup lewat Google Tag Manager
Situs marketing sebuah SaaS dibangun dengan stack sendiri, dan tim marketing hanya bisa mengedit GTM. Pengunjung yang bertahan 20 detik di /pricing melihat modal “Bingung pilih paket? Jadwalkan panggilan 15 menit” dengan tautan ke halaman demo.
Format ini termasuk dalam paket Pro. Setiap akun baru dimulai dengan uji coba gratis 14 hari dengan semua format dan aturan audiens, tanpa kartu. Setelah uji coba berakhir, tidak ada yang dihapus dan yang sudah dipublikasikan tetap tampil; tur dan tooltip tetap gratis di paket Free.
Cara menambahkan popup lewat Google Tag Manager, langkah demi langkah
- Langkah 01
Salin snippet Clew Anda
Buat akun gratis (atau masuk), tambahkan situs Anda, lalu buka Ringkasan di admin. Klik baris pada kartu Belum ada sinyal dari widget. untuk menyalinnya: baris itu sudah berisi kunci situs asli Anda, bukan placeholder.
<!-- Clew: ganti TEMPEL_KUNCI_SITUS_ANDA dengan kunci situs dari Admin > Ringkasan --> <script src="https://tryclew.io/widget/TEMPEL_KUNCI_SITUS_ANDA.js" async></script>
Langkah 1 · ilustrasi skematis - Langkah 02
Buat tag Custom HTML di GTM
Di tagmanager.google.com buka container Anda, Tags → New → Tag Configuration → Custom HTML, lalu tempel baris Clew. Beri nama tag
Clew widget.
Langkah 2 · ilustrasi skematis - Langkah 03
Jalankan di All Pages
Di Triggering pilih All Pages lalu simpan. Muat di semua halaman: di halaman mana popup tampil diatur di Clew, bukan di GTM.
Langkah 3 · ilustrasi skematis - Langkah 04
Preview, lalu Submit dan Publish
Pastikan di Preview bahwa
Clew widgetada di Tags Fired, lalu Submit → Publish. Tidak ada yang berubah di situs live sebelum dipublikasikan.
Langkah 4 · ilustrasi skematis - Langkah 05
Tulis popup di Clew
Di Clew buka Alur → + Alur baru, lalu atur Format ke Jendela modal. Tambahkan satu langkah: judul singkat, satu atau dua kalimat, dan di Teks link / URL link isi teks tombol serta halaman yang dibukanya. Modal tidak butuh selector: selalu tampil di tengah.
Langkah 5 · ilustrasi skematis - Langkah 06
Tentukan di mana, kapan, dan untuk siapa tampil
Di editor yang sama, isi Di mana ditampilkan (URL halaman), Kapan ditampilkan, Target audiens, dan Frekuensi. Ini pengaturan untuk contoh di atas:
Pengaturan Nilai Format Jendela modal Di mana ditampilkan (URL halaman) Bagian berdasarkan prefiks /pricingKapan ditampilkan Setelah N detik: 20 detik Target audiens Tanpa aturan: semua yang membuka halaman Frekuensi Sekali per pengunjung 
Langkah 6 · ilustrasi skematis - Langkah 07
Publikasikan dan cek di situs live
Ubah Status menjadi Terbit lalu simpan. Buka halaman di jendela privat: Clew mengingat siapa yang sudah melihat item “sekali”, jadi browser yang biasa Anda pakai mungkin melewatinya. Tayangan, penyelesaian, dan titik berhenti muncul di statistik.
Langkah 7 · ilustrasi skematis
Jebakan umum: popup lewat Google Tag Manager
Jangan pakai trigger History Change
Widget mengikuti navigasi single-page dengan sendirinya. Trigger kedua pada History Change hanya memuat skrip lagi tanpa guna.
Consent Mode bisa menundanya
Jika container memakai Consent Mode dan tag menunggu persetujuan, popup baru muncul setelah pengunjung menyetujui. Putuskan sesuai kebijakan privasi Anda.
Cek di ponsel sebelum dipublikasikan
Lewat tag manager, popup mudah terkirim ke semua halaman sekaligus. Buka halaman target di jendela yang sempit: lebar modal dibatasi, tetapi teks panjang akan mendorong tombol ke bawah. Cukup dua kalimat.
Tanya jawab
Bisakah klik popup dilacak di GA4?
Clew menghitung tayangan, penyelesaian, dan penutupan di statistiknya sendiri. Tombol membuka halaman Anda, jadi GA4 mencatat kunjungan ke halaman itu seperti biasa.
Apakah GTM memperlambat popup?
Widget dimuat sesaat setelah container. Hanya item dengan Langsung saat halaman dimuat pada tampilan halaman paling pertama yang mungkin muncul sepersekian detik lebih lambat dibanding pemasangan langsung.
Bisakah popup hanya tampil di satu halaman?
Bisa. Pasang baris kode di seluruh situs, lalu pilih Path persis atau Bagian berdasarkan prefiks di Di mana ditampilkan (URL halaman). Popup tidak akan muncul di halaman lain.
Apakah popup gratis?
Format modal termasuk dalam Pro; akun baru mendapat uji coba 14 hari dengan semua fitur, tanpa kartu. Tur dan tooltip gratis di paket Free.
Tombolnya mengarah ke mana?
Ke halaman mana pun yang Anda isi di URL link. Halaman itu terbuka di tab baru, jadi pengunjung tidak kehilangan halaman yang sedang dibuka.
Yang juga bisa ditambahkan lewat Google Tag Manager
- Cara membuat product tour lewat Google Tag Manager tanpa developer
- Cara menambahkan checklist onboarding lewat Google Tag Manager tanpa developer
- Cara menyiapkan onboarding pengguna lewat Google Tag Manager tanpa developer
- Cara menambahkan tooltip ke situs Anda lewat Google Tag Manager tanpa developer
- Cara membuat panduan produk interaktif lewat Google Tag Manager tanpa developer
- Cara menambahkan paywall upgrade lewat Google Tag Manager tanpa developer
Popup di platform lain
- ShopifyCara menambahkan popup ke toko Shopify tanpa developer
- WordPressCara menambahkan popup ke situs WordPress tanpa developer
- WebflowCara menambahkan popup ke situs Webflow tanpa developer
- WixCara menambahkan popup ke situs Wix tanpa developer
- FramerCara menambahkan popup ke situs Framer tanpa developer