Kod Yazmadan Site İçi Açılır Pencereler

Bir pazarlama ekibine kendi sitelerinde ne görmek istediklerini sorun; liste hep birbirine benzer: indirim sunan bir karşılama açılır penceresi, ücretsiz kargoyu duyuran bir çubuk, kampanya bitmeden önce bir geri sayım, duvar gibi hissettirmeyen bir kayıt formu, bir kategori sayfasının içinde bir banner. Bunların hiçbiri sıra dışı değil. Yine de çoğu sitede bu kreatiflerin her biri küçük bir yazılım projesidir: biri işaretlemeyi yazar, temaya göre stillendirir, ne zaman açılacağına karar verir, ölçümünü bağlar ve mobilde düzeltir.

Bu, SegmentHub için de geçerliydi. Kampanyalar uzun zamandır panelde gerçek zamanlı segmentlerle hedefleniyor, zamanlanıyor, önceliklendiriliyor ve gösterim sıklığı sınırına bağlanıyordu; ama kreatifi sayfaya çizen kısım her müşterinin sitesi için yazılmış JavaScript'ti. Yeni bir yerleşim ya da yeni bir müşteri, yeni kod demekti. Galeri bu adımı ortadan kaldırıyor.

Bir şablon seçin, uyarlayın, bağlayın

Galeri, beş türde 26 hazır şablon içeren bir katalogdur:

Açılır pencereler — karartılmış sayfanın üzerinde ortalanmış bir pencere;
Tam ekran — tüm görüntü alanını kaplayan bir tasarım;
Kayan pencereler — bir köşeden gelen bir kart ya da sayfanın kenarından açılan bir çekmece; sayfa kullanılabilir kalır;
Duyuru çubukları — pencerenin üstünde veya altında, sayfanın üzerinde ya da sayfayı aşağı iterek, veya sitenizin başlığının içinde;
Sayfa içi banner'lar — sayfanın içinde, bir CSS seçiciyle tanımladığınız bir yerleşimde.

Bir şablonu açtığınızda canlı önizlemeli bir düzenleyici sizi karşılar: metinler, medya kütüphanenizden görseller, renkler, boyutlar, konum, animasyon, düğmeler ve ne yaptıkları, tasarımın nasıl kapatılabileceği. Marka kiti, bir şablon açıldığı anda renklerinizi, köşe yuvarlaklığınızı ve yazı tipi tercihinizi uygular; böylece yeni bir tasarım şablonun varsayılanlarıyla değil, markanıza uygun başlar. Yeniden kullanmak istediğiniz bir tasarımı hesabınıza ait bir şablon olarak kaydedebilirsiniz.

Açılır pencereler ve kayan pencereler bir tanıtım sekmesi taşıyabilir: ziyaretçi açana kadar tasarımın yerini tutan, sayfanın kenarında küçük bir sekme; tasarım kapatıldıktan sonra yeniden görünebilir.

Hazır tasarım, daha önce görsel ve HTML varyasyonlarının seçildiği yerde, bir kampanyada seçilir. Bir kampanyanın zaten sahip olduğu her şey geçerliliğini korur: platformlar, yanıt verdiği olaylar, öznitelik ve segment kuralları, başlangıç ve bitiş tarihleri, öncelik, gösterim sıklığı sınırı ve varyasyonlar.

Tek tasarım, üç ekran boyutu

Bir tasarımın temel bir yerleşimi ve tablet ile mobil için kendi ayarları vardır: daha dar bir genişlik, telefon ekranında alttan açılan bir panele dönüşen bir açılır pencere, küçük ekranlarda gizlenen bir görsel. Bir tasarım bir cihaz sınıfında tamamen kapatılabilir de; o zaman yerini kampanyanın eşleşen bir sonraki varyasyonu alır. Önizleme üçü arasında geçiş yapar; böylece onayladığınız şey, her ziyaretçinin göreceği şeydir.

İşe yarayacağı anda gösterilir

Açılır pencereler, kayan pencereler ve çubuklar, kampanyada seçilen bir gösterim tetikleyicisiyle açılır:

hemen, ya da yalnızca sekme görünürken sayılan bir gecikmeden sonra;
belirli bir kaydırma derinliğinde;
çıkış niyetinde — işaretçi pencerenin üst kenarından çıktığında; dokunmatik ekranlarda işaretçi olmadığı için orada hızlı bir yukarı kaydırma ya da yedek bir bekleme süresi devreye girer;
belirli bir süre hareketsizlikten sonra.

İki ayrıntı göründüğünden daha önemlidir. Gösterim sıklığı sınırı artık kampanya sayfa için seçildiğinde değil, tasarım gerçekten görüldüğünde sayılır; çıkış niyetini bekleyen ve hiç görünmeyen bir açılır pencere artık sınırını boşa harcamaz. Ayrıca bir kampanya, ziyaretçi onu kapattıktan, tıkladıktan ya da formunu gönderdikten sonra belirli bir gün sayısı boyunca sessiz kalabilir; böylece kimseye az önce verdiği adres ikinci kez sorulmaz.

Her yerleşim, önceliğe göre aynı anda tek bir kampanya gösterir; iki açılır pencere hiçbir zaman birlikte açılmaz, ama farklı yerleşimlerdeki bir çubuk ile bir açılır pencere birlikte görünebilir.

