Tetikleyiciler

Supsis AI Web Chat Tetikleyicileri, web sitenizde gezinen ziyaretçilerin davranışlarını ve niteliklerini gerçek zamanlı analiz ederek, doğru anda otomatik olarak devreye giren proaktif bir müşteri kazanım ve etkileşim sistemidir.

Tetikleyiciler; ziyaretçinin sitede veya sayfada geçirdiği süreye, geldiği reklam kampanyasına (UTM), ziyaret sayısına, bulunduğu ülkeye veya kullandığı cihaza göre özelleştirilmiş etkileşim kartları gösterir veya canlı sohbeti doğrudan başlatır.

1- Tetikleyici Nedir ve Nasıl Çalışır?

Tetikleyici, ziyaretçinin sohbet balonuna kendiliğinden tıklamasını beklemek yerine, belirlediğiniz koşullar sağlandığında (örneğin sepet sayfasında 30 saniye kalınca, Google Ads kampanyasından gelince veya mobil cihazla giriş yapıldığında) ekranda otomatik olarak beliren akıllı bir eylemdir.

Tetikleyicinin iki farklı çalışma davranışı bulunur:

• 1.a – Kart Göster (Varsayılan): Ziyaretçiye mesaj, başlık, görsel, butonlar veya gömülü kod bloğundan oluşan şık bir kart çıkarılır. Ziyaretçi butonlara tıklayarak canlı desteğe bağlanabilir, kampanyalı sayfaya gidebilir veya kartı kapatabilir.
• 1.b – Sohbeti Doğrudan Aç: Kart çizilmeden, koşullar sağlandığı anda canlı sohbet penceresi otomatik olarak açılarak ziyaretçi doğrudan karşılama akışına alınır.

2- Tetikleyiciler Liste Ekranı ve Sayfa Geneli Ayarlar

Müşteri Paneli'nde Entegrasyonlar › Web Chat › Tetikleyiciler yolunu izlediğinizde tüm tetikleyiciler kart listesi halinde görüntülenir.

2.a – Sayfa Geneli Anahtarlar

Sayfanın üst kısmında iki kritik genel ayar yer alır: - Tetikleyiciler (Genel Aç/Kapa): Bu anahtar kapalı olduğunda, sitede aktif olan hiçbir tetikleyici ziyaretçilere gösterilmez. - Giriş Formunu Atla: Ziyaretçi tetikleyici kartındaki bir butona tıklayarak sohbet başlattığında, normalde zorunlu olan Ziyaretçi Giriş Formu (ad, e-posta vb.) sorulmadan doğrudan sohbete bağlanmasını sağlar.

2.b – Arama ve Öncelik Sıralaması

• Anlık İçerik Arama: Arama kutusu üzerinden tüm dillerdeki tetikleyici başlıkları ve mesaj metinleri içinde anında filtreleme yapılabilir.
• Sürükle-Bırak Sıralama: Bir ziyaretçi birden fazla tetikleyicinin kuralına uyuyorsa, yalnızca listede en üstte yer alan ilk tetikleyici çalışır. Bu nedenle tetikleyicilerin öncelik sırası sürükle-bırak yapılarak belirlenmelidir (Arama kutusu etkinken sıralama kilitlenir).

2.c – Tetikleyici Kart Aksiyonları

Her tetikleyici kartı üzerinde; çalışma davranışı rozeti, tanımlı koşul sayısı, aktif/pasif anahtarı, Düzenle ve Sil butonları yer alır.

3- Tetikleyici Tasarım Modalı: Çok Dillilik ve İçerik

Tetikleyici eklerken veya düzenlerken sol tarafta içerik yapılandırma formu, sağ tarafta ise anlık canlı önizleme alanı yer alır.

3.a – Çok Dilli Destek ve Dil Çubuğu

Modalin üst kısmındaki dil sekmelerinden panelde tanımlı her dil için ayrı başlık ve mesaj girilebilir. İçeriği girilmiş diller çubuk üzerinde yeşil işaretli olarak görünür. Ziyaretçinin tarayıcı diline uygun metin otomatik olarak ekrana getirilir.

3.b – "Tümünü Çevir" Özelliği

Tek bir dilde hazırladığınız başlık ve mesaj metnini Tümünü Çevir butonuna tıklayarak saniyeler içinde paneldeki diğer tüm dillere otomatik olarak çevirebilirsiniz.

3.c – Gösterim Gecikmesi ve Avatar

• Gösterim Gecikmesi (Saniye): Belirlenen koşullar sağlandıktan kaç saniye sonra kartın ekranda belireceğini tanımlar.
• Avatar Göster: Seçenek işaretlendiğinde kurum logosu kart başlığının solunda yuvarlak bir avatar olarak gösterilir (Ayarlar › İşletme alanında kurum logosu yüklü olmalıdır).

4- Butonlar ve Aksiyon Seçenekleri

Tetikleyici kartının altına ziyaretçiyi harekete geçirecek en fazla 3 adet buton eklenebilir.

Her buton için aşağıdaki aksiyon türlerinden biri atanabilir:

5- Görsel Yapılandırması ve Konumlandırma

Tetikleyici kartınıza dikkat çekici kampanya afişleri, ürün fotoğrafları veya ikonlar ekleyebilirsiniz.

5.a – Görsel Yükleme ve Yönlendirme

• Görsel dosyası doğrudan yüklenebilir veya harici bir görsel linki (URL) verilebilir.
• Görsele tıklandığında ziyaretçinin yönlendirileceği bir web adresi tanımlanabilir.

