Pazarlama Kampanyaları İçin Başsız Ticaret Platformları Nasıl Kullanılır?

Yayınlanan: 2022-04-18

Başsız ticaret platformları nelerdir?

Başsız e-ticaret platformları veya API tabanlı platformlar - ön ucun (veya “kafanın”) ayrıldığı veya tamamen kaldırıldığı ve yalnızca arka ucun bırakıldığı yazılım.

Bu platformların temelini oluşturan mimari konsept, CMS dünyası ile başladı. İş dünyası, katmanları ayırarak daha yeni ve daha yeni pazarlama kanallarında daha hızlı içerik dağıtımı yolunda engellerle mücadele etmek istedi - akıllı telefon ilk kemanı oynuyor.

Geleneksel CMS yazılımıyla, geliştiricilerin karşılaştığı düşük seviyeli sorunlar:

  • tasarım, yalnızca mevcut olan önceden tanımlanmış deneyimler kümesi olan eski çerçeveler tarafından sınırlandırılmıştır;
  • küçük ön uç değişikliği, veritabanında ve arka uç kodunda değişiklik gerektirebilir, bu da test süresini ve dolayısıyla görevin toplam maliyetini artırır;
  • arka uç kodundaki değişiklikler ön uçta beklenmeyen hatalara neden olabilir;

zamanla birikmiş ve iş için el frenine dönüştürülmüştür:

  • kişiselleştirme için çok az yer var veya hiç yok;
  • küçük yazılım değişikliklerinin tamamlanmasının neden uzun zaman aldığına dair kafa karışıklığı ve karşılıklı yanlış anlama;
  • yeni pazarlama kanalları kullanılmayan veya çok geç gelen düşük öncelikli yazılımları atladı.

Sonuç olarak, “önce API”, “API tabanlı” veya “başsız CMS” patladı. Ancak bu, kısa sürede e-ticaret ve pazarlama da dahil olmak üzere diğer dijital alanlara da yayıldı.

Başsız platformlarla ilk kez tanışıyorsanız, son makalemi ilginç bulabilirsiniz: API Tabanlı Platformları Anlama. Ayrıca Paul, Headless eCommerce'e Giriş bölümünde, API tabanlı araçlarla oluşturulmuş bazı gerçek yaşam uygulama örneklerini gösterir.

Başsız platformlar – 1 günde bir fikirden üretime hazır bir POC'ye

Bu kadar hızlı esnek bir yazılım oluşturup oluşturamayacağımızı kontrol edelim. Bugünlerde en iyi markalar tarafından kullanılan bir pazarlama stratejisini yeniden oluşturacağız. Özetle şunları yapacaktır:

  • Müşterileri konumlandırın.
  • Onlara kişiselleştirilmiş bir indirim kuponu atayın.
  • Anında iletme bildirimi ile benzersiz bir kupon kodu sunun.
API iş akışı

Uber gibi şirketlerin bu yazılıma bir düzine geliştirici adam-ay veya daha fazla yatırım yapmış olması gerektiğini hayal etmek zor değil.

En basit görev gibi görünen şey - rastgele bir indirim kodu atamak - uyarılarla doludur. Bunu zor yoldan öğrendim çünkü ekibimiz 3 yıldır bunun üzerinde çalışıyor. Artan yeni köşe kasalarının sayısı ve yönetim yükü, basit bir sistem gibi görünen bir şeyi bile yakabilir.

Neyse ki, başsız platformlar bize yardım etmek için buradalar.

Çalışan bir çözüm oluşturmak için geliştirici dostu üç SaaS platformu kullanacağız:

  • Radar - coğrafi konum API'sı
  • Voucherify - promosyon yönetimi API'si
  • Braze - bildirim API'sı

Başsız bir yaklaşımla sunulan gerçekten kişiselleştirilmiş promosyonlarla müşterilerinizi şaşırtmak için bunları nasıl bir araya getirebileceğimizi görelim.

Not: Aşağıdaki çözüm, Radar, Voucherify ve Braze'de aktif bir hesabınızın olduğunu varsayar. Ayrıca, bir kişiyi benzersiz şekilde tanımlamak için kullanılabilecek bir alan da dahil olmak üzere tümü müşteri veritabanınızla doldurulmalıdır.

Bir müşterinin yerinize girdiği anı Radar ile algılama - başsız coğrafi konum

