Bagaimana Cara Menggunakan Platform Perdagangan Tanpa Kepala untuk Kampanye Pemasaran?

Diterbitkan: 2022-04-18

Apa itu platform perdagangan tanpa kepala?

Platform e-niaga tanpa kepala atau platform berbasis API - perangkat lunak di mana ujung depan (atau "kepala") telah dipisahkan atau sepenuhnya dihapus, hanya menyisakan backend.

Konsep arsitektur yang menopang platform ini dimulai dengan dunia CMS. Dengan memisahkan lapisan, bisnis ingin melawan hambatan dalam perjalanan mereka menuju pengiriman konten yang lebih cepat di saluran pemasaran yang lebih baru dan lebih baru - dengan smartphone memainkan biola pertama.

Dengan perangkat lunak CMS tradisional, masalah tingkat rendah yang dihadapi pengembang:

desain dibatasi oleh kerangka kerja lama, set pengalaman yang telah ditentukan sebelumnya hanya tersedia;
perubahan front-end kecil mungkin memerlukan perubahan dalam database dan kode back-end, meningkatkan waktu pengujian, dan dengan demikian total biaya tugas;
perubahan pada kode back-end dapat menyebabkan kesalahan tak terduga di front-end;

telah terakumulasi dan diterjemahkan dari waktu ke waktu menjadi rem tangan untuk bisnis:

sedikit atau tidak ada ruang untuk personalisasi;
kebingungan dan kesalahpahaman timbal balik tentang mengapa perubahan perangkat lunak kecil membutuhkan waktu lama untuk diselesaikan;
saluran pemasaran baru yang belum dimanfaatkan atau dilewati perangkat lunak berprioritas rendah yang datang terlambat.

Akibatnya, “API-first”, “API-based”, atau “headless CMS” berkembang pesat. Tapi itu segera meluas ke area digital lainnya termasuk e-commerce dan pemasaran.

Jika ini pertama kalinya Anda bertemu platform tanpa kepala, Anda mungkin menemukan artikel terakhir saya menarik: Memahami Platform Berbasis API. Juga, Paul, dalam Pengantar eCommerce Tanpa Kepala, menunjukkan beberapa contoh nyata dari aplikasi yang dibangun dengan alat berbasis API.

Platform tanpa kepala – dari sebuah ide hingga POC siap produksi dalam 1 hari

Mari kita periksa apakah kita benar-benar dapat membangun perangkat lunak fleksibel secepat itu. Kami akan membuat ulang strategi pemasaran yang digunakan oleh merek-merek terkenal akhir-akhir ini. Singkatnya itu akan:

Geolokasi pelanggan.
Tetapkan kupon diskon yang dipersonalisasi untuk mereka.
Kirimkan kode kupon unik dengan pemberitahuan push.

Tidak sulit membayangkan bahwa perusahaan seperti Uber pasti telah menginvestasikan selusin pengembang selama berbulan-bulan atau bahkan lebih dalam perangkat lunak ini.

Apa yang mungkin tampak seperti tugas paling sederhana - menetapkan kode diskon acak - dibebani dengan peringatan. Saya telah mempelajari ini dengan cara yang sulit karena tim kami telah mengerjakannya selama 3 tahun sekarang. Jumlah kasus sudut baru yang bertambah dan biaya manajemen dapat membakar bahkan sesuatu yang terlihat seperti sistem sederhana.

Untungnya, platform tanpa kepala ada di sini untuk membantu kami.

Kami akan menggunakan tiga platform SaaS yang ramah pengembang untuk membuat solusi yang berfungsi:

Radar - API geolokasi
Voucherify - API manajemen promosi
Braze - API notifikasi

Mari kita lihat bagaimana kami dapat menggabungkannya untuk membuat pelanggan Anda kagum dengan promosi yang benar-benar dipersonalisasi yang disampaikan melalui pendekatan tanpa kepala.

Catatan: solusi berikut mengasumsikan Anda memiliki akun aktif di Radar, Voucherify, dan Braze. Juga, semuanya harus diisi dengan database pelanggan Anda, termasuk bidang yang dapat digunakan untuk mengidentifikasi seseorang secara unik.

Mendeteksi saat pelanggan memasuki tempat Anda dengan Radar - geolokasi tanpa kepala

Konsep di balik Radar sangat mudah. Platform melakukan geolokasi aplikasi menggunakan 3 jenis konteks:

