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”.