Radar'ın arkasındaki konsept basittir. Platform, 3 bağlam türünü kullanarak uygulamaları konumlandırır:

  • Geofence - Radar, sınırsız coğrafi sınır, çokgen coğrafi sınır ve durdurma algılama için platformlar arası desteğiyle, yerel iOS veya Android coğrafi sınırlamadan daha güçlü olmaktan gurur duyar. Bunun nedeni, tüm coğrafi sınırlama ve olay oluşturma işleminin sunucu tarafında gerçekleşmesidir.
  • Yerler - Radar, Facebook veritabanını kullandığı için kapsamlı bir yer listesini tanıyabilir. Ve bununla ilgili en havalı şey, yerleşik kategorilerle (örneğin büyük havaalanları) veya zincirlerle (örneğin Starbucks) çalışabilmenizdir.
  • Insights - Konum motoru, bir kullanıcının eve ve ofise girdiğini/çıkardığını nasıl tahmin edeceğini de öğrenebilir.

Radar, kullanıcınızın mekanı ziyaret ettiğini veya ayrıldığını tespit ettiğinde, webhook ile uygulamanıza bildirimde bulunmanızı sağlar.

Bir geliştirici olarak tek yapmanız gereken, örneğin arka planda veya ön planda izlemek istiyorsanız, izleme seçeneklerini doğrulamak ve yapılandırmak ve ince ayar yapmak için yazılım geliştirme kitlerinden (iOS, Android, Web) birini kullanmaktır.

O zaman Radar başsız platformunu iş başında görelim!

1. Hesabınızı ayarlayın

radar.io'ya gidin ve bir hesap için kaydolun, ardından Radar widget'ını aşağıda gösterildiği gibi başlatmak için test API anahtarlarını kullanın:

{{KOD}}

<script src="https://js.radar.io/v1.0.0/radar.min.js" bütünlük="sha384-TFQktvQ2F2ST3MCcepqaOHqwc36jDy7r/gAj7dOvU6VXtJ4m4Dj2hByxZ59d4MjK" crossorigin"></script="anonym>

<script type="metin/javascript">

Radar.initialize("SİZİN_ANAHTARINIZ");

</script>{{ENDKODU}}

2.Kullanıcıları takip edin

Son adım, izlemenin çalışıp çalışmadığını doğrulamaktır. Bunu yapmak için, Radar herhangi bir konum değişikliği tespit ederse çağrılan trackOnce yöntemini kullanacağız.

Kodu çalıştıralım ve Radar'ın hangi bilgileri sağladığını görelim (tarayıcınızda konum izlemeye izin vermeyi unutmayın):

{{KOD}}

Radar.trackOnce(işlev(durum, konum, kullanıcı, olaylar) { console.log({ durum, konum, kullanıcı, olaylar });});

{{ENDKODU}}

Çıktı:

{{KOD}}

olaylar: [] (0)

konum: Koordinatlar {enlem: 50.2546247999998, boylam: 19.061743829999994, yükseklik: boş, doğruluk: 165, yükseklikDoğruluk: boş, …}

durum: "BAŞARI"

kullanıcı: {userAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) Ap… (KHTML, Gecko gibi) Sürüm/12.1 Safari/605.1.15", ip: "93.179.216.18", locationAccuracy: 165, deviceType: "Web", durduruldu: doğru, …}

{{ENDKODU}}

Tamam - Radar saklanma yerimizi buldu. Ancak bağlam olmadan, bu bilgiyle ne yapacağını bilmiyor. Radar'ın istihbaratı üzerinde çalışalım.

