Clew

Cara menyiapkan onboarding pengguna lewat Google Tag Manager tanpa developer

Oleh · diperbarui

Alur sesi pertama yang lengkap lewat Google Tag Manager — sambutan, aksi pertama yang dipandu, daftar langkah awal — dari tiga item Clew yang mengikuti pengguna di aplikasi, bukan satu tur panjang saat halaman dimuat.

Waktu
● 40 menit
Harga
Tur gratis · sisanya uji coba 14 hari
Siapa yang mengerjakan
Siapa pun yang bisa publish di GTM

Contoh: onboarding pengguna lewat Google Tag Manager

SaaS manajemen proyek tanpa waktu developer untuk onboarding. Lewat GTM: modal sambutan di /app (“Buat proyek pertama dalam 2 menit”), tur di /app/projects, dan checklist setup pada kunjungan kedua.

Bagian tur produk gratis di paket Free (hingga 3 yang dipublikasikan). Modal, Checklist serta aturan audiens termasuk dalam Pro: setiap akun baru mendapat uji coba 14 hari dengan semua fitur, tanpa kartu. Setelah uji coba berakhir, tidak ada yang dihapus dan yang sudah dipublikasikan tetap tampil.

Cara menyiapkan onboarding pengguna lewat Google Tag Manager, langkah demi langkah

  1. 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>
    Ringkasan di admin Clew dengan baris embed dan kunci situs yang disamarkan (onboarding pengguna lewat Google Tag Manager)
    Langkah 1 · ilustrasi skematis
  2. 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.

    Tag Custom HTML di Google Tag Manager dengan skrip Clew ditempel (onboarding pengguna lewat Google Tag Manager)
    Langkah 2 · ilustrasi skematis
  3. Langkah 03

    Jalankan di All Pages

    Di Triggering pilih All Pages lalu simpan. Muat di semua halaman: di halaman mana onboarding pengguna tampil diatur di Clew, bukan di GTM.

    Daftar trigger GTM dengan All Pages dipilih (onboarding pengguna lewat Google Tag Manager)
    Langkah 3 · ilustrasi skematis
  4. 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.

    Dialog Submit Changes di GTM dengan tombol Publish (onboarding pengguna lewat Google Tag Manager)
    Langkah 4 · ilustrasi skematis
  5. Langkah 05

    Buat tiga item onboarding

    Di Alur buat tiga item: Jendela modal dengan satu kalimat sambutan dan tautan ke layar utama; tur Tooltip langkah demi langkah 3–4 langkah di layar itu, dibuat dengan Edit di situs Anda dan Pilih elemen; serta Checklist onboarding berisi tugas setup yang tersisa.

    Popup sambutan, tooltip tur, dan panel checklist sebagai tiga tahap onboarding (onboarding pengguna lewat Google Tag Manager)
    Langkah 5 · ilustrasi skematis
  6. 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:

    PengaturanNilai
    Popup sambutan
    FormatJendela modal
    Di mana ditampilkan (URL halaman)Path persis /app
    Kapan ditampilkanLangsung saat halaman dimuat
    Target audiensTanpa aturan: semua yang membuka halaman
    FrekuensiSekali per pengunjung
    Tur produk
    FormatTooltip langkah demi langkah
    Di mana ditampilkan (URL halaman)Bagian berdasarkan prefiks /app/projects
    Kapan ditampilkanLangsung saat halaman dimuat
    Target audiensTanpa aturan: semua yang membuka halaman
    FrekuensiSekali per pengunjung
    Checklist
    FormatChecklist onboarding
    Di mana ditampilkan (URL halaman)Bagian berdasarkan prefiks /app
    Kapan ditampilkanPada kunjungan ke-N: 2
    Target audiensTanpa aturan: semua yang membuka halaman
    FrekuensiSekali per pengunjung
    Editor tur Clew dengan format, aturan URL, pemicu, dan aturan audiens (onboarding pengguna lewat Google Tag Manager)
    Langkah 6 · ilustrasi skematis
  7. 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.

    Ringkasan di admin Clew dengan kartu hijau widget aktif (onboarding pengguna lewat Google Tag Manager)
    Langkah 7 · ilustrasi skematis

Jebakan umum: onboarding pengguna 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.

Tanpa data pengguna, targetkan lewat halaman dan kunjungan

Pemasangan lewat tag manager tidak tahu apa pun tentang akun. Pakai URL yang hanya dicapai pengguna baru (layar pertama kali, ?welcome=1 setelah daftar dengan URL mengandung) dan Pada kunjungan ke-N untuk checklist.

Jangan jalankan semuanya di satu halaman

Jika popup, tur, dan checklist cocok dengan URL yang sama, hanya satu yang dimulai dan yang lain menunggu. Beri setiap item halaman atau pemicunya sendiri, seperti di tabel di atas.

Tanya jawab

Bagaimana agar pengguna lama tidak melihat sambutan?

Kirim tanggal daftar atau onboarded dari data layer lalu tambahkan aturan, atau pakai URL pertama kali yang hanya didapat akun baru.

Apakah GTM memperlambat onboarding pengguna?

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.

Bagian mana yang gratis?

Tur gratis di paket Free. Popup sambutan, checklist, dan aturan audiens ada di Pro; uji coba 14 hari mencakup semuanya, tanpa kartu.

Berapa lama pengerjaannya?

Sekitar empat puluh menit untuk versi pertama: sepuluh untuk popup, dua puluh untuk tur, sepuluh untuk checklist. Setelah itu, perbaiki berdasarkan funnel.

Yang juga bisa ditambahkan lewat Google Tag Manager

Onboarding pengguna di platform lain

Cara menyiapkan onboarding pengguna tanpa developerGoogle Tag Manager: panduan pemasanganHarga

Satu baris di situs Anda — lalu tur, tooltip, dan checklist tanpa rilis.

Dapatkan kunci situs gratisCara kerja ClewPaket gratis selamanya, tanpa kartu kredit

Product tour, popup, dan onboarding di era AI

7 pola lengkap dengan jumlah langkah, aturan teks, dan metrik, apa yang diubah AI, serta checklist sebelum terbit. PDF, 2 halaman. Isi panduan →

Panduannya dalam bahasa Inggris.