Satu brief.
Aliran pemasaran yang boleh diuji.
Ubah input dan lihat hasilnya. Kira sumbangan, bina pautan kempen dan tentukan siapa layak menerima susulan. Semua rekod disimpan dalam memori tab ini sahaja.
Pratonton aliran kerja
Walkthrough menggunakan semula contoh latihan dan menggantikan input semasa. Rakaman ialah canvas tempatan dengan kapsyen dan bunyi sintesis asli; tiada suara narator, kamera atau mikrofon dirakam. Kekalkan tab aktif sepanjang rakaman.
Sedia. Ubah input untuk menguji hasil.
Pengiraan yang boleh diperiksa
Sumbangan ini juga sebelum kos tetap. Ia bukan keuntungan bersih. Komponen yang sudah termasuk dalam kos berubah tidak ditolak dua kali.
Pautan UTM terhasil
Keadaan lead tempatan
Sumber kempen akan dibekukan ketika lead dicipta.
“Dijadualkan” bermaksud item latihan dalam memori sahaja. Tiada CRM, WhatsApp, e-mel atau webhook dihubungi.
Skrip produksi 30 saat dan perubahan yang ditunjukkan
Ini walkthrough fungsi HTML sebenar. Narasi di bawah ialah skrip bacaan pilihan; fail rakaman menggunakan kapsyen serta cue bunyi asli. Klik “Main” untuk melihat data dimasukkan dan berubah dalam urutan yang sama.
| Masa | Aksi pada makmal | Kapsyen / narasi pilihan | Hasil yang diperiksa |
|---|
Cara menyunting dan menguji sendiri
Fail ini berfungsi sebagai HTML kendiri tanpa perpustakaan luaran. Sunting warna di bahagian CSS, teks jadual dalam SCRIPT, dan urutan tindakan dalam demoAt(). Borang, hasil teks serta canvas menggunakan pengiraan yang sama melalui readModel().
- Ubah harga kepada 100 dan kos kepada 60: sumbangan RM40, margin 40%.
- Ubah kos kepada 120: sumbangan negatif RM20 dan margin negatif 20%, tanpa menyembunyikan kerugian.
- Kos sifar sah; harga sifar atau medan kosong menghasilkan ralat, bukan angka rekaan.
- Gunakan URL dengan query dan fragment. Pembina mengekalkannya sambil menetapkan UTM.
- Cipta lead tanpa memilih susulan: penjadualan disekat. Pilih persetujuan, jadualkan, kemudian tarik balik: barisan susulan dikosongkan.
- Ubah UTM selepas lead dicipta: sumber lead terdahulu kekal. Cipta lead baharu untuk mengambil sumber terkini.
Untuk penggunaan produksi, bina dan uji sambungan sebenar secara berasingan. Demo ini tidak mengukur lawatan atau menghantar data. Muat semula halaman untuk mengosongkan keadaan dalam memori.
Rujukan API: URL.searchParams, canvas.captureStream, MediaRecorder.isTypeSupported. Sokongan rakaman diperiksa dalam pelayar; pilihan yang tidak disokong dinyahaktifkan.