Check-in yaptığınız yer için bir isim vereceğiz - genel olarak (Radar'da da) bu konum bağlamına coğrafi sınır denir. Bunu nasıl yapacağınız aşağıda açıklanmıştır:

  • Coğrafi sınır oluşturucuya gidin.
  • İlgili bir kaynak türü seçin, Yer'e gideceğim ve şirketimi sorgu olarak yazacağım.
  • Sonuç olarak, Radar coğrafi koordinatları arar ve bir coğrafi sınır sınırı önerir.
Radar API coğrafi konumu
  • Konum sizin için uygunsa, coğrafi sınırı CREATE ile onaylayın.

Şimdi sayfayı yenileyelim ve konsolu izleyelim. Radar şimdi bize bazı olaylar gönderiyor:

{{KOD}}

{

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

"canlı":yanlış,

"type":"user.entered_geofence",

"yer":{

"koordinatlar":[

19.062212,

50.254927099999996

],

"type":"Nokta"

},

"konum Doğruluğu":20,

"güven":3,

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

"kullanıcı":{

"_id":"5cb5f2ba36581b002a3534ca",

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

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

},

"coğrafi sınır":{

"_id":"5cb5f7d3a60e95002b009ebd",

"açıklama":"bakış açısı",

"type":"daire",

"geometriYarıçapı":100,

"geometryCenter":{

"type":"Nokta",

"koordinatlar":[

19062346299999945,

50.25495069999999

]

}

},

"_id":"5cb5fe117cd3430025b9ee0d"

}

{{ENDKODU}}

Yeni oluşturulan coğrafi sınırımıza girdiğimizi anlıyor gibi görünüyor. Aynı yerde oturduğumuz için sonraki yenilemeler yeni bir etkinlik getirmemelidir. Ama konumu değiştirdiğimizde Radar onu da algılayacak.

Test etmek için makinenizi alın, coğrafi sınır alanının dışına çıkın ve orada tekrar oturum açın Veya... Chrome Araçlarından Sensörleri kullanabilirsiniz.

Chrome'da coğrafi konum

Yeterince uzak olanı seçerek konumunuzu taklit edin ve sayfayı tekrar yenileyin. Şimdi Radar, user.exited_geofence'ın

Kullanışlı Radar panosu ile tüm kayıtlı ve kayıtlı olmayan kullanıcılar için konum belirleme olaylarını gerçek zamanlı olarak takip edebilirsiniz:

Radar API'sinde İzleme

Başsız mesajlaşma yoluyla harici uygulamaları bilgilendirme

Yani Radar'ın takibi artık konum bağlamımızı anlıyor. Ama senaryomuzda kullanabilmek için Radar'ın bunu dış dünya ile paylaşması gerekiyor. Ve bunu birçok yönden yapar. Bunlardan biri web kancalarını kullanmaktır.

Web kancası , bir uygulamanın diğer uygulamalara gerçek zamanlı bilgiler sağlaması için bir yol sağlayan bir API konseptidir.

Birçok sistem arasında müşteri verilerini toplamaya ve değiştirmeye yardımcı olan bir platform olan Segment'e göre, web kancalarının popülaritesi hızla artıyor.

Web kancaları ve API/başsız ticaret

Tipik bir web kancası uygulaması, bir uygulamanın kullanıcısının şunları yapmasını sağlar:

  • harici bir sistemi (veya birçok sistemi) bilgilendirmek
  • API çağrıları ile
  • belirli bir olayın gerçekleştiği an.

Böyle bir mekanizma mevcut olduğunda, bir uygulama kullanıcısının gerçek zamanlı değişiklikleri yakalamak için sık sık veri araştırması yapması gerekmez.

Harici bir API'ye istek göndermek, sürecin yalnızca bir yanıdır. Web kancası döngüsünü tamamlamak için alıcı istemcinin onu başarıyla tüketmesi gerekir.

HTTP dünyasında bu genellikle 2** durumuyla yanıt vermek anlamına gelir. Olmazsa, webhook motoru daha sonra tekrar dener (yeniden deneme ilkesi, tanımlanan ilke yazarlarına bağlıdır).

Bizim durumumuzda Radar, konumumuzu değiştirdiğimizde gördüğümüz olay yükünü sağlanan bir uç noktaya gönderir. Web kancalarını çalışırken görmek için bir tane ekleyelim.

  1. Entegrasyonlara gidin.
  2. Test ortamını ve tek olay teslimini seçin.
  3. Bildirilecek bir uç nokta sağlayın. Burada birkaç seçeneğiniz var. Yapabilirsin:
  • makinenizdeki basit bir web sunucusunu devre dışı bırakın ve trafiği yönlendirmek için ngrok kullanın,
  • uç noktanızı hemen dağıtmak için aksaklık kullanın,
  • webhook.site veya requestbin gibi çevrimiçi web kancası yakalayıcılarından birine dokunun
  1. Benzersiz URL'nizi forma yapıştırın ve onaylayın.
Radar'da web kancası ekleme
  1. İlk etkinliğinizi başlatmak için EYLEMLER sütunundan Test'e tıklayın. Doğru ayarlarsanız, aşağıdaki resimde gösterildiği gibi web kancası yükünü görmelisiniz:
Web kancaları testi

Çok uzak çok iyi. Sonuç oldukça umut verici, değil mi? Biraz kopyala yapıştır ve JavaScript snippet'i ile kullanım senaryomuzun coğrafi konum bölümünü ele aldık. Mevcut aşamada Radar, çerezlerde saklanan bir cihaz kimliği dışında kullanıcıları tanımlayamaz. Daha sağlam hale getirmek için kullanıcıyı bir e-posta ile tanımlayalım. Radar'ın SDK'sı ile tek yönlüdür:

{{KOD}}

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

{{ENDKODU}}

Yeni kimliği kontrol panelinde hemen görebilirsiniz:

Bu nedenle, şimdi kişisel bir indirim gereksinimini - benzersiz bir kupon kodunu - ele almamız gerekiyor.

Radar ve Voucherify başsız promosyon motorunu bağlama

Radar'a benzer şekilde, Voucherify API'si ile size, sıfırdan başlarsanız maruz kalacağınız maliyetin çok küçük bir kısmı için esnek bir kupon özelliği sunar.

Yakında öğreneceğimiz gibi, gelecekteki herhangi bir pazarlama kanalıyla sunulabilecek indirimler, tavsiye veya sadakat programları gibi diğer promosyon kampanyalarını destekler.

Kupon kişiselleştirme özelliklerinden yararlanmak için önce kullanıcıların verilerini içe aktarmanız ve bunları senkronize halde tutmanız gerekir.

Voucherify, müşteri verilerini kişisel özelliklere, konuma ve Voucherify etkileşim geçmişine göre segmentlerde gruplandırılabilen Müşteri Nesnelerinde depolar.

Test müşterinizi zaten Voucherify'a aktardığınızı varsayalım ve şimdi konumunu Radar ile kod olmadan nasıl senkronize edeceğimizi göreceğiz.

Zapier – webin yapıştırıcısı

Web kancalarını ortaya çıkaran tüm platformların tek bir dizinde listelendiğini, birleşik bir yapıya ve bunları bloklar gibi bağlama yeteneğine sahip olduğunu hayal edin - Zapier ile tanışın.

Zapier, 1000'den fazla web uygulamasını birbirine bağlar ve arka planda birlikte çalışmalarına izin verir.

Her Zap, uygulamalarınızdan birinde iş akışınızı başlatan bir olayın tetikleyicisiyle başlar. İşte Zapier'in dokümanlarından birkaç örnek:

  • Facebook'a gönderi olarak yeni RSS öğeleri göndererek sosyal medya varlığınızı otomatikleştirin;
  • Yeni Trello kartlarını Evernote'a kopyalayarak projeleri düzenli tutun;
  • MailChimp'teki posta listenize Typeform'dan form yanıtlayanları ekleyerek potansiyel müşterilerle iletişimde kalın;
  • Slack'teki bir kanala yaklaşan Google Takvim etkinliklerini bildirerek ekibinizin hiçbir toplantıyı kaçırmadığından emin olun;
  • …ve daha fazlası!

Muhtemelen şimdi soracaksınız: “Zapier bize yardım edebilir mi?”. Evet yapabilir! Voucherify'daki coğrafi konum değişikliklerini güncellemek için bazı Zap'lerle biraz oynayalım.

  1. Zap Yap'a tıklayın ve Web kancaları'nı seçin.
  2. Bu seçenekle Zapier, Webhook'u Radar'dan tüketmek için kullanabileceğimiz bir uç nokta (webhook.site'ye benzer) oluşturabilir. Bunu yapmak için Kancayı Yakala'yı seçin.
  3. Sonraki görünüm size Radar web kancası kurulumunda eskisinin yerini alacak bir uç nokta URL'si verecektir.
  1. Bağlantıyı Radar'a yapıştırın ve testi yeniden başlatın. Radar yeni uç noktayı yeşil bir flaş çubuğuyla onaylarsa, Zapier'deki bir sonraki adıma geçin.
  2. Bir sonraki ekranda, test talebinizin yükünü fark etmelisiniz.
  1. Formu onaylayın ve Zap'in ilk adımı - tetikleyici - hazır.

Şimdi tüketilen mesajları işe koymamız gerekiyor. Zap'ı tamamlamak için en az bir eyleme ihtiyacımız var (tek bir Zap ile birden fazla platformu zincirleyebilirsiniz).

  1. Eylem gezgininden Voucherify'ı seçin. Not Zap Kuponu “davet ederek” edinilebilir, işte onu almak için bağlantı.
  1. Müşteriyi Güncelle seçeneğini seçin ve Şablonu Ayarla formuna geçin.
  2. Bu önemli bir kısımdır. Bu formda Zapier, girdiyi çıktıya eşlemenize izin verir. Editör hem güçlü hem de sezgiseldir. Gelen JSON'a hem anahtarlara hem de değerlere göre göz atmanıza izin veren akıllı bir arama alanına sahiptir. Ayrıca iki veya daha fazla giriş alanını tek bir gidende kolayca birleştirebilirsiniz.

Bizim durumumuzda, müşteriyi source_id ile tanımlamak ve olaya göre özel bir "rspectiveHQ" alanını güncellemek istiyoruz, bu nedenle eşleme aşağıdaki gibi görünür:

Voucherify: Kaynak Kimliği - Radar: Kullanıcı Kimliği
Voucherify: Metadata -> rspectiveHQ - Radar: Olay Türü

  1. Testi atlayın ve formu doldurun - ZAP AÇIK ve bekliyor!

Radar'ın web kancasını yapılandırdık ve Voucherify Zap'i açık hale getirdik. Tüm boru hattının çalışıp çalışmadığını test edelim. Web uygulamamıza gidin ve Radar dedektörünü bilgilendirmek için konumu bir kez daha değiştirmeyi deneyin.

İşte takip edilmesi gerekenler:

  • Radar 2 olayı izler, kullanıcı dışarı çıkar ve coğrafi sınıra girer.
  • Zapier buna göre 2 web kancası yakalar.
  • Müşteri profili güncellemelerini takip edin.
Akış - Radar

Zapier bundan daha fazlası. İş akışı yapılandırma seçeneklerine baktığınızda, oldukça karmaşık süreçler oluşturmanıza izin veren çarkları fark edeceksiniz. Koşullar, filtreler veya gecikmeler gibi yardımcı adımlar, girdi verilerinin sıkıştırılmasında ve özetlenmesinde ve çıktının buna göre biçimlendirilmesinde yardımcı olacaktır.

Adımlardan birinde daha fazla esnekliğe ihtiyacınız varsa (JavaScript ve Python'da) özel kod bile yazabilirsiniz - size bir dizi tetik-eylem çiftini zincirleyebileceğinizi daha önce söylemiş miydim?

Zapier hızlı başlangıç ​​belgelerine bunun ne tür bir zaman tasarrufu sağladığını anlama şansı verin.

Başsız promosyon motoru aracılığıyla coğrafi konumlu kullanıcılar için benzersiz bir kupon oluşturma

Voucherify'daki temel özelliklerden biri, indirimleri gerçek zamanlı olarak müşterinin profiline göre kişiselleştirmektir. Bu, müşteri özelliklerini ve bir alışveriş sepetine ne koyduklarını izleyen ve bazı iş kurallarına göre eylemleri tetikleyen dinamik segmentler sayesinde mümkündür.

Bizim durumumuzda, özel alanımızı (rspectiveHQ) kontrol eden bir segment oluşturacağız ve bu da bir müşteri coğrafi sınıra girdiyse bilgileri depolayacaktır. Bunu, Voucherify API'sinden tek bir uç nokta ile başarabiliriz, ancak en hızlı yol, gösterge tablosunu kullanmaktır.

Müşteriler'e gidin ve segment oluşturucuyu açın. Şimdi aşağıdaki resimde olduğu gibi ilgili bir meta veri alanını kullanarak müşteriyi filtreleyin:

Filtreyi onaylayın, yeniden yükle düğmesine basın ve segmentle eşleşen tüm müşterileri göreceksiniz. Test kullanıcınızdan coğrafi sınırdan ayrılmasını ve entegrasyonun beklendiği gibi çalışıp çalışmadığını görmek için segmenti yeniden yüklemesini "sorabilirsiniz".

Gördükleriniz gerçeği yansıtıyorsa bölümü kaydedin.

Bir sonraki adım, indirimi uyarlamak için konumla ilgili bilgileri kullanmaktır.

Ancak konuya girmeden önce, bir an durmanızı ve tek bir arka uç kodu yazmadan şu ana kadar ne kadar başardığımızı analiz etmenizi istiyorum. Aynı zamanda, hem Radar hem de Voucherify zengin API'yi ve ihtiyacınız olduğunda takabileceğiniz başsız mimariyi ortaya çıkardığı için çözümümüzü değişime kapatmadık.

Son adım, aşağıdakileri yapacak bir Dağıtım kurmaktır:

  • benzersiz bir kupon kodu gönder
  • tespit edilen bir müşteriye
  • önceden tanımlanmış kanal ile

Başlangıç ​​olarak, her kullanıcı için benzersiz bir promosyon kodu oluşturalım. %10 indirimli olsun. Kampanya oluşturucuya gidin, Toplu Kodlar seçeneğini seçin ve tanımlayacağınız adımları takip edin:

  • indirimin türü ve tutarı,
  • zaman aralığı,
  • uzunluk, önek, sonek ve karakter kümesi dahil olmak üzere kod deseni,
  • ilk kod sayısı,
  • ve diğer detaylar.

Yaratıcının 4. aşaması - doğrulama kuralları - özellikle ilginçtir. Bu, kodu kimin ve hangi koşullar altında kullanabileceğini tanımlayabileceğiniz bir yerdir. Teklifi yalnızca coğrafi sınırımızı ziyaret eden müşterilerle sınırlamak istediğimizi unutmayın. Bu adımı tamamlamak için segmentimizi kullanacağız.

Bu araç size çok daha fazla filtreleme seçeneği sunar. Müşteri edinme veya müşteriyi elde tutma kampanyaları üzerinde çalışıyorsanız, size bir ton kod satırı kazandırabileceğinden doğrulama kuralları referansına göz atmak isteyebilirsiniz.

Voucherify toplu oluşturma işlemini bitirdiğinde, bunların listelendiğini görmelisiniz:

Segment ve promosyon kodlarımız var, şimdi onu pazarlama giden kanalımıza bağlayalım!

Bunu Voucherify API ve web kancalarıyla uygulayabilirsiniz, ancak daha hızlı bir yol var - dağıtımlarla tanışın.

Bu özellik, bir segmente giren (veya ayrılan) yeni bir müşteriyi tespit etmenize, onlara benzersiz bir kupon kodu atamanıza ve bunu e-posta, SMS, push bildirimi, canlı sohbet veya sosyal medya reklamları ile göndermenize olanak tanır. Ek olarak, bir görsel düzenleyici, kişiselleştirilmiş bir promosyon kopyası oluşturmanıza yardımcı olur.

Her kanalın kendine özgü mesaj şablonu vardır, bakalım push bildirimleri nasıl görünüyor. Ancak devam etmek için bir Braze hesabına kaydolmamız ve API anahtarıyla Voucherify ile bağlamamız gerekiyor.

Braze ile push bildirimi yoluyla promosyon kodu gönderme

Braze (eski adıyla AppBoy), mobil pazarlama araçlarının liderlerinden biridir. Yeteneklerinin yalnızca bir kısmını kullanacağız, bu nedenle teklifleri hakkında daha fazla bilgi edinmek için belgelerini kontrol etmenizi öneririm.

Senaryomuzun konfigürasyonu 3 adım gerektirir:

  • Bir push bildirimi kampanyası oluşturma;
  • Kupon kodlarını Voucherify'dan Braze'e gönderme;
  • Uygulamamızda bir web push bildirimi yapılandırma.

Push bildirim kampanyası

Voucherify'a benzer şekilde Braze, müşterinin özelliklerinde gerçek zamanlı değişikliklere dayalı olarak bazı eylemleri tetikleyebilir. Bu özel durumda, Voucherify'da oluşturduğumuz dağıtım, toplu kod kampanyasından benzersiz bir kodla doldurulmuş özel bir alan belirleyecektir.

Braze kampanyasını, bu değişikliği algılayacak ve müşterinin oturum açtığı bir uygulama örneğine anında iletme bildirimi gönderecek şekilde tanımlayacağız.

  1. Bir uygulama bağlamı tanımlamak için Uygulama Grubunu Yönet'i açın.
  2. API ortak anahtarı almak için bir web uygulaması seçin.
  1. Artık Kampanyalar'a gidebilir ve yeni bir Anında Bildirim kampanyası oluşturabilirsiniz.
  2. {{custom_attribute.${coupon}}} kupon kodunu içeren bir mesaj oluşturun, Test sekmesini seçin ve Testi Kendime Gönder'i kullanın. Web bildirimine izin verirseniz, sağ üstte kayan bir mesaj görmelisiniz.
  1. Bu özel özelliği hiçbir kullanıcıya eklemediğimiz için test mesajındaki kupon kodu boş olacaktır. Kampanyanın taslağını kaydedelim ve kod ile manuel olarak bir test kullanıcısı oluşturalım.

    Satır boyunca basit bir CSV dosyası oluşturun:

{{KOD}}

external_id, kupon

[email protected], xyz

{{ENDKODU}}

Ve yüklemek için Kullanıcı İçe Aktarma'ya gidin.

  1. Artık test verilerini ve “Alıcıların niteliklerini geçersiz kıl…” seçeneğini işaretlediğimize göre, değiştirilen değişkeni görebiliriz.
  2. Teslimat sekmesinde, teslimat türünü Eyleme dayalı olarak değiştirin ve aşağıdaki resimdeki gibi Özel Nitelik Değeri Tetikleyicisini Değiştir'i seçin:
  1. Bir sonraki adımda "Tüm Kullanıcılar"ı kampanyaya kaydedin ve diğer ayarları değiştirmeden bırakın. Hazır olduğunuzda, sağ alttaki Kampanyayı Başlat'a tıklayın.

Braze'e kupon kodları sağlama

Bu, Voucherify'ı Braze'e bağlamamız gereken an. Neyse ki Voucherify, Braze'i yerel bir entegrasyonla destekler. Bu iki pazarlama platformunu birbirine bağlamak için geriye kalan tek şey Entegrasyonlara gitmek, Braze'i seçmek ve API uç noktası ve anahtarını sağlamaktır.

Artık dağıtımımızın taslağını yeniden açabilir ve son adımı tamamlayabilirsiniz. Voucherify'ın benzersiz bir kod atadığı özel alanların adlarını ve değerini sağlayın:

Ve canlı olarak ayarlayın. Şu andan itibaren, Radar bir coğrafi sınır olayı algıladığında ve dolayısıyla müşteri segmentini güncellediğinde, Voucherify bu müşteriye bir kupon kodu atayacak ve bunu Braze'deki kullanıcı profilinde yayınlayacaktır.

Braze kampanyası, yeni alan değişikliğini algılayacak ve bir web bildirimi göndermeye çalışacaktır.

Anında iletme bildirimi alma

Neredeyse geldik! Promosyon zincirimizi tamamlamanın en son adımı, anında bildirimlerin uygulamamıza akmasına izin vermektir.

Başsız platformlarda olduğu gibi, manuel olarak uygulamaya gerek yoktur. Gerçek bir geliştirici öncelikli platform olarak Braze, web için açık kaynaklı bir SDK sunar.

Çalıştırmak için kısa bir pasaj yapıştırmanız ve genel API anahtarıyla doldurmanız gerekir.

{{KOD}}

<script type="metin/javascript">

const test_user = {

ad : "Mike",

soyadı : "Sedzielewski",

e-posta: "[email protected]"

}

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

s="initialize destroy getDeviceId toggleAppboyLogging setLogger

openSession changeUser requestImmediateDataFlush requestFeedRefresh

abone olFeedGüncellemeler requestContentCardsRefresh

Abone OlContentCardsGüncellemeler logCardGösterimler logCardClick

logCardDismiss logFeedGörüntülenen günlükİçerikKartlarGörüntülenen

logInAppMessageImpression logInAppMessageClick

logInAppMessageButtonClick logInAppMessageHtmlClick

abone olNewInAppMesajlar kaldırAbonelik

RemoveAllSubscriptions logCustomOlay günlüğüSatın alma,PushSupported

isPushBlocked isPushGranted isPushPermissionGranted

registerAppboyPushMessages kaydını kaldırAppboyPushMessages

gönderGeri bildirim izlemeKonum durdurmaWebTracking özgeçmişWebTracking

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.setE-posta ab.User.prototype.setGender

ab.User.prototype.setDateOfBirth 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.setSonBilinenKonum

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

ab.InAppMessage.prototype.removeAllSubscriptions

ab.InAppMessage.Button

ab.InAppMessage.Button.prototype.subscribeToClickedEvent

ab.InAppMessage.Button.prototype.removeSubscription

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 display display.automaticallyShowNewInAppMessages

display.showInAppMessage display.showFeed display.destroyFeed

display.toggleFeed display.showContentCards display.hideContentCards

display.toggleContentCards sharedLib".split("

"),i=0;i<s.length;i++){for(var

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

]=(yeni İşlev("dönüş işlevi

"+m.replace(/\./g,"_")+"(){appboyQueue.push(argümanlar); dönüş

true}"))()}appboy.getUser=function(){return new

appboy.ab.User};appboy.getCachedFeed=function(){return new

appboy.ab.Feed};appboy.getCachedContentCards=function(){return new

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,belge,'komut dosyası');

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();

</script>

{{ENDKODU}}

Ve bir service-worker.js kaydedin:

{{KOD}}

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

{{ENDKODU}}

Yerine geldiğinde, “Bireysel Kullanıcı Ekle” girişinde “text@example” kullanıcısı ile başka bir test yapın. Uygulamanız, "xyz" promosyon kodunu içeren bir bildirim almalıdır.

Şimdi, kupon alanını değiştirdiğinizde kampanyanın push mesajını tetikleyip tetiklemediğini test edelim.

İlk olarak, kampanyanızın etkin olduğundan ve web uygulamasının başlatıldığından emin olun. İkinci olarak, Braze Postman koleksiyonunu indirin, Kullanıcı Verileri kataloğunu açın ve Kullanıcı İzleme - Nitelikler Örneği'ni seçin. (Postacı bilmiyorsanız buradan ulaşabilirsiniz)

Uç nokta URL'sini atanmış olduğunuz URL ile değiştirin, benim durumumda: https://rest.iad-03.braze.com/

Ve istek yükü:

{{KOD}}{

"api_key":"SİZİN_ANAHTARINIZ",

"Öznitellikler":[

{

"external_id":"[email protected]",

"kupon":"123"

}

]

} {{ENDKODU}}

İsteği gönderin ve güncellenmiş kupon koduyla başka bir mesaj bekleyin.

Tüm başsız yapı taşlarını test etme

İş akışının istediğimizi yaptığından emin olmak için uygulamanızı açın ve Sensörü kullanarak farklı bir yere "bulun" ve ardından coğrafi sınıra geri dönün. Birkaç saniye içinde ekranınızda kişiselleştirilmiş bildirimi görmelisiniz!

Artık kullanıcı kodunu alabilir ve arka uçta Voucherify tarafından doğrulanan kupon kutusuna koyabilir.

Başsız platformların kazanımlarını burada özetleyelim:

  • Yaklaşık bir saat içinde, oldukça karmaşık bir iş senaryosu için çalışan bir çözüm sunduk.
  • Kod tabanı süper kısa ve basittir - bu da daha az bakım yükü anlamına gelir.
  • Çözüm üzerinde %100 kontrolümüz olmasa da, API erişimi sayesinde yine de özelleştirmeye açıktır.
  • Tam mülkiyet eksikliği, satıcı ekiplerinin desteği ve araçların daha kaliteli olmasıyla dengelenir.
  • Web kancaları ve Zapier gibi araçlarla, çok kısa sürede çeşitli departmanları ve sistemleri birbirine bağlayabilir ve iç içe geçirebilirsiniz.

Birden fazla SaaS satıcısı kullanırken dikkat etmeniz gereken şeylerden biri de geri dönüş. Bazen bir platform kapalıdır ve sisteminize nasıl tepki vereceğini - örneğin, eylemleri nasıl saklayacağınızı ve sıraya alacağınızı - talimat vermeniz gerekir. Ancak geliştirici dostu platformlar, API kullanılabilirliğini izlemek ve zamanında tepki vermek için kullanabileceğiniz arayüzleri ortaya çıkarır.

Öte yandan, POC aşamasındaki uygulamalar için süper sağlam geri dönüşler gerekli değildir.

Başsız yaklaşım bana nasıl yardımcı olabilir?

Özetle, hızlı ve düşük maliyetle değerli bir şey oluşturmak için başsız platformlardan nasıl yararlanabileceğinizi öğrenerek, iş piyasasında daha değerli olacaksınız.

Günümüzde rekabet avantajı sağlayanlar programlama dilleri veya çerçeveler değildir. Bu genellikle oldukça farklıdır - işletmelerin sorunlarını mümkün olan en az miktarda kodla çözmek için mevcut araçları nasıl kullanabileceğidir. Başka bir deyişle, belirli bir teknoloji yığınında veya yığınlarında ustalaşmaktan daha önemli olan şeyler şunlardır:

  • Pazara sunma süresini nasıl azaltacağını bilmek;
  • Bakım maliyetlerini düşürme tekniklerine genel bakış;
  • Bireysel teknolojilere bağımlılıkları azaltma yeteneği;
  • Yukarıdaki üçünü destekleyen mevcut teknolojilere genel bakış.

Daha fazla başsız ticaret platformları için nereye bakmalı?

İyi bir başlangıç ​​noktası şu liste olabilir:

Promosyonlar

  • kupon yap
  • Hediye biti
  • Vauchar

Katalog ve envanter

  • Recombee
  • Kanalape
  • kristalize etmek

Araba

  • küçük resim
  • tilki

Ödeme

  • Şerit
  • Vadesi dolmuş
  • Kare

mesajlaşma

  • Katman
  • itici
  • pubnum

Rezervasyon ve etkinlikler

  • zaman seti
  • Giriş

Nakliye

  • gemi
  • gemi bulutu
  • Lob

Genel

  • Elastik
  • küçük resim
  • moltin
  • SiparişBulutu
  • Ticaret araçları

Ancak, başsız e-ticaretin ötesine geçmek istiyorsanız, https://www.programmableweb.com adresini ziyaret etmenizi ve araştırmanızı öneririm. Araştırmanıza başlamanın bir başka yolu da Zapier entegrasyonlarına göz atmak.

Bir diğeri ise Postman API ağına gitmek.

Kaynaklar:

aksaklık üzerinde Demo kaynak kodu