Geofence - Radar bangga menjadi lebih kuat daripada geofencing iOS atau Android asli, dengan dukungan lintas platform untuk geofence tak terbatas, geofence poligon, dan deteksi berhenti. Ini karena semua geofencing dan pembuatan acara terjadi di sisi server.
Tempat - Radar dapat mengenali daftar tempat yang luas karena menggunakan database Facebook. Dan hal yang paling keren tentang itu adalah Anda dapat bekerja dengan kategori bawaan (misalnya, bandara utama) atau rantai (misalnya Starbucks).
Wawasan - Mesin lokasi mereka juga dapat mempelajari cara memperkirakan pengguna yang masuk/keluar rumah dan kantor.

Saat Radar mendeteksi kunjungan pengguna Anda atau meninggalkan tempat itu, Radar memungkinkan Anda memberi tahu aplikasi Anda dengan webhook.

Yang perlu Anda lakukan, sebagai pengembang, adalah menggunakan salah satu kit pengembangan perangkat lunak (iOS, Android, Web) untuk mengautentikasi dan mengonfigurasi serta menyempurnakan opsi pelacakan - misalnya, jika Anda ingin melacak di latar belakang atau latar depan.

Mari kita lihat platform tanpa kepala Radar beraksi!

1. Siapkan akun Anda

Buka radar.io dan daftar akun, lalu gunakan kunci API pengujian untuk menginisialisasi widget Radar seperti yang ditunjukkan di bawah ini:

Radar.initialize("KUNCI_ANDA");

</script>{{ENDCODE}}

2. Lacak pengguna

Langkah terakhir adalah memverifikasi apakah pelacakan berfungsi. Untuk melakukannya, kita akan menggunakan metode trackOnce yang dipanggil jika Radar mendeteksi perubahan lokasi.

Mari jalankan kode dan lihat informasi apa yang disediakan Radar (ingat untuk mengizinkan pelacakan lokasi di browser Anda):

{{KODE}}

Radar.trackOnce(function(status, location, user, events) { console.log({ status, location, user, events });});

Keluaran:

acara: [] (0)

lokasi: Koordinat {lintang: 50.254624799999998, garis bujur: 19.061743829999994, ketinggian: null, akurasi: 165, ketinggianAkurasi: null, …}

status: "SUKSES"

pengguna: {userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) Ap… (KHTML, seperti Gecko) Versi/12.1 Safari/605.1.15", ip: "93.179.216.18", locationAccuracy: 165, deviceType: "Web", dihentikan: benar, …}

OK - Radar telah menemukan tempat persembunyian kita. Tetapi tanpa konteksnya, ia tidak tahu apa yang harus dilakukan dengan informasi ini. Mari kita bekerja pada intel Radar.

Kami akan memberikan nama untuk tempat Anda check-in - secara umum (di Radar juga) konteks lokasi ini disebut geofence. Berikut cara melakukannya:

Buka pembuat geofence.
Pilih jenis sumber masing-masing, saya akan pergi ke Tempat dan ketik perusahaan saya sebagai kueri.
Hasilnya, Radar mencari koordinat geografis dan menyarankan perbatasan geofence.

Jika lokasinya cocok untuk Anda, konfirmasikan geofence dengan CREATE.

Sekarang, mari segarkan halaman dan tonton konsol. Radar sekarang mengirimi kami beberapa peristiwa :

