Widget Entegrasyonu

Web sitenize geri bildirim widget'ı ekleme ve özelleştirme rehberi.

Kurulum

Kod Entegrasyonu

Web sitenizin <head> veya </body> etiketinden önce aşağıdaki kodu ekleyin:

<script>
(function(d,t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = "https://widget.deneyim.ai/v1.js";
g.async = true;
g.id = "deneyim-widget";
g.setAttribute("data-id", "IŞLETME_KODUNUZ");
s.parentNode.insertBefore(g,s);
})(document,"script");
</script>
Async Yükleme
Otomatik Başlatma
Hafif Kod

Görünüm Özelleştirme

Widget'ın görünümünü markanıza uygun şekilde özelleştirin.

  • Tema renkleri
  • Logo ve yazı tipleri
  • Buton ve form stilleri

Davranış Ayarları

Widget'ın çalışma şeklini özelleştirin.

  • Tetikleme koşulları
  • Gösterim zamanlaması
  • Hedefleme kuralları

Responsive Tasarım

Tüm cihazlarda mükemmel görünüm ve kullanım deneyimi.

Mobil

Mobil cihazlara optimize edilmiş görünüm

Masaüstü

Geniş ekranlarda profesyonel görünüm

Otomatik

Ekran boyutuna göre otomatik uyum

Gelişmiş Özellikler

Özel Tetikleyiciler

Widget'ı belirli durumlarda göstermek için özel kurallar tanımlayın.

DeneyimWidget.show({
trigger: "scroll",
delay: 2000
});

Event Dinleyiciler

Widget olaylarını dinleyerek özel işlemler yapın.

DeneyimWidget.on("submit",
(data) => console.log(data)
);

İyi Uygulama Önerileri

  • • Widget'ı sayfa yüklemesini yavaşlatmayacak şekilde ekleyin
  • • Kullanıcı deneyimini bozmayacak tetikleme kuralları belirleyin
  • • Mobil kullanıcıları için optimize edin
  • • Düzenli olarak widget performansını kontrol edin
  • • A/B testleri ile en etkili ayarları belirleyin