Sayfa Deneyi
Kendi sayfanızı kodsuz test etme
Sayfa deneyi, kendi mağazanızın sayfasındaki bir değişikliği test eder: bir buton metni, bir görsel, bir bölümün yeri. Kod yayınlamanız gerekmez.
Varlık deneyinden farkı
| Varlık deneyi | Sayfa deneyi | |
|---|---|---|
| Ne test eder | Selwise'in gösterdiği bir kampanya, widget veya öneri şeridi | Mağazanızın kendi HTML'i |
| Nasıl hedefler | Modülü seçersiniz | Ögeyi CSS seçiciyle gösterirsiniz |
| Hangi kanalda | Web ve uygulama | Yalnızca web |
Uygulama kanalında sayfa deneyi yoktur: bir uygulamanın seçici ile içine girilecek bir belgesi yoktur. Varlık deneyleri her iki kanalda da çalışmaya devam eder.
Değişiklik türleri
| Tür | Ne yapar |
|---|---|
| Metni düzenle | Bir ögenin metnini değiştirir |
| HTML'i düzenle | Ögenin içindeki her şeyi değiştirir |
| HTML ekle | Ögenin öncesine, sonrasına veya içine işaretleme ekler |
| Özniteliği düzenle | href, src gibi bir özniteliği değiştirir veya kaldırır |
| Stil | Ögeye CSS yazar |
| Sınıflar | Sınıf adı ekler veya kaldırır |
| Gizle / Kaldır | Ögeyi gizler veya sayfadan çıkarır |
| Taşı / Çoğalt | Ögeyi başka bir yere taşır veya kopyalar |
| Yönlendir | Bu koldaki ziyaretçileri başka bir adrese gönderir |
| Özel CSS / JavaScript | Sayfanın tamamı için stil veya betik |
"Görsel ekle" ve "Rozet ekle" düğmeleri ayrı bir tür değildir — hazır doldurulmuş birer HTML ekle değişikliğidir.
Görsel editör
Sitemde seç düğmesi mağazanızı yeni bir sekmede açar. Değişikliği orada, kendi sayfanızın üzerinde yaparsınız: bir ögeye tıklarsınız, açılan araç çubuğundan ne yapmak istediğinizi seçersiniz, ve sonucu anında sayfanın kendisinde görürsünüz. Önizleme, ziyaretçinin tarayıcısında çalışacak olan motorun aynısıdır — yani gördüğünüz şey yayına alındığında da aynı şekilde çizilir.
Editörün iki modu vardır ve alttaki çubuk hangisinin açık olduğunu yazar:
- Seç — tıkladığınız öge seçilir, bağlantılar açılmaz. Değişiklik yaparken bu moddasınızdır.
- Gez — tıklamalar normal çalışır, yani ürün sayfasına, sepete ya da filtrelenmiş bir listeye gidebilirsiniz. Düzenlemek istediğiniz öge ana sayfada değilse bu modla oraya gidin, sonra Seç'e dönün. Taslağınız sayfalar arasında korunur ve yeni sayfada da çizilir.
Bir ögeye tıkladığınızda çubuğun üstünde üst ögelerin zinciri görünür
(section.hero › h1.headline). Aradığınız şey çoğu zaman tıkladığınızın üst
ögesidir — kartın içindeki başlığın içindeki yazı değil, kartın kendisi; zincire
tıklayarak ya da yukarı/aşağı ok tuşlarıyla doğru ögeye çıkabilirsiniz.
Değişiklikler listesi yaptığınız her şeyi sırasıyla gösterir. Bir değişikliği devre dışı bırakmak onu silmeden sayfadan kaldırır — sayfanın görünümünü hangi değişikliğin bozduğunu bulmanın en hızlı yolu budur. Geri al ve Yinele son adımlarınızı gezer. Liste, her değişikliğin bu sayfada kaç öge bulduğunu da yazar: hiçbir şey bulamayan bir seçiciyi, deney yayına girmeden önce burada görürsünüz.
Stil paneli dört başlıkta toplanır — arka plan, yazı, kenarlık, yerleşim — ve her alanın altında ögenin şu anki değeri yazar, böylece neyi neyle değiştirdiğinizi görürsünüz. Dokunmadığınız alan yazılmaz.
Seçici alanı, bir değişikliğin hangi ögelere uygulanacağını doğrudan
yazmanızı sağlar. Tarayıcının incele panelinden kopyaladığınız bir CSS
seçiciyi yapıştırabilir ya da altındaki hazır önerilerden birini seçebilirsiniz;
her önerinin yanında kaç ögeyle eşleştiği yazar. Tek bir ürün kartına
tıkladığınızda seçici o kartı bulur — ama çoğu zaman istediğiniz "tüm ürün
kartları"dır, ve .product-card · 4 gibi bir öneri tam olarak onu verir.
Görsel ekle ve Rozet ekle, sayfada olmayan bir görseli veya rozeti eklemenin HTML yazmadan yoludur; ikisi de bir HTML ekle değişikliği olarak saklanır. Görsel adresini elle yazmak yerine Kitaplıktan seç diyebilirsiniz: bu, panel sekmesinde kanalın görsel kitaplığını açar ve seçtiğiniz görselin adresini editöre geri getirir. Editör kendi başına yükleme yapamaz — mağazanızın oturumuyla çalışır, panelin oturumuyla değil — bu yüzden seçimi panel yapar.
Bir ögeyi seçtiğinizde sol üstünde yuvarlak bir tutamaç, sağ altında kare bir tutamaç belirir. Yuvarlak olanı sürükleyerek ögeyi taşıyabilir, kare olanı sürükleyerek boyutunu değiştirebilirsiniz. Taşırken mavi bir çizgi, bırakınca ögenin nereye gideceğini gösterir. İkisi de sıradan bir değişiklik olarak kaydedilir: taşıma bir Taşı, boyutlandırma bir Stil değişikliğidir, ve ikisi de Geri al ile geri alınır.
Gelişmiş altından sayfanın tamamına CSS veya JavaScript ekleyebilir, yönlendirme tanımlayabilirsiniz. Yönlendirme editörde çalıştırılmaz — çalışsaydı sizi düzenlediğiniz sayfadan atardı; yalnızca ziyaretçide devreye girer.
Editör mağazanızın kendi oturumunda çalışır, yani giriş gerektiren sayfalarda da kullanılabilir. Panele yalnızca seçiciler ve sizin yazdığınız değişiklikler gönderilir; sayfanın içeriği bize gitmez.
Bağlantı beş dakika geçerlidir ve bir kez kullanılır. Süre dolarsa düğmeye yeniden basın. Editörü kapattığınızda sayfanız eski haline döner — taslak bir öneridir, sitenizde yapılmış bir değişiklik değil.
Seçici kırılırsa ne olur
Mağazanız yeni sürüm yayınladığında bir sınıf adı değişebilir ve seçici hiçbir şey bulamaz hale gelir. Bu sessiz bir arızadır: iki kol da orijinal sayfayı gösterir, oranlar birbirine yaklaşır ve sonuç berabere görünür — ki bu bir sonuçtur ve yanlıştır.
İki koruma vardır:
- Yedek seçiciler. Her değişiklik, ana seçici tutmazsa denenecek alternatifler taşır. Görsel editör bunları otomatik üretir.
- Eşleşme oranı. Sonuç sayfası her değişikliğin sayfa görüntülemelerinin yüzde kaçında ögeyi bulduğunu gösterir. Bir değişiklik uzun süre hiçbir şey bulamazsa deney otomatik olarak durdurulur ve durdurma nedeni denetim günlüğüne yazılır. Sağlıksız bir kol ayrıca kazanan ilan edilemez: seçicisi tutmayan bir değişiklik, kimsenin görmediği bir farkı ölçer.
Durdurulduğunda size e-posta veya bildirim gönderilmez; bunu sonuç sayfasında ve denetim günlüğünde görürsünüz.
İçerik sıçraması
Sayfa deneyi, ziyaretçinin okumaya başladığı içeriği değiştirir. İçerik sıçramasını önle ayarı, yalnızca deneyin değiştirdiği bölümleri değiştirene kadar gizler ve sonra gösterir. Sayfanın tamamını asla gizlemez — bu, açılış hızınızı ölçen skorları bozardı.
Bu ayar iki hedefleme türüyle birlikte kullanılamaz:
- Segment hedeflemesi — ziyaretçinin segmentte olup olmadığını öğrenmek bir istek gerektirir.
- Sayfa tipi hedeflemesi — ziyaretçinin hangi tür sayfada olduğu, sayfa çizildikten sonra belirlenir.
Her ikisi de sayfa boyandıktan sonra cevaplanır, ayarın amacı ise boyanmadan önce karar vermektir. Panel bu durumu ayarın yanında söyler.
Çakışan deneyler
Aynı sayfada iki sayfa deneyi eşleşirse yalnızca önceliği yüksek olan çalışır. İkisi birden çalışsaydı aynı ögeyi değiştirip birbirlerini ölçerlerdi ve hiçbir sonuç anlamlı olmazdı. Çalışmayan deneyin paydasına o ziyaretçi eklenmez.
Boyut sınırı
Sayfa değişiklikleri, mağazanızın her sayfasının yüklediği betikle taşınır — ikinci bir istek içerik sıçramasına yol açardı. Bu yüzden deney başına 16 KB, kanal başına 64 KB sınırı vardır ve panel doldururken bir ölçek gösterir.
Özel JavaScript
JavaScript değişikliği açıktır ve ayrı bir izin gerektirmez: panele erişebilen biri Scripts modülüyle zaten mağazasında betik çalıştırabilir. Bunun yerine dört koruma vardır:
- Her kayıt denetim günlüğüne yazılır.
- Kod, sayfanın kendi hata yakalayıcısına düşmez; hataları bize raporlanır.
- Sayfa görüntülemelerinin %5'inden fazlasında hata veren bir değişiklik deneyi otomatik durdurur.
- JavaScript, tek sayfa uygulamasında gezinme sırasında geri alınamayan tek değişikliktir; panel bunu giriş anında söyler.
Sırada ne var
Split URL deneyi
İki ayrı sayfa tasarımını karşılaştırmak için Split URL deneyini seçin.
Kaynak sayfayı URL deseniyle belirleyin; örneğin /landing. Kontrol kolu bu
sayfada kalır. Diğer kollara aynı sitenizdeki /landing-b gibi farklı bir
hedef yol girin. Hedef sayfaları önceden hazırlamanız gerekir.
Hedefte özellikle değiştirmediğiniz sorgu parametreleri korunur; böylece UTM ve kampanya parametreleri yönlendirmede kaybolmaz. Kaynak ve hedef yollarını ayrı tutun. Bu deney türü web kanallarında ve aynı site içinde kullanılabilir.
Son güncelleme: 18 Eylül 2026