{

"createdAt":"16-04-2019T16:08:49.645Z",

"hidup":salah,

"type":"user.entered_geofence",

"lokasi":{

"koordinat":[

19.062212,

50.254927099999996

"ketik":"Titik"

"akurasi lokasi":20,

"percaya diri":3,

"actualCreatedAt":"16-04-2019T16:08:49.645Z",

"pengguna":{

"_id":"5cb5f2ba36581b002a3534ca",

"userAgent":"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, seperti Gecko) Chrome/73.0.3683.103 Safari/537.36",

"deviceId":"a96ec0db-969c-4a77-996c-361a0530660a"

"geofence":{

"_id":"5cb5f7d3a60e95002b009ebd",

"deskripsi":"spektif",

"ketik":"lingkaran",

"geometriRadius":100,

"geometryCenter":{

"ketik":"Titik",

"koordinat":[

19.062326299999945,

50.25495069999999

]

}

"_id":"5cb5fe117cd3430025b9ee0d"

}

Sepertinya dia mengerti bahwa kita telah memasuki geofence yang baru kita buat. Saat kita duduk di tempat yang sama, penyegaran berikutnya seharusnya tidak membawa acara baru. Tapi ketika kita mengubah lokasi, Radar akan mendeteksinya juga.

Untuk mengujinya, ambil mesin Anda, keluar dari area geofence, dan masuk lagi di sanaAtau... Anda dapat menggunakan Sensor dari Alat Chrome.

Palsu lokasi Anda dengan memilih jarak yang cukup jauh dan segarkan kembali halaman. Sekarang Radar menunjukkan user.exited_geofence itu

Anda dapat melacak peristiwa geolokasi untuk semua pengguna terdaftar dan tidak terdaftar dengan dasbor Radar yang nyaman, secara real time:

Memberi tahu aplikasi eksternal melalui pesan tanpa kepala

Jadi pelacakan Radar sekarang memahami konteks lokasi kita. Tapi untuk memanfaatkannya untuk skenario kita, Radar harus membaginya dengan dunia luar. Dan ia melakukannya dalam banyak cara. Salah satunya dengan menggunakan webhook.

Webhook adalah konsep API yang memberikan cara bagi aplikasi untuk menyediakan informasi waktu nyata kepada aplikasi lain.

Menurut Segment, sebuah platform yang membantu mengumpulkan dan bertukar data pelanggan di banyak sistem, popularitas webhook berkembang pesat.

Webhook dan API/perdagangan tanpa kepala

Implementasi webhook biasa memungkinkan pengguna aplikasi untuk:

memberi tahu sistem eksternal (atau banyak sistem)
dengan panggilan API
saat peristiwa tertentu terjadi.

Dengan mekanisme seperti itu, pengguna aplikasi tidak perlu sering melakukan polling data untuk menangkap perubahan waktu nyata.

Mengirim permintaan ke API eksternal hanyalah satu sisi dari proses. Untuk menyelesaikan siklus webhook, klien penerima harus berhasil menggunakannya.

Di dunia HTTP, ini biasanya berarti merespons dengan status 2**. Jika tidak, mesin webhook akan mencoba lagi nanti (kebijakan coba lagi bergantung pada pembuat kebijakan yang ditentukan).

Dalam kasus kami, Radar mengirimkan muatan peristiwa yang kami lihat saat kami mengubah lokasi kami ke titik akhir yang disediakan. Mari tambahkan satu untuk melihat webhook beraksi.

Pergi ke Integrasi.
Pilih lingkungan pengujian dan pengiriman acara tunggal .
Berikan titik akhir untuk diberi tahu. Anda memiliki beberapa pilihan di sini. Kamu bisa:

putar server web sederhana di mesin Anda dan gunakan ngrok untuk menyalurkan lalu lintas,
gunakan kesalahan untuk segera menerapkan titik akhir Anda,
masuk ke salah satu penangkap webhook online seperti: webhook.site atau requestbin

Tempelkan URL unik Anda ke formulir dan konfirmasi.

Klik Uji dari kolom TINDAKAN untuk mengaktifkan acara pertama Anda. Jika Anda mengaturnya dengan benar, Anda akan melihat payload webhook seperti yang ditunjukkan pada gambar di bawah ini:

Sejauh ini baik. Hasilnya cukup menjanjikan bukan? Dengan beberapa copy'n'paste dan cuplikan JavaScript, kami telah membahas bagian geolokasi dari kasus penggunaan kami. Pada tahap saat ini, Radar tidak dapat mengidentifikasi pengguna selain dengan ID perangkat yang disimpan dalam cookie. Untuk membuatnya lebih kuat, mari kita identifikasi pengguna dengan email. Dengan SDK Radar, ini adalah satu baris:

Radar.setUserId(“[email protected]”);

Anda dapat langsung melihat ID baru di dasbor:

Jadi, sekarang kita perlu menangani persyaratan diskon pribadi - kode kupon unik.

Menghubungkan mesin promo tanpa kepala Radar dan Voucherify

Sama halnya dengan Radar, Voucherify dengan API-nya memberi Anda fitur kupon yang fleksibel untuk sebagian kecil dari biaya yang akan Anda keluarkan jika memulai dari awal.

Seperti yang akan kita pelajari segera, ini mendukung kampanye promosi lainnya seperti diskon, rujukan, atau program loyalitas yang dapat disampaikan dengan saluran pemasaran masa depan saat ini.

Untuk memanfaatkan fitur personalisasi Voucherify, Anda perlu mengimpor data pengguna terlebih dahulu dan tetap menyinkronkannya.

Voucherify menyimpan data pelanggan di Objek Pelanggan yang dapat dikelompokkan dalam segmen sesuai dengan atribut pribadi, lokasi, dan riwayat interaksi Voucherify.

Mari kita asumsikan bahwa Anda telah mengimpor pelanggan uji Anda ke Voucherify dan sekarang kita akan melihat cara menyinkronkan lokasinya dengan Radar - tanpa kode.

Zapier – perekat web

Bayangkan jika semua platform yang mengekspos webhook terdaftar dalam satu direktori, dengan struktur terpadu dan kemampuan untuk menghubungkannya seperti blok - temui Zapier.

Zapier menghubungkan lebih dari 1000+ aplikasi web dan memungkinkannya bekerja bersama di latar belakang.

Setiap Zap dimulai dengan pemicu suatu peristiwa di salah satu aplikasi Anda yang memulai alur kerja Anda. Berikut adalah beberapa contoh dari dokumen Zapier:

Otomatiskan kehadiran media sosial Anda dengan mengirimkan item RSS baru ke Facebook sebagai postingan;
Buat proyek tetap teratur dengan menyalin kartu Trello baru ke Evernote;
Tetap terhubung dengan prospek dengan menambahkan responden formulir dari Typeform ke milis Anda di MailChimp;
Pastikan tim Anda tidak pernah melewatkan rapat dengan memberi tahu saluran di Slack tentang acara Google Kalender mendatang;
…dan masih banyak lagi!

Anda mungkin akan bertanya sekarang: "Dapatkah Zapier membantu kami?". Ya, bisa! Mari bermain-main dengan beberapa Zaps untuk memperbarui perubahan geolokasi ke Voucherify.

Klik Make a Zap dan pilih Webhooks.
Dengan opsi ini, Zapier dapat membuat titik akhir (mirip dengan webhook.site) yang dapat kita gunakan untuk menggunakan webhook dari Radar. Untuk melakukannya, pilih Catch Hook.
Tampilan berikutnya akan memberi Anda URL titik akhir yang akan menggantikan yang lama di pengaturan webhook Radar.

Rekatkan tautan ke Radar dan jalankan tes lagi. Jika Radar mengonfirmasi titik akhir baru dengan bilah lampu kilat hijau, lanjutkan ke langkah berikutnya di Zapier.
Di layar berikutnya, Anda akan melihat muatan permintaan pengujian Anda

Konfirmasikan formulir dan langkah pertama Zap - pemicu - sudah siap.

Sekarang kita perlu memasukkan pesan yang dikonsumsi ke dalam pekerjaan. Untuk menyelesaikan Zap, kami memerlukan setidaknya satu tindakan (Anda dapat menghubungkan beberapa platform dengan satu Zap).

Pilih Voucherify dari Action explorer. Catatan Voucherify Zap tersedia “by invite”, berikut link untuk mendapatkannya.

Pilih opsi Perbarui Pelanggan dan lanjutkan ke formulir Atur Template .
Ini adalah bagian penting. Pada formulir ini, Zapier memungkinkan Anda untuk memetakan input ke output. Editornya kuat dan intuitif. Ini memiliki bidang pencarian cerdas yang memungkinkan Anda untuk menelusuri JSON yang masuk baik dengan kunci dan nilai. Anda juga dapat dengan mudah menggabungkan dua atau lebih bidang masukan menjadi satu keluar.

Dalam kasus kami, kami hanya ingin mengidentifikasi pelanggan dengan source_id dan memperbarui bidang khusus "rspectiveHQ" sesuai dengan acara, sehingga pemetaan terlihat sebagai berikut:

Voucherify: ID Sumber - Radar: ID Pengguna
Voucherify: Metadata -> rspectiveHQ - Radar: Jenis Acara

Lewati tes dan lengkapi formulir - ZAP AKTIF dan menunggu!

Kami mengonfigurasi webhook Radar dan mengaktifkan Voucherify Zap. Mari kita uji apakah seluruh pipa berfungsi. Buka aplikasi web kami dan coba ubah lokasi sekali lagi untuk memberi tahu detektor Radar.

Inilah yang harus diikuti:

Radar melacak 2 peristiwa, pengguna keluar dan di geofence.
Zapier menangkap 2 webhook yang sesuai.
Voucherify trek ke pembaruan profil pelanggan.

Zapier lebih dari itu. Saat Anda melihat opsi konfigurasi alur kerja, Anda akan melihat roda penggerak yang memungkinkan Anda membangun proses yang cukup rumit. Langkah-langkah pembantu seperti kondisi, filter, atau penundaan akan membantu dalam mengolah dan mencerna data input dan memformat output yang sesuai.

Anda bahkan dapat menulis kode khusus (dalam JavaScript dan Python) jika Anda membutuhkan lebih banyak fleksibilitas di salah satu langkah - sudahkah saya memberi tahu Anda bahwa Anda dapat merangkai serangkaian pasangan pemicu-tindakan?

Berikan kesempatan kepada Zapier untuk memulai dokumentasi dengan cepat untuk memahami penghemat waktu seperti apa itu.

Menghasilkan kupon unik untuk pengguna yang memiliki lokasi geografis melalui mesin promosi tanpa kepala

Salah satu fitur penting di Voucherify adalah personalisasi diskon berdasarkan profil pelanggan, secara real-time. Hal ini dimungkinkan karena segmen dinamis yang memantau atribut pelanggan dan apa yang telah mereka masukkan ke dalam keranjang belanja, dan memicu tindakan menurut beberapa aturan bisnis.

Dalam kasus kami, kami akan membangun segmen yang memeriksa bidang khusus kami (rspectiveHQ) yang, pada gilirannya, menyimpan informasi jika pelanggan telah memasuki geofence. Kita dapat mencapainya dengan satu titik akhir dari Voucherify API, tetapi cara tercepat adalah dengan menggunakan dasbor.

Buka Pelanggan dan buka pembuat segmen. Sekarang filter pelanggan menggunakan bidang metadata yang sesuai seperti pada gambar di bawah ini:

Konfirmasikan filter, tekan muat ulang dan Anda akan melihat semua pelanggan yang cocok dengan segmen tersebut. Anda dapat "meminta" pengguna uji untuk meninggalkan geofence dan memuat ulang segmen untuk melihat apakah integrasi berfungsi seperti yang diharapkan.

Jika apa yang Anda lihat mencerminkan kenyataan, simpan segmen tersebut.

Langkah selanjutnya adalah menggunakan informasi tentang lokasi untuk menyesuaikan diskon.

Tetapi sebelum kita menyelaminya, saya ingin Anda berhenti sejenak dan menganalisis seberapa banyak yang telah kita capai sejauh ini tanpa menulis satu pun kode back-end . Pada saat yang sama kami belum menutup solusi kami untuk perubahan karena Radar dan Voucherify mengekspos API yang kaya dan arsitektur tanpa kepala yang dapat Anda pasang kapan pun Anda perlukan.

Langkah terakhir adalah menyiapkan Distribusi yang akan:

kirim kode kupon unik
ke pelanggan yang terdeteksi
dengan saluran yang telah ditentukan

Untuk memulainya, mari buat kode promo unik untuk setiap pengguna. Biar ada diskon 10%. Buka pembuat kampanye, pilih opsi Kode Massal dan ikuti langkah-langkah yang akan Anda tentukan:

jenis dan jumlah diskon,
jangka waktu,
pola kode termasuk panjang, awalan, akhiran, dan charset,
jumlah kode awal,
dan detail lainnya.

Tahap 4 pencipta - aturan validasi - sangat menarik. Ini adalah tempat di mana Anda dapat menentukan siapa dan dalam kondisi apa dapat menukarkan kode. Ingatlah bahwa kami ingin membatasi penukaran hanya untuk pelanggan yang telah mengunjungi geofence kami. Kami akan menggunakan segmen kami untuk menyelesaikan langkah ini.

Alat ini memberi Anda lebih banyak opsi pemfilteran. Jika Anda sedang mengerjakan kampanye akuisisi atau retensi pelanggan, Anda mungkin ingin memeriksa referensi aturan validasi karena dapat menghemat banyak baris kode.

Ketika Voucherify menyelesaikan pembuatan massal, Anda akan melihatnya terdaftar:

Kami memiliki segmen dan kode promo, sekarang mari kita tancapkan ke saluran pemasaran keluar!

Anda dapat menerapkannya dengan Voucherify API dan webhook, tetapi ada cara yang lebih cepat - temui distribusi.

Fitur ini memungkinkan Anda untuk mendeteksi pelanggan baru yang memasuki (atau meninggalkan) segmen, memberi mereka kode kupon unik, dan mengirimkannya melalui email, SMS, pemberitahuan push, obrolan langsung, atau iklan media sosial. Selain itu, editor visual membantu Anda membuat salinan promosi yang dipersonalisasi.

Setiap saluran memiliki templat pesannya sendiri, mari kita lihat tampilannya untuk pemberitahuan push. Tetapi untuk melanjutkan, kita perlu mendaftar ke akun Braze dan menghubungkannya dengan Voucherify dengan kunci API.

Mengirim kode promo melalui pemberitahuan push dengan Braze

Braze (sebelumnya AppBoy) adalah salah satu pemimpin alat pemasaran seluler. Kami hanya akan menggunakan sebagian kecil dari kemampuan mereka, jadi saya sarankan untuk memeriksa dokumen mereka untuk menemukan lebih banyak tentang penawaran mereka.

Konfigurasi skenario kami membutuhkan 3 langkah:

Membuat kampanye pemberitahuan push;
Mengirim kode kupon dari Voucherify ke Braze;
Mengonfigurasi pemberitahuan push web di aplikasi kami.

Kampanye pemberitahuan push

Sama halnya dengan Voucherify, Braze dapat memicu beberapa tindakan berdasarkan perubahan waktu nyata pada atribut pelanggan. Dalam kasus khusus ini, distribusi yang kami buat di Voucherify akan menyetel bidang khusus yang diisi dengan kode unik dari kampanye kode massal.

Kami akan mendefinisikan kampanye Braze dengan cara mendeteksi perubahan ini dan mengaktifkan pemberitahuan push ke instance aplikasi tempat pelanggan masuk.

Buka Kelola Grup Aplikasi untuk menentukan konteks aplikasi.
Pilih aplikasi web untuk mendapatkan kunci publik API.

Sekarang Anda dapat membuka Kampanye dan membuat kampanye Pemberitahuan Dorong baru.
Tulis pesan yang menyertakan kode kupon {{custom_attribute.${coupon}}}, pilih tab Uji dan gunakan Kirim Uji ke Saya. Jika Anda mengizinkan pemberitahuan web, Anda akan melihat pesan meluncur di kanan atas.

Kode kupon pada pesan pengujian akan kosong karena kami belum menambahkan atribut khusus ini ke pengguna mana pun. Mari simpan draf kampanye dan buat pengguna uji dengan kode secara manual.

Buat file CSV sederhana di sepanjang baris:

external_id, kupon

[email protected], xyz

Dan pergi ke Impor Pengguna untuk mengunggahnya.

Sekarang kita memiliki data uji dan opsi "Override penerima atribut ..." dicentang, kita dapat melihat variabel diganti.
Pada tab Delivery, ubah jenis pengiriman menjadi Action-based one dan pilih Change Custom Attribute Value Trigger seperti pada gambar di bawah ini:

Daftarkan "Semua Pengguna" ke dalam kampanye di langkah berikutnya, dan biarkan setelan lain tidak berubah. Saat Anda siap, klik Luncurkan Kampanye di kanan bawah.

Menyediakan Braze dengan kode kupon

Saat itulah kita harus memasang Voucherify ke Braze. Untungnya, Voucherify mendukung Braze dengan integrasi asli. Satu-satunya hal yang tersisa untuk menghubungkan kedua platform pemasaran ini adalah pergi ke Integrasi, pilih Braze, dan berikan titik akhir dan kunci API.

Sekarang Anda dapat membuka kembali draf distribusi kami dan menyelesaikan langkah terakhir. Berikan nama bidang khusus di mana Voucherify memberikan kode unik dan nilainya:

Dan hidupkan. Mulai sekarang, setiap kali Radar mendeteksi peristiwa geofence dan karenanya memperbarui segmen pelanggan, Voucherify akan memberikan kode kupon kepada pelanggan ini dan mempublikasikannya di profil pengguna di Braze.

Kampanye Braze akan mendeteksi perubahan bidang baru dan akan mencoba mengirim pemberitahuan web.

Menerima pemberitahuan push

Kami hampir sampai! Langkah terakhir untuk menyelesaikan rantai promosi kami adalah membiarkan pemberitahuan push mengalir ke aplikasi kami.

Seperti biasa dalam kasus platform tanpa kepala, tidak perlu mengimplementasikannya secara manual. Braze sebagai platform pertama pengembang sejati menawarkan SDK sumber terbuka untuk web.

Untuk menjalankannya, Anda perlu menempelkan cuplikan singkat dan mengisinya dengan kunci API publik.

const uji_pengguna = {

first_name : "Mike",

nama_belakang : "Sedzielewski",

email : "[email protected]"

}

+fungsi(a,p,P,b,y){appboy={};appboyQueue=[];untuk(var

s="inisialisasi penghancuran getDeviceId toggleAppboyLogging setLogger

openSession changeUser requestImmediateDataFlush requestFeedRefresh

subscribeToFeedUpdates requestContentCardsRefresh

subscribeToContentCardsUpdates logCardImpressions logCardClick

logCardLog pemecatanFeedLog yang ditampilkanContentCardsDisplayed

logInAppMessageImpression logInAppMessageClick

logInAppMessageButtonClick logInAppMessageHtmlClick

berlanggananUntukNewInAppMessages hapusBerlangganan

removeAllSubscriptionslogCustomEventlogPurchase isPushSupported

isPushBlocked adalahPushGranted adalahPushPermissionGranted

daftarAppboyPushMessages batalkan pendaftaranAppboyPushMessages

kirimLacak umpan balikLokasi berhentiResume Pelacakan WebPelacakan Web

wipeData ab ab.DeviceProperties ab.User ab.User.Genders

ab.User.NotificationSubscriptionTypes ab.User.prototype.getUserId

ab.User.prototype.setFirstName ab.User.prototype.setLastName

ab.User.prototype.setEmail ab.User.prototype.setGender

ab.User.prototype.setTanggal Lahir ab.User.prototype.setCountry

ab.User.prototype.setHomeCity ab.User.prototype.setLanguage

ab.User.prototype.setEmailNotificationSubscriptionType

ab.User.prototype.setPushNotificationSubscriptionType

ab.User.prototype.setPhoneNumber ab.User.prototype.setAvatarImageUrl

ab.User.prototype.setLastKnownLocation

ab.User.prototype.setUserAttribute

ab.User.prototype.setCustomUserAttribute

ab.User.prototype.addToCustomAttributeArray

ab.User.prototype.removeFromCustomAttributeArray

ab.User.prototype.incrementCustomUserAttribute

ab.User.prototype.addAlias

ab.User.prototype.setCustomLocationAttribute

ab.InAppMessage ab.InAppMessage.SlideFrom ab.InAppMessage.ClickAction

ab.InAppMessage.DismissType ab.InAppMessage.OpenTarget

ab.InAppMessage.ImageStyle ab.InAppMessage.TextAlignment

ab.InAppMessage.Orientation ab.InAppMessage.CropType

ab.InAppMessage.prototype.subscribeToClickedEvent

ab.InAppMessage.prototype.subscribeToDismissedEvent

ab.InAppMessage.prototype.removeLangganan

ab.InAppMessage.prototype.removeAllSubscriptions

ab.InAppMessage.Button

ab.InAppMessage.Button.prototype.subscribeToClickedEvent

ab.InAppMessage.Button.prototype.removeLangganan

ab.InAppMessage.Button.prototype.removeAllSubscriptions

ab.SlideUpMessage ab.ModalMessage ab.FullScreenMessage

ab.HtmlMessage ab.ControlMessage ab.Feed

ab.Feed.prototype.getUnreadCardCount ab.ContentCards

ab.ContentCards.prototype.getUnviewedCardCount ab.Card

ab.ClassicCard ab.CaptionedImage ab.Banner ab.ControlCard

ab.WindowUtils menampilkan tampilan.secara otomatisShowNewInAppMessages

display.showInAppMessage display.showFeed display.destroyFeed

display.toggleFeed display.showContentCards display.hideContentCards

display.toggleContentCards sharedLib".split("

"),i=0;i<s.panjang;i++){untuk(var

m=s[i],k=appboy,l=m.split("."),j=0;j<l.length-1;j++)k=k[l[j]];k[l[ j]

]=(Fungsi baru("fungsi kembali

"+m.replace(/\./g,"_")+"(){appboyQueue.push(argumen); kembali

true}"))()}appboy.getUser=function(){kembalikan baru

appboy.ab.User};appboy.getCachedFeed=function(){kembalikan yang baru

appboy.ab.Feed};appboy.getCachedContentCards=function(){kembalikan baru

appboy.ab.ContentCards};(y=p.createElement(P)).type='text/javascript

';y.src='https://js.appboycdn.com/web-sdk/2.3/appboy.min.js';y.async

=1;(b=p.getElementsByTagName(P)[0]).parentNode.insertBefore(y,b)}(wi

ndow,document,'script');

appboy.initialize('YOUR_KEY', {baseUrl:

"https://sdk.iad-03.braze.com/api/v3"});

appboy.toggleAppboyLogging();

appboy.registerAppboyPushMessages()

appboy.changeUser("[email protected]");

appboy.display.automaticallyShowNewInAppMessages();

appboy.openSession();

</skrip>

Dan daftarkan service-worker.js:

self.importScripts('https://js.appboycdn.com/web-sdk/2.3/service-worker.js');

Jika sudah terpasang, jalankan pengujian lain dengan pengguna “teks@contoh” di input “Tambahkan Pengguna Perorangan”. Aplikasi Anda akan menerima notifikasi dengan kode promo “xyz”.

Sekarang, mari kita uji apakah kampanye memicu pesan push saat Anda mengubah bidang kupon .

Pertama, pastikan kampanye Anda aktif dan aplikasi web diluncurkan. Kedua, unduh koleksi Braze Postman, buka katalog Data Pengguna, dan pilih Jalur Pengguna - Contoh Atribut. (Jika Anda tidak tahu Postman, Anda bisa menyusul di sini)

Ubah URL titik akhir ke yang Anda tetapkan, dalam kasus saya ini: https://rest.iad-03.braze.com/

Dan payload permintaan ke:

{{KODE}}{

"api_key":"KUNCI_ANDA",

"atribut":[

{

"external_id":"[email protected]",

"kupon":"123"

}

]

} {{KODE AKHIR}}

Kirim permintaan dan harapkan pesan lain dengan kode kupon yang diperbarui.

Menguji semua blok bangunan tanpa kepala

Untuk memastikan alur kerja melakukan apa yang kami minta, cukup buka aplikasi Anda dan gunakan Sensor untuk "menemukan" ke tempat yang berbeda dan kemudian kembali ke geofence. Dalam beberapa detik, Anda akan melihat notifikasi hasil personalisasi di layar Anda!

Sekarang pengguna dapat mengambil kode mereka dan memasukkannya ke dalam kotak kupon yang divalidasi oleh Voucherify di backend.

Mari kita rangkum kemenangan platform tanpa kepala di sini:

Dalam satu jam atau lebih, kami memberikan solusi kerja untuk skenario bisnis yang cukup kompleks.
Basis kode sangat pendek dan sederhana - yang berarti lebih sedikit biaya pemeliharaan.
Meskipun kami tidak memiliki kendali 100% atas solusi tersebut, solusi ini masih terbuka untuk penyesuaian berkat akses API.
Kurangnya kepemilikan penuh diimbangi dengan dukungan dari tim vendor dan kualitas alat yang lebih baik.
Dengan webhook dan alat seperti Zapier, Anda dapat menghubungkan dan menjalin berbagai departemen dan sistem dalam waktu singkat.

Satu hal yang perlu Anda perhatikan saat menggunakan beberapa vendor SaaS adalah fallback. Terkadang sebuah platform sedang down dan Anda perlu menginstruksikan sistem Anda bagaimana bereaksi - misalnya, bagaimana cara menyimpan dan mengantri tindakan. Namun, platform ramah pengembang mengekspos antarmuka yang dapat Anda gunakan untuk memantau ketersediaan API mereka dan bereaksi tepat waktu.

Di sisi lain, fallback super kuat tidak diperlukan untuk aplikasi di tahap POC.

Bagaimana pendekatan tanpa kepala dapat membantu saya?

Singkatnya, dengan mempelajari bagaimana Anda dapat memanfaatkan platform tanpa kepala untuk membangun sesuatu yang bernilai dengan cepat dan dengan biaya yang lebih rendah, Anda akan menjadi lebih berharga di pasar kerja.

Bukan bahasa pemrograman atau kerangka kerja yang menjelaskan keunggulan kompetitif saat ini. Seringkali sangat berbeda - begitulah cara bisnis dapat menggunakan alat yang tersedia untuk menyelesaikan masalah mereka dengan jumlah kode yang sesedikit mungkin. Dengan kata lain, ini adalah hal-hal yang lebih penting daripada menguasai tumpukan atau tumpukan teknologi tertentu:

Mengetahui bagaimana mengurangi waktu ke pasar;
Tinjauan teknik menurunkan biaya pemeliharaan;
Kemampuan untuk mengurangi ketergantungan pada teknologi individu;
Sekilas tentang teknologi terkini yang mendukung ketiga di atas.

Di mana mencari lebih banyak platform perdagangan tanpa kepala?

Titik awal yang baik dapat berupa daftar ini:

Promosi

Voucherify
Giftbit
Vauchar

Katalog & inventaris

Recombee
Channelappe
Direalisasikan

Keranjang

Potongan
Licik

Pembayaran

Garis
Jatuh tempo
Kotak

Perpesanan

Lapisan
pendorong
Pubnum

Pemesanan & acara

waktu
masuk

Pengiriman

pengiriman
awan kapal
lob

Umum

Elastis
Potongan
Moltin
PesanCloud
Commercetools

Tetapi jika Anda ingin melampaui e-niaga tanpa kepala, saya sarankan mengunjungi https://www.programmableweb.com dan menggali lebih dalam. Cara lain untuk memulai penelitian Anda adalah menelusuri integrasi Zapier.

Namun yang lain adalah pergi ke jaringan Postman API.

Sumber daya:

Kode sumber demo di glitch