5.b – Görsel Konumu

• Üstte: Kartın en üstünde banner olarak konumlanır.
• Mesajın Altında: Başlık ve mesaj metninin hemen altında, butonların üstünde yer alır.
• Solda Küçük: Kartın sol tarafında küçük bir kare/küçük resim olarak konumlanır.
• Arka Plan: Kartın tüm arka planını kaplar; metinler görselin üzerine biner.

5.c – Görsel Oturma Biçimi

• Tamamı görünsün (Contain): Görseli kırpmadan en-boy oranını koruyarak alan içerisine sığdırır.
• Alanı doldursun (Cover): Görsel alanını boşluk bırakmadan tamamen dolduracak şekilde kenarlardan kırpar.

6- Masaüstü, Tablet ve Mobil Cihaz Yerleşimi (Responsive)

Tetikleyici kartının ekranda nerede ve hangi boyutta çıkacağı Masaüstü, Tablet ve Mobil cihazlar için ayrı ayrı yapılandırılabilir:

• Masaüstü Profili: Ekran genişliği 1024 px üzeri olan cihazlar.
• Tablet Profili: Ekran genişliği 769 px ile 1024 px arası olan cihazlar.
• Mobil Profili: Ekran genişliği 768 px ve altı olan cihazlar.

6.a – 9 Noktalı Konum Izgarası

Kartın ekran üzerindeki referans noktası 9 farklı konumdan biri seçilerek belirlenir (Sol Üst, Üst Orta, Sağ Üst, Sol Orta, Merkez, Sağ Orta, Sol Alt, Alt Orta, Sağ Alt).

6.b – Boyut ve İnce Kaydırma Değerleri

• Kart Boyutu: Dar, Orta, Geniş veya Tam Ekran seçenekleri sunulur.
• Yatay ve Dikey Kaydırma (px): Seçilen referans noktasından itibaren kartın X ve Y eksenlerinde kaç piksel kaydırılacağı belirlenir.
• Canlı Önizleme: Sağdaki önizleme ekranından masaüstü ve mobil sekmeleri arasında geçiş yapılarak tasarım anında test edilir.

7- Kod Bloğu (Gelişmiş HTML/JS ve Sandbox Entegrasyonu)

Tetikleyici kartı içerisine özel HTML, CSS ve JavaScript bileşenleri (mini formlar, sayaçlar, ürün karşılaştırma widget'ları vb.) gömebilirsiniz.

Kod bloğu, sitenin güvenliğini ve performansını korumak için yalıtılmış bir sandbox (iframe) içerisinde çalışır. Sitenizin ana sayfasına, çerezlerine veya yerel depolama alanına erişemez.

7.a – Kullanılabilir Supsis API Fonksiyonları

7.b – Güvenlik Kısıtlamaları

• localStorage, sessionStorage ve çerezler kullanılamaz.
• Standart HTML form gönderimleri, düz linkler (<a href>) ve window.open güvenlik gereği çalışmaz; tüm yönlendirmeler supsis.openUrl() üzerinden yapılmalıdır.
• Kod bloğu yalnızca Kart göster modunda görünür.
• Blok yüksekliği piksel (px) cinsinden ayarlanabilir.

<!-- Örnek Kampanya Butonu Şablonu -->
<div style="text-align:center; padding:10px;">
  <button onclick="supsis.startChat('Kampanya kuponumu almak istiyorum.')" 
          style="background:#2563eb; color:#fff; border:none; padding:8px 16px; border-radius:6px; cursor:pointer;">
    Kuponu Al ve Sohbete Başla
  </button>
</div>

8- Koşullar (Kriterler ve Hedefleme Kuralları)

Bir tetikleyiciye en fazla 8 adet koşul tanımlanabilir. Ziyaretçiye kartın çıkması için eklenen tüm koşulların aynı anda sağlanması (VE mantığı) gerekir.

9- Adım Adım Yeni Bir Tetikleyici Oluşturma

1. Sayfayı Açın ve Ayarları Doğrulayın:
   • 1.a- Customer Panel'de Entegrasyonlar › Web Chat › Tetikleyiciler sayfasına gidin.
   • 1.b- Sayfa üstündeki Tetikleyiciler genel anahtarının açık olduğunu kontrol edin.
2. Tetikleyiciyi Tanımlayın:
   • 2.a- Tetikleyici Ekle butonuna tıklayın.
   • 2.b- Anlaşılır bir başlık belirleyin ve çalışma davranışını (Kart göster veya Sohbeti doğrudan aç) seçin.
3. İçerik ve Butonları Ekleyin:
   • 3.a- Mesajınızı yazın, dil sekmelerinden diğer dilleri doldurun veya Tümünü Çevir'i kullanın.
   • 3.b- İhtiyaca göre görsel yükleyin (konum ve oturma şeklini belirleyin).
   • 3.c- Ziyaretçinin tıklayacağı butonları (en fazla 3 adet) oluşturup aksiyonlarını atayın.
4. Yerleşim ve Koşulları Belirleyin:
   • 4.a- Sağdaki Yerleşim bölümünden Masaüstü, Tablet ve Mobil için konum ızgarası ve boyut ayarlarını yapıp önizleyin.
   • 4.b- Koşullar sekmesinden hedef kitle kriterlerinizi ekleyin (en fazla 8 adet).
   • 4.c- Kaydet butonuna basarak tetikleyiciyi yayınlayın ve listedeki öncelik sırasını ayarlayın.

10- Kullanım Senaryoları ve Müşteri Faydaları

11- Önemli Kontrol ve Yapılandırma Notları