Cara menambahkan paywall upgrade lewat Google Tag Manager tanpa developer

Oleh Andrey Davydov · diperbarui 18 September 2026

Soft paywall lewat Google Tag Manager: saat pengguna gratis mencapai fitur berbayar, modal menjelaskan manfaat upgrade dan menautkan ke halaman harga Anda — ditargetkan per paket, terukur, dan bisa diedit tanpa rilis.

Waktu: ● 20 menit
Harga: Uji coba gratis 14 hari, tanpa kartu
Siapa yang mengerjakan: Siapa pun yang bisa publish di GTM

Contoh: ajakan upgrade lewat Google Tag Manager

SaaS pelaporan mengirim plan ke data layer. Saat pengguna gratis mengeklik Ekspor (data-tour="export") di /app/reports, modal berbunyi “Ekspor ke CSV dan PDF ada di Pro” dengan tautan ke /pricing. Aplikasinya tetap yang menentukan apakah ekspor berjalan.

Yang dilakukan dan tidak dilakukan Clew. Clew menampilkan ajakan upgrade — modal berisi teks Anda dan tautan ke halaman harga atau checkout milik Anda sendiri — kepada pengguna yang dipilih oleh aturan Anda. Clew tidak menerima pembayaran, tidak mengelola langganan, dan tidak menyembunyikan atau mengunci konten: aplikasi Anda yang menentukan akses, penyedia pembayaran Anda yang menagih.

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 paywall upgrade 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.
```

<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 paywall upgrade tampil diatur di Clew, bukan di GTM.
Langkah 3 · ilustrasi skematis
Langkah 04
Preview, lalu Submit dan Publish
Pastikan di Preview bahwa Clew widget ada di Tags Fired, lalu Submit → Publish. Tidak ada yang berubah di situs live sebelum dipublikasikan.
Langkah 4 · ilustrasi skematis
Langkah 05
Tulis ajakan upgrade
Di Clew buka Alur → + Alur baru dan pilih Jendela modal. Satu langkah: judul berisi manfaat (“Ekspor ke CSV ada di Pro”), satu kalimat tentang nilainya, dan di Teks link / URL link tombol serta URL halaman harga atau checkout Anda.
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 `/app/reports`
Kapan ditampilkan	Saat elemen diklik: `[data-tour="export"]`
Target audiens	Properti `plan` sama dengan `free`
Frekuensi	Setiap kunjungan

Editor tur Clew dengan format, aturan URL, pemicu, dan aturan audiens (paywall upgrade lewat Google Tag Manager) — 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: paywall upgrade 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.

Kirim properti pengguna dengan tag kedua

Jika data layer Anda berisi nilai seperti plan, buat Data Layer Variable dan tag Custom HTML kedua yang memanggil Clew.identify() dengan variabel itu (lihat contoh). Jalankan pada event yang membawa nilainya, setelah tag Clew.

Perbarui properti setelah upgrade

Properti tersimpan di browser sampai aplikasi mengirim nilai baru. Panggil Clew.identify({ plan: "pro" }) setelah upgrade berhasil, kalau tidak pelanggan baru tetap melihat ajakan.

Data layer harus berisi paket

Tag manager hanya bisa meneruskan apa yang sudah disediakan halaman. Jika data layer Anda belum berisi paket, minta ditambahkan sekali atau targetkan cookie yang diset aplikasi.

Tanya jawab

Bagaimana paket sampai ke Clew?

Tag Custom HTML kedua memanggil Clew.identify({ plan: '{{DLV - plan}}' }) dengan Data Layer Variable.

Apakah GTM memperlambat paywall upgrade?

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 GTM membaca paket pengguna?

Hanya jika situs mengirimkannya ke data layer. Setelah itu Data Layer Variable meneruskannya ke Clew.identify() di tag Custom HTML.

Apakah Clew yang menerima pembayaran?

Tidak. Tombol menautkan ke halaman harga atau checkout milik Anda; Clew tidak pernah menangani kartu, langganan, atau akses.

Apakah paywall upgrade gratis?

Dibutuhkan format modal dan aturan audiens, keduanya di Pro. Uji coba 14 hari sudah mencakupnya, tanpa kartu.

Cara menambahkan paywall upgrade lewat Google Tag Manager tanpa developer

Contoh: ajakan upgrade lewat Google Tag Manager

Cara menambahkan paywall upgrade lewat Google Tag Manager, langkah demi langkah

Salin snippet Clew Anda

Buat tag Custom HTML di GTM

Jalankan di All Pages

Preview, lalu Submit dan Publish

Tulis ajakan upgrade

Tentukan di mana, kapan, dan untuk siapa tampil

Publikasikan dan cek di situs live