Live Activity Toast & Social Proof Otomatis: Tayang Gratis di Website, Bayar Hanya Saat Diklik (Rp 0,20)
Bikin website Anda terlihat hidup dan dipercaya pengunjung baru sejak detik pertama. Tampilkan aktivitas pendaftaran, login, atau pembelian nyata di pojok layar secara otomatis tanpa perlu berlangganan layanan Social Proof bulanan yang mahal.
Tidak Menguras Kuota Saat Trafik Ramai
Berbeda dari layanan lain yang memotong kuota setiap kali toast muncul, di PushNotif biaya tayang Live Activity Toast adalah Rp 0 (Gratis)! Saldo hanya terpotong 1 Kredit (Rp 0,20) jika pengunjung benar-benar mengklik kartu toast.
Auto-Capture Login, Daftar & Checkout
Script SDK ringan kami (8 KB) otomatis mendeteksi aktivitas baru di website Anda dan menyensor alamat email atau nomor HP secara otomatis agar privasi pengunjung 100% terjaga.
Ubah Pengunjung Jadi Pelanggan Push
Saat kartu Live Activity Toast diklik, Anda bebas mengarahkannya ke halaman produk/promo atau langsung mengaktifkan izin lonceng Web Push Notification dalam 1 ketukan.
Perbandingan Transparan
Kenapa ratusan developer dan pemilik website di Indonesia beralih menggunakan PushNotif:
| Parameter | PushNotif (Indonesia) | Layanan Lama / Manual |
|---|---|---|
| Biaya Berlangganan Bulanan | ✓ Rp 0 / Bulan (Isi Saldo QRIS mulai Rp 1.000) | $19 – $79 / bulan (Fomo / ProveSource / Nudgify) |
| Biaya Saat Toast Tayang (Impresi) | ✓ GRATIS Rp 0 / Tayang (Bebas Tampil Sepuasnya) | Dibatasi kuota impresi bulanan |
| Biaya Saat Toast Diklik (CTR) | ✓ Hanya Rp 0,20 (1 Kredit) per Klik Nyata | Tetap bayar penuh meski tidak ada yang klik |
| Perlindungan Privasi Pengunjung | ✓ Otomatis Sensor Email & Nomor HP ([member]) | Sering harus disensor manual dari backend |
| Ukuran Script & Kecepatan Web | ✓ < 8 KB Async (Sudah 1 Paket dengan Web Push) | Script pihak ketiga tambahan (30–80 KB) |
Aktifkan Live Activity Toast + Web Push Cukup dengan 1 Baris Script:
Siap Copy-Paste<!-- Tempelkan 1 baris ini sebelum </head> atau
<!-- LIVE INTERACTIVE PREVIEW OVERLAY FOR TOAST & POPUP -->
<div id="landing-feature-preview-toast" hidden style="position:fixed;bottom:20px;right:20px;left:20px;max-width:360px;margin:0 auto;z-index:9998;background:#0f172a;color:#f8fafc;border:1px solid rgba(56,189,248,0.35);border-radius:14px;padding:13px 15px;box-shadow:0 18px 38px rgba(15,23,42,0.38);">
<style>#landing-feature-preview-toast[hidden], #landing-feature-preview-popup[hidden]{{display:none !important;}}</style>
<div style="display:flex;align-items:center;gap:11px;">
<div style="width:36px;height:36px;border-radius:10px;background:rgba(16,185,129,0.18);color:#34d399;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;flex-shrink:0;">⚡</div>
<div style="flex:1;min-width:0;">
<div style="font-size:0.68rem;color:#34d399;font-weight:700;white-space:nowrap;">● AKTIVITAS REAL-TIME · TAYANG RP 0</div>
<div style="font-size:0.83rem;font-weight:700;color:#ffffff;margin-top:1px;">Budi dari Surabaya baru saja membeli</div>
<div style="font-size:0.77rem;color:#cbd5e1;">Paket Kopi Susu Aren 1 Liter · 1 menit lalu</div>
</div>
<button type="button" onclick="document.getElementById('landing-feature-preview-toast').hidden=true;" style="background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:13px;">✕</button>
</div>
</div>
<div id="landing-feature-preview-popup" hidden style="position:fixed;inset:0;z-index:9999;background:rgba(15,23,42,0.62);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:18px;" onclick="if(event.target===this)this.hidden=true;">
<div style="width:100%;max-width:380px;background:#ffffff;color:#0f172a;border:1px solid #cbd5e1;border-radius:18px;padding:22px;box-shadow:0 24px 48px rgba(15,23,42,0.32);text-align:center;position:relative;">
<button type="button" onclick="document.getElementById('landing-feature-preview-popup').hidden=true;" style="position:absolute;top:12px;right:14px;background:transparent;border:none;color:#64748b;cursor:pointer;font-size:15px;">✕</button>
<span class="mono" style="font-size:0.68rem;font-weight:800;background:#eff6ff;color:#0051d5;padding:4px 10px;border-radius:6px;">CONTOH IN-APP POPUP PROMO</span>
<h3 style="font-size:1.15rem;font-weight:800;margin-top:12px;">Voucher Diskon 30% Khusus Hari Ini!</h3>
<p style="font-size:0.84rem;color:#475569;margin-top:6px;line-height:1.5;">Sapa setiap pengunjung yang membuka website Anda walaupun mereka belum mengaktifkan izin lonceng browser.</p>
<a href="/auth" class="btn-primary" style="width:100%;justify-content:center;margin-top:16px;">Pasang di Website Saya (Gratis 1.000 Kuota) →</a>
</div>
</div>
<script>
window.previewLandingFeature = function(kind) {{
try {{
const Ctx = window.AudioContext || window.webkitAudioContext;
if (Ctx) {{
const ctx = new Ctx();
const o = ctx.createOscillator(), g = ctx.createGain();
o.type = 'sine'; o.frequency.setValueAtTime(987.77, ctx.currentTime);
g.gain.setValueAtTime(0.12, ctx.currentTime);
g.gain.exponentialRampToValueAtTime(0.001, ctx.currentTime + 0.18);
o.connect(g); g.connect(ctx.destination);
o.start(); o.stop(ctx.currentTime + 0.18);
}}
}} catch (_) {{}}
const t = document.getElementById('landing-feature-preview-toast');
const p = document.getElementById('landing-feature-preview-popup');
if (kind === 'popup') {{
if (t) t.hidden = true;
if (p) p.hidden = false;
}} else {{
if (p) p.hidden = true;
if (t) {{
t.hidden = false;
clearTimeout(window._pnPrevToastTimer);
window._pnPrevToastTimer = setTimeout(() => {{ t.hidden = true; }}, 6500);
}}
}}
}};
</script>
<script>
(function(){{
fetch('/api/v1/auth/promo-status',{{credentials:'same-origin'}}).then(function(r){{return r.json();}}).then(function(d){{
if(d && d.logged_in){{
document.querySelectorAll('a[href^="/auth"]').forEach(function(a){{
if(a.textContent.indexOf('Masuk')!==-1 && a.parentElement && a.parentElement.querySelectorAll('a[href^="/auth"]').length>1){{
a.style.display='none';
}} else if(a.closest('nav') || a.closest('header') || a.classList.contains('btn-nav-primary') || a.classList.contains('btn-primary')){{
a.href='/dashboard';
if(a.closest('nav') || a.closest('header')) a.textContent='Buka Dashboard →';
}}
}});
}}
}}).catch(function(){{}});
}})();
</script>
</body> -->
<script src="https://pushnotif.biz.id/sdk/pushnotif.js" data-app-id="app_YOUR_APP_ID" defer></script>
<!-- Opsional: Kirim event aktivitas kustom dari halaman checkout/form Anda -->
<script>
fetch("https://pushnotif.biz.id/api/v1/apps/app_YOUR_APP_ID/auto-capture-event", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
event_type: "purchase",
event_title: "Transaksi Baru Berhasil",
event_body: "Pelanggan dari Jakarta baru saja memesan Paket Pro",
page_url: "https://website-anda.com/promo"
})
});
</script>Pertanyaan yang Sering Diajukan (FAQ)
Q: Apa bedanya Studio In-App Popup dengan Live Activity Toast di PushNotif?
Studio In-App Popup berfungsi menampilkan pengumuman besar atau poster promo (Modal Tengah / Sticky Bar Atas) dengan biaya Rp 0,20 per tayang. Sedangkan Live Activity Toast menampilkan kartu aktivitas real-time berukuran ringkas di pojok layar (seperti bukti pendaftaran atau transaksi terbaru) yang muncul selama 5 detik dengan biaya tayang Rp 0 (Gratis) dan hanya memotong Rp 0,20 saat diklik.
Q: Apakah benar biaya tayang Live Activity Toast gratis Rp 0?
Benar 100%! Kami merancang Live Activity Toast dengan skema Pay-Per-Click: meskipun website Anda dikunjungi puluhan ribu orang per hari dan toast tampil berkali-kali, saldo kredit Anda tidak berkurang sepeser pun kecuali pengunjung mengklik kartu toast tersebut (1 klik = 1 kredit = Rp 0,20).
Q: Apakah data email atau nomor telepon pembeli aman saat otomatis ditampilkan di Toast?
Sangat aman. Endpoint auto-capture PushNotif dilengkapi filter privasi otomatis yang menyensor setiap pola alamat email dan deretan angka sensitif sebelum disimpan, sehingga yang tampil di layar pengunjung lain hanya informasi aman yang sudah disamarkan.
Siap Memasang Push Notification di Website Anda?
Daftar dalam 5 detik, langsung dapatkan 1.000 Kuota Pesan Gratis. Top-up selanjutnya bebas nominal via QRIS mulai Rp 1.000 (tidak pernah hangus).
Ambil 1.000 Kuota Gratis →