Formlar, kuponlar ve geri sayımlar

Bir tasarım bloklardan oluşur ve bu blokların bazıları gerçek bir iş görür:

Geri sayımlar: sabit bir ana, kampanyanın bitiş tarihine ya da bu ziyaretçinin ilk görüntülemesinden itibaren belirli bir dakikaya. Süre dolduğunda kendini gizleyebilir, tasarımı gizleyebilir ya da bir mesaj gösterebilir.
Kuponlar, kopyalama düğmesiyle. Kod tasarıma yazılabilir ya da her ziyaretçi, yüklediğiniz bir havuzdan kendine ait bir kod alabilir.
E-posta, telefon ve ad için kayıt formları. Her alan ziyaretçinin kendi profiline yazılır; işaretlenen izin kutusu ise ziyaretçinin onayladığı metinle birlikte kaydedilir. Bir adres tek başına gönderim izni değildir ve daha önce izni geri almış biri izinsiz kalmaya devam eder. Form alanları hiçbir zaman olaylara ya da analitiğe kopyalanmaz.
Ziyaretçinin profilinden kişisel selamlamalar; henüz tanımadığınız kişiler için bir yedek değerle — "Tekrar hoş geldiniz, Ayşe" ya da yalnızca "Tekrar hoş geldiniz".
Öneri motorunun ziyaretçi için seçtiği ürün önerileri; açılır pencerenin, kayan pencerenin ya da banner'ın içinde.

Çark ve kazı kazan

Açılır pencereler, tam ekran tasarımlar ve kayan pencereler bir oyun da barındırabilir: çoğunlukla bir e-posta alanının arkasında duran bir çark ya da bir kazı kazan kartı. Bir oyunun adil olması için sonuca tarayıcı karar vermemelidir. Ziyaretçinin tarayıcısına yalnızca çizmesi gereken şey gönderilir — çarktaki adlar ve renkler; olasılıklar ya da kodlar asla. Ödül, SegmentHub tarafında ve her ziyaretçi için bir kez çekilir; yeniden denemek aynı sonucu döndürür. Bir ödül, bir kupon havuzundan benzersiz bir kod verebilir; havuzun günlük sınırı da tek bir günde dağıtılabilecek miktarı sınırlar.

Zaten baktığınız yerde ölçülür

Her tasarım, nerede çalışırsa çalışsın sonuçlarını aynı şekilde raporlar: görüntülenmeler (en az yarısı bir saniye boyunca görünür olduğunda), tanıtım sekmesinden açılmalar, tıklamalar (hangi düğmeye tıklandığıyla), kapatmalar (nasıl kapatıldığıyla), form gönderimleri ve oyunlar. Bunlar kampanya raporunda sayılır; ayrıca her tasarımın güne, cihaz sınıfına ve onu kullanan kampanyalara göre kendi raporu vardır.

Aynı sonuçlar SegmentHub olaylarına dönüşür; böylece diğer tüm davranışlar gibi çalışırlar: "sonbahar açılır penceresini kapatan herkes" bir segment olabilir, bir olay aksiyonu da tıklayanları etiketleyebilir. Saklanmasını istemediğiniz her sonucu kapatabilirsiniz.

Sonuçlar ayrıca sitede zaten ne varsa onun üzerinden — gtag() ya da GTM dataLayer — GA4'ün kendi promosyon terimleriyle Google Analytics 4'e gider: view_promotion, select_promotion, close_promotion ve generate_lead. Adlar hesap bazında değiştirilebilir, GA4 kapatılabilir ve ziyaretçinin profil kimliği hiçbir zaman gönderilmez.

Kurulacak yeni bir şey yok

Yeni bir kod parçacığı yok. Sitenizde zaten bulunan SegmentHub etiketi bir Galeri kampanyasını tanır ve site içi kodu yalnızca böyle bir kampanyanın olduğu sayfalarda yükler; tasarım olmayan sayfalar ek bir yük taşımaz. Bir kampanya yayına girmeden önce bir önizleme bağlantısı, tasarımı gerçek sitenizde gösterir.

Tasarımlar kendilerine ait yalıtılmış bir katmanda (Shadow DOM) çizilir; temanızın CSS'i onları bozamaz, onların CSS'i de sayfanıza sızamaz. Metinler kod olarak değil, metin olarak eklenir; görseller kendi medya kütüphanenizden gelir. Pencereler klavye odağını içeride tutar ve kapanınca geri verir, tasarım izin veriyorsa Escape ile kapanır; cihazından hareketin azaltılmasını isteyen ziyaretçiler için animasyonlar durur. Ziyaretçinin verisine göre değerlendirilen kampanyalar da ziyaretçinin verdiği kişiselleştirme iznine uyar — ayrıntılar İzin & Gizlilik sayfasında.

SegmentHub'daki yeri

Galeri, katman olarak açılanlar kadar sayfa içi yerleşimleri de kapsayan her site içi kampanyayı, SegmentHub'ın gerçek zamanlı güncel tuttuğu segmentlere ulaştıran Media Server'ın bir parçasıdır. Türlerin, tetikleyicilerin ve blokların tam listesi Site İçi Pazarlama sayfasında.