WordPress Yönlendirme ve Bölünmüş URL Testi
İçindekiler tablosu
Kısa ve tatlı
Yeni bloğu CMS'de oluşturun (örneğin Elementor ile), ona benzersiz bir kimlik verin ve örneğin CMS'nin kendi ayarları veya bir CSS alanı aracılığıyla doğrudan orada gizleyin. Ardından Varify A/B test aracında bir deneme oluşturun ve CSS kullanarak bloğu test varyantında tekrar gösterin. Bu, bloğun kullanıcı davranışını nasıl etkilediğini test etmenizi sağlar.
WordPress sayfasına yeni öğe ekleme
İstediğiniz widget'ı (örn. metin, resim, düğme) sayfanızın istediğiniz alanına sürükleyip bırakmanız yeterlidir. Yerleştirilir yerleştirilmez, içeriği ve tasarımı istediğiniz gibi özelleştirebilirsiniz.
Bu örnekte, sorun giderme alanı için bir karo üst kısma yerleştirilmiştir
Yeni bir öğeye CSS kimliği atama
Daha sonra Varify kullanarak göstermek istediğiniz öğeyi seçin - bu yeni bir blok, bir sütun veya sadece tek bir öğe olabilir. Üzerine tıklayın ve Elementor menüsündeki "Gelişmiş" sekmesine gidin. Orada "CSS ID" alanını bulacaksınız. Buraya benzersiz bir kimlik girin, örneğin "new-element".
Öğeyi gizle
"Gelişmiş" sekmesindeki "Duyarlı" bölümüne geçin. Öğeyi masaüstü, tablet ve akıllı telefonda gizlemek için buradaki üç anahtarı etkinleştirin. Bu, kullanıcılar öğeyi görmeden özelleştirmelerinizi yayınlamanıza olanak tanır.
Deney aracılığıyla öğeyi göster
- Varify'da yeni bir deney oluşturun.
- Ardından CSS alanına erişmek için sağ üst köşedeki kod sembolüne tıklayın.
- Bu kodu buraya girebilirsiniz (farklı bir ad atadıysanız kimliği ayarlayın):
#new-element{
display: block !important;
} - "new-element" ifadesini Elementor'da atadığınız ID ile değiştirin.
- Varyantı kaydedin.
- Her şeyin istediğiniz gibi çalışıp çalışmadığını görmek için deneyi test edin.
- Deneyi başlatın
İsteğe bağlı: Diğer öğeyi gizle
Mevcut bir öğenin bir varyasyonunu test ediyorsanız, yeni öğe görüntülenir görüntülenmez orijinal öğeyi gizlemelisiniz.
Prosedür:
-
- CMS'deki orijinal öğeye benzersiz bir kimlik atayın.
- Örneğin, Varify varyantının CSS'sine uygun kodu ekleyin:
#original-element{
display: none !important;
}
Bu, test varyantında yalnızca yeni öğenin görünür olmasını sağlar.