Contoh penggunaan custom events #
Custom events adalah sempurna untuk menyegerakkan aktiviti web pelanggan anda, dengan chatbot atau penglibatan pasukan jualan anda. Di bawah ialah beberapa contoh cara custom events oleh digunakan untuk manfaat anda.
| Objektif | Huraian | Sesuai Untuk |
|---|---|---|
|
Halang pelanggan daripada keluar tanpa membeli dari laman web anda |
Hantar kupon promosi kepada pengunjung apabila mereka akan meninggalkan laman web anda |
Semua |
|
Upsell pelanggan apabila mereka membeli-belah di laman web anda |
Hantar kupon untuk produk yang serasi dengan apa yang pelanggan sudah ada dalam bakul beli-belah mereka |
E-Dagang |
|
Notifikasi automatik |
Hantar notifikasi automatik semasa penerimaan pesanan, pemprosesan atau penghantaran |
E-Dagang |
|
Kurangkan kebocoran jualan |
Hantar diskaun yang berkaitan dengan bakul beli-belah pelanggan apabila pelanggan meninggalkan troli |
E-Dagang |
|
Kelayakan Lead |
Cetuskan chatbot untuk bertanya soalan kelayakan selepas petunjuk telah melengkapkan pendaftaran |
Dalam Talian ke Luar Talian |
|
Pencetus susulan |
Hantar kandungan susulan yang berkaitan dengan halaman web yang sedang dilayari prospek, atau cetuskan pasukan jualan anda untuk menghubungi prospek selepas mereka menunjukkan niat membeli di laman web anda. Contoh: WhatsApp tawaran untuk menempah pandu uji jika prospek melawat halaman kalkulator pinjaman lebih daripada 3 kali |
Dalam Talian ke Luar Talian |
|
Automasi Jualan |
WhatsApp secara automatik petikan daripada CRM/ERP anda setelah ia dijana. |
Dalam Talian ke Luar Talian |
|
Knowledge Base |
Hantar artikel sokongan yang berkaitan dengan halaman/ciri yang digunakan pengguna secara automatik |
Sokongan pengguna |
|
Onboarding |
Cetuskan bot sembang secara automatik untuk membimbing pelanggan melalui ciri dalam sistem anda |
Sokongan pengguna |
Bagaimana Custom Event Berfungsi #
Untuk menggunakan acara tersuai dalam Peasy, anda mesti mempunyai sekurang-kurangnya 3 komponen ini:
- Persediaan kod Javascript dalam tapak web anda. (Kerumitan teknikal Sederhana hingga Tinggi, kami menasihatkan anda meminta tapak web atau pengaturcara analitik anda untuk membantu anda). Apabila pelawat web melakukan tindakan yang mencetuskan kod Javascript, kod tersebut kemudiannya akan menggunakan enjin Automasi Peasy.
- Automation Rule. Setelah enjin Automasi dicetuskan, ia akan mencari semua peraturan yang dikonfigurasikan untuk digunakan untuk nama acara tertentu itu. Anda boleh membuat peraturan automasi dengan mudah dalam tetapan pentadbir Peasy Sales.
- Automation Action. Tindakan Automasi. Setiap peraturan automasi mungkin mempunyai 1 atau lebih tindakan yang sepadan. Tindakan dan peraturan dikonfigurasikan semasa membuat Automasi dalam tetapan pentadbir. Pada masa ini, terdapat hanya 2 tindakan yang disokong untuk acara tersuai: cetuskan chatbot ATAU buat acara yang kompleks.
Arahan dalam dokumen ini adalah berdasarkan penggunaan Pengurus Google Tag bersama-sama dengan WooCommerce. Tetapi secara amnya, prinsipnya adalah sama tanpa mengira kaedah yang anda pilih untuk menggunakan kod Javascript. Pengurus Google Tag menawarkan fleksibiliti untuk mengoptimumkan tag anda tanpa mengubah asas kod anda.
Dalam contoh ini, saya akan membuat event dan automasi yang menghantar kupon untuk menggalakkan jualan silang apabila pelawat laman web menambah item pada troli.
Bagaimana untuk Menyediakan Kod Javascript #
Menyediakan kod Javascript pada Pengurus Google Tag melibatkan 3 komponen:
- Pemboleh Ubah. Untuk menangkap item yang telah dipilih oleh pengguna. Anda boleh melangkau bahagian ini jika param acara anda statik.
- Pencetus. Memberitahu Pengurus Google Tag tempat “add to cart” berlaku dalam laman web saya
- Tag. Menggunakan kod javascript apabila pencetus menyala.
Prasyarat #
Anda mesti sentiasa memastikan bahawa urutan skrip digunakan dalam susunan ini.
Sebelum membuat teg acara, sila pastikan bahawa anda telah memuatkan kedua-dua skrip pengenalan messenger dan pengguna.
Anda boleh mengawal penjujukan teg dalam tetapan awal Pengurus Google Tag.
- Dalam skrin edit tag, klik “Advanced Settings”
- Pilih “Tag Sequencing” untuk mengawal pesanan tag
Mencipta Pembolehubah #
- Anda memerlukan sedikit pengetahuan Javascript dan CSS untuk melakukan ini. Kami mengesyorkan agar anda meminta pengaturcara web atau analitik anda untuk membantu anda.
1. Menggunakan alat pemeriksaan Chrome, saya mendapati bahawa WooCommerce menyimpan Id produk dalam pautan “remove”.
2. Saya telah menguji skrip saya untuk mendapatkan semula Id produk pada konsol Chrome. Jika anda ingin menangkap:
- nilai elemen – anda boleh menggunakan “document.getElementByClassName” ATAU “document.getElementById”
- a form field value – anda boleh menggunakan “document.querySelectorForAll”
Ini bukanlah senarai yang luas, kami amat mengesyorkan agar anda meminta pengaturcara web atau analitik anda untuk menyediakan kod javascript.
3. Seterusnya, buat pembolehubah baharu dalam ruang kerja Pengurus Google Tag anda. Klik pada “Variables”, diikuti dengan “New”.
4. Pilih “Custom Javascript” sebagai jenis pembolehubah anda. Pastikan anda memberikan nama pembolehubah anda nama yang unik. Saya menamakan saya “addCartParam”. Kami akan menggunakan param ini dalam tag kami nanti. Saya telah meletakkan coretan kod yang telah saya uji dalam Konsol Chrome sebelum ini ke dalam kawasan teks Javascript custom. Anda boleh menyalin dan menyesuaikan menggunakan coretan kod di bawah.
function main()
{
var product_id = document.getElementsByClassName('remove')[0].dataset.product_id;
return product_id;
}
5. Klik “Save” dalam Pengurus Google Tag. Tahniah, anda baru sahaja mencipta pembolehubah.
Mencipta Pencetus #
Dalam Pengurus Google Tag, pencetus mendengar halaman web anda untuk jenis acara tertentu seperti penyerahan borang, klik butang atau paparan halaman. Pencetus memberitahu teg untuk menyala apabila peristiwa yang ditentukan dikesan. Setiap teg mesti mempunyai sekurang-kurangnya satu pencetus untuk dicetuskan.
Anda perlu memilih pencetus anda dengan sangat sengaja. Pencetusan salah tembak akan menghantar spam kepada pelawat anda dengan mesej yang berterusan dan menggunakan kredit pemesejan anda dengan cepat.
1. Pergi ke Pengurus Google Tag anda. Klik pada “Triggers” dan kemudian klik pada “New”
2. Dalam contoh ini, saya menggunakan jenis pencetus “Timer” kerana saya tidak mahu pelawat tapak web saya segera berhadapan dengan kupon jualan silang, sejurus selepas mereka menambah item ke dalam troli beli-belah mereka. Saya telah menetapkan pemasa kepada 7 saat selepas item telah ditambahkan ke dalam troli. Saya juga telah menetapkan pencetus ini untuk diaktifkan hanya dalam halaman Troli di peasy.ai/cart, jika tidak, pelawat laman web saya akan menerima mesej kupon di setiap halaman. Pastikan untuk memberikan pencetus anda nama unik, saya telah menamakan saya “AddToCartTrigger”.
3. Klik “Save” dan anda boleh pergi.
Mencipta Tag #
Tag dalam Pengurus Tag Google ialah cara untuk menggunakan Kod Javascript Custom anda. Semuanya disatukan semasa fasa penciptaan tag.
1. Pergi ke ruang kerja Pengurus Google Tag anda, klik pada “Tags” an kemudian klik “New”.
2. Pergi ke “Custom HTML” sebagai jenis tag anda. Masukkan coretan kod Javascript untuk memanggil acara tersuai Peasy. Saya telah menetapkan nama acara saya sebagai “addtocart” dan menggunakan pembolehubah yang saya buat sebelum ini sebagai parameter acara. Param acara ialah objek JSON, jadi anda boleh menambah lebih daripada satu nilai. Anda boleh menukar nama acara dan param, tetapi menggunakan semula panggilan fungsi yang sama untuk mencetuskan acara lain. Saya telah memasukkan coretan kod yang digunakan dalam contoh ini di bawah.
<script>
window.$peasy.triggerEvent({event_name: "addtocart", event_params: {product_id: "{{addCartParam}}"}});
</script>
Cara Menyediakan Tindakan Automasi #
1. Saya telah mencipta chatbot yang sangat mudah yang akan menghantar diskaun seluar jika pelawat mempunyai baju dalam bakul beli-belah mereka, dan begitu juga sebaliknya. Ikut arahan di sini untuk membuat chatbot dalam Peasy.
2. Perhatikan nama bot anda. Kami akan menggunakannya dalam langkah seterusnya.
Cara Menyediakan Peraturan Automasi #
Menugaskan chatbot #
Peraturan ini sesuai jika anda hanya mahukan pelaksanaan yang mudah; hantar mana-mana pelawat kupon jual beli – sejurus selepas mereka menambah item dalam bakul beli-belah mereka.
Buat automasi baharu dalam tetapan pentadbir. Untuk maklumat lanjut tentang automasi, rujuk tutorial di sini.
- Pilih “Event Created” sebagai jenis acara
- Pilih “Event Name” sebagai syarat.
- Dalam contoh ini, saya mahu automasi ini dijalankan apabila acara “addtocart” daripada “window.$peasy.triggerEvent” digunakan.
- Pilih “Assign a bot” sebagai jenis tindakan anda.
- Tampalkan nama bot yang telah kita buat tadi.
- Memandangkan saya mahu pelawat laman web menerima kupon upsell semasa mereka masih berada di laman web, saya telah memilih livechat. Dalam sesetengah keadaan, anda perlu menggunakan WhatsApp – seperti menghantar kupon untuk mendapatkan pengguna yang telah meninggalkan tapak web anda. Untuk mendapatkan maklumat lanjut tentang peti masuk yang hendak digunakan untuk bot anda, rujuk tutorial chatbot di sini.
Mencipta Acara Kompleks #
- Katakan, saya ingin menjalankan kempen meninggalkan troli; di mana saya ingin menukar pelawat yang masih berbincang tetapi masih belum membuat keputusan pembelian muktamad.
Ini memerlukan langkah tambahan:
- Sediakan peraturan automasi untuk mencipta acara yang kompleks
- Kemudian buat peraturan automasi chatbot yang bertindak balas kepada acara itu
1. Sama seperti sebelumnya, buat peraturan automasi baharu:
- Pilih “Event Created” sebagai jenis acara anda.
- Saya telah menambahkan syarat ini untuk mengehadkan penerima yang telah menambah ke troli sekurang-kurangnya 3 kali dalam tempoh 3 hari yang lalu..
- Memandangkan mereka akan menerima kupon selepas percubaan ketiga, saya ingin menghalang penghantaran kupon yang sama sekali lagi pada percubaan tambah ke troli keempat dan seterusnya. Saya juga ingin mengecualikan pelawat yang telah membeli daripada menerima kupon ini.
- Daripada mencetuskan chatbot secara langsung, saya telah mengkonfigurasi tindakan untuk mencetuskan acara baharu apabila semua syarat ini dipenuhi; acara “senddiscount”.
2. Instead of directly triggering the chatbot, I have configured the action to trigger a new event when all of these conditions are fulfilled; the “senddiscount” event.
3. Akhir sekali, pautkan semuanya dengan mencipta Automasi baharu. Automasi baharu akan dicetuskan apabila acara “senddiscount” dibuat dan akan menggunakan chatbot untuk menghantar diskaun jualan tinggi.
