Pisano web widget'ını çeşitli yollarla web sitenize entegre edebilirsiniz.
Web widget ile anket gösderimi için aşağıdaki adımlar takip edilmelidir:
- Web kanalının tanımlanması, ilgili akışa bağlanması ve entegrasyonda kullanılacak script'in alınması
- Pisano arayüzünden alınan script'in web sitesine yerleştirilmesi. Bu adım iki şekilde yapılabilir:
-
Kaynak Koduna Pisano Script Yerleştirme
-
Google Etiket Yöneticisi (GTM) ile Ekleme
-
- Script ile geri bildirimler anonim olarak toplanabileceği gibi müşteri bilgisi iletilerek de toplanabilir.
- Scripti kullanarak anketi, web sitenizde dilediğiniz sayfaya yerleştirebilir ve hangi anda gösterileceğine (bir menü adımı seçimi sonrası, özel bir sayfaya erişim sonrası, özel bir işlem tamamlandıktan sonra, gibi...) karar verebilirsiniz. Aynı anket farklı sayfalarda gösterilebileceği gibi her sayfada veya işlem sonrasında farklı anketler de yayınlayabilirsiniz.
1. Kaynak Koduna Pisano Script Yerleştirme
Pisano tarafından sağlanan JavaScript kodu, </body> etiketinden hemen önce HTML dosyasına eklenerek web sitesinin kaynak koduna doğrudan eklenebilir.
Doğru yerleştirme, aşağıdakine benzer bir görüntüyle sonuçlanmalıdır.
2. Google Etiket Yöneticisi (GTM) ile Ekleme
Pisano tarafından sağlanan JavaScript kodu, Google Etiket Yöneticisi (GTM) yardımıyla da eklenebilir. Web sitenize GTM ile Pisano'yu yerleştirmek için gerekli adımları aşağıda bulabilirsiniz.
- Tetikleyici Oluşturma
GTM'de, müşterinin/ziyaretçinin PageView olayı ile Pisano Pop-up'ı başlatacak bir Tetikleyici oluşturabilirsiniz.
Aşağıda, Kampanya Etkinleştirme sayfasında bir tetikleyici oluşturmak için örnek bir yapılandırma bulabilirsiniz.
- Etiket Oluşturma
Kampanya Aktivasyon sayfasında çalışacak tetikleyiciyi oluşturduktan sonra Pisano JavaScript kodunu ekleyecek bir Etiket oluşturmaya geçebiliriz. Etiketin türü Özel HTML olmalıdır. Etiket oluşturulurken Pisano tarafından verilen JavaScript kodu HTML içerisine yerleştirilmeli ve bir önceki adımda oluşturduğumuz tetikleyiciye bağlanmalıdır.
3. Müşteri Özellikleri ve İşlem Verileri
Müşteri verisi (müşteri no, isim/soyisim vs) ve işlemsel verileri (işlem tarihi, satın alınan ürün vs) toplamak için, hangi değerlerin toplanacağına karar verilmeli ve gerekli özel alanlar akışlara eklenmelidir.
Örnek JavaScript Kodu:
!function(p,i,s,a,n,o){p.PisanoObject=s;p[s]||(p[s]=function(){ (p[s].q=p[s].q||[]).push(arguments)});p[s].l=+new Date;n=i.createElement(a); o=i.getElementsByTagName(a)[0];n.src='https://demo-web.pisano.co/scripts/widget/widget.js'; o.parentNode.insertBefore(n,o)}(window,document,'Pisano','script'); Pisano('boot', ' PSN-6saumic', {
customer: {
external_id: "12345-1234-1234",
name: "Leo Pisano",
email: 'leo@pisano.co'
},
customAttributes: {
"transaction_date": "13.04.2023",
"product_id": "1515152525"
}});
Bir müşteri anketi/formu doldurduğunda ve Pisano Popup aracılığıyla geri bildirim bıraktığında, Pisano'nun aldığı geri bildirimler ve ilgili alanlar Pisano'ya yazılacaktır.
4. Etkin URL Yönetimi
Google Tag Manager sistemi ile entegre olduğunuzda, yada web sitesinin alt yapısına genel entegrasyon sonrasında hangi sayfalarda Pisano anketinin gösterileceğini etkin url ve etkin alan adları bölümünden yönetebilirsiniz.
Öncelikli olarak Google tag Manager entegrasyonunda tetikleyici bölümünde anketin gösterimini tüm sayfalarda olacak şekilde ayarlayabiliriz.
Bu entegrasyon metodu ile artık Pisano Web anketi tüm sayfalarda görünebilir oluyor. Pisano Web Wigdet gelişmiş ayarlar bölümünden Etkin URL’ler bölümünden hangi sayfalarda göstermek istediğimizi seçerek sadece o sayfalarda gösterimini sağlayabiliriz.
Bu sürecin sonucunda Google Tag Manager ile sürekli entegrasyon sağlanarak aktif ve pasif sayfaları tekrar entegrasyon ihtiyacı olmadan gerçek zamanlı olarak Pisano üzerinden ilerletebilirsiniz.