- Geçiş bir taşıma değil, yeniden kurulumdur: varyasyon kodun, hedefleme kuralların ve eski raporların dışında eski araçtan hiçbir şeyi dışa aktarmana gerek yok.
- Sade JavaScript ve CSS varyasyonları doğrudan Varify'ın kod alanlarına yapıştırılabilir. Eski aracın yardımcı fonksiyonlarını kullanan kod için küçük bir uyarlama gerekir.
- Rakamların analitiğini takip eder: GA4, BigQuery, PostHog, Matomo veya Piwik Pro'yu bağla, ya da Varify Realtime Tracking'i kullan.
- Önce bir A/A testiyle doğrula, eski araçta çalışan deneyleri tamamla, ardından onun snippet'ini devre dışı bırak.
VWO ve AB Tasty artık tek bir marka altında faaliyet gösteriyor: Wingify. Test aracını yeniden değerlendiriyorsan, ilk soru genellikle fiyat veya özellikler değildir. Soru şudur: geçiş ne kadar zahmetli olacak ve oluşturduğumuz testlere ne olacak?
Bu rehber bu soruyu hem VWO, AB Tasty hem de Wingify için yanıtlıyor. Adımlar aynı, çünkü taşıdığın iş aynı: varyasyon kodun, hedeflemen ve hedeflerin. Yeniden markalaşmanın arka planı için birleşme hakkındaki yazımızı oku. Özellik karşılaştırması için Varify.io vs. Wingify sayfasına bak.
VWO veya Wingify'dan Varify'a geçmek ne kadar zor?
Beş adımdır ve hiçbiri veriyi Varify'a aktarmaz. Tek bir snippet kurar, zaten kullandığın analitik aracı bağlar, deneylerini yeniden oluşturur, hedeflemeyi yeniden oluşturur ve doğrularsın. Çabanın çoğu 3. adımdadır ve bu adım kod kopyalayıp kontrol etmektir, yeni bir şey tasarlamak değil.
Beş adımın detayları aşağıdadır. Önce tabloya göz at.
| Adım | Ne yaparsın | Neyi taşırsın |
|---|---|---|
| 1. Snippet | Varify snippet'ini <head>'e veya etiket yöneticin üzerinden ekle | Hiçbir şey |
| 2. Tracking | Tracking Setup Wizard'ı çalıştır ve analitik aracını bağla | Hedeflerin, analitiğinde event olarak |
| 3. Deneyler | Her testi AI ile, görsel editörde veya kodla yeniden oluştur | Varyasyonlarından JavaScript ve CSS |
| 4. Hedefleme | Sayfa ve kitle kurallarını yeniden oluştur | URL kalıpları, seçiciler, koşullar |
| 5. Doğrulama | Bir A/A testi çalıştır, event'i kontrol et, geçiş yap | Hiçbir şey |
Beş adım tek tek nedir?
1. Varify snippet'ini kur
Snippet'i, sayfa titremesin diye <head> içinde mümkün olduğunca yukarı yerleştir. Bir etiket yöneticisi de işe yarar, ancak varyasyon yüklenirken görünür bir titreme riski taşır. Sayfayı henüz değiştiremiyorsan, Varify Chrome uzantısı snippet'i tarayıcında yerel olarak çalıştırır, böylece herhangi bir şey canlıya çıkmadan önce oluşturup önizleyebilirsin.
2. Analitiğini bağla
Varify, varyasyonu teslim etmeyi sonucu ölçmekten ayırır. Tracking Setup Wizard, zaten çalıştırdığın analitik aracı bağlar: Google Analytics 4, BigQuery, PostHog, Matomo veya Piwik Pro. Bu araçların event'leri ardından seçilebilir hedefler olarak görünür. Özel bir Varify izleme hizmeti tercih edersen, Varify Realtime Tracking alternatiftir.
3. Deneylerini yeniden oluştur
Üç yolun var ve her test için bunları karıştırabilirsin:
- AI'ya anlat. Prompt-Based Experimentation ile değişikliği tanımlarsın ve AI varyasyonu oluşturur. Planının neleri kapsadığı plans sayfasındadır.
- Görsel editörü kullan. Metin, görsel ve düzen gibi basit değişiklikler orada hızlıca yeniden oluşturulur.
- Kodu yapıştır. Mevcut aracındaki varyasyondan JavaScript ve CSS'yi kopyalayıp Varify'ın JavaScript ve CSS alanlarına yapıştır.
4. Hedeflemeyi yeniden oluştur
Sayfa hedefleme; URL kuralları, düzenli ifadeler, CSS seçicileri veya JavaScript koşullarıyla çalışır. Kitle hedefleme, karmaşık koşullar için JavaScript ile birlikte Segment Builder'ı kullanır.
5. Doğrula, sonra geçiş yap
Bir A/A testi başlat: görünür bir değişiklik olmadan iki varyasyon atar. Analitiğinde event'in parametreleriyle birlikte geldiğini kontrol et. Ardından eski araçtaki çalışan deneylerin bitmesine izin ver, yeniden oluşturulanları Varify'da başlat ve eski snippet'i kaldır.
JavaScript ve CSS varyasyon kodumu yeniden kullanabilir miyim?
Çoğu durumda evet. Varify'ın kod alanları düz JavaScript ve CSS kabul eder, bu yüzden bir öğeyi seçip değiştiren kod olduğu gibi taşınır. Yapıştırmadan önce kontrol edilecek üç şey:
- Eski aracın yardımcıları. Eski platformun enjekte ettiği fonksiyonları çağıran kodun düz JavaScript'e veya Varify'ın yardımcılarına yeniden yazılması gerekir.
- Geç yüklenen öğeler.
window.varify.helpers.waitFor, bir mutation observer ile bir öğeyi bekler ve göründüğünde callback'ini çalıştırır. Bu, AJAX içeriği ve tek sayfalık uygulamalar için olağan çözümdür. - Tek sayfalık uygulamalar. Bir değişikliğin yeniden yükleme olmadan sayfa değişiminden sonra görünür kalmaması için JavaScript Reset'i kullan.
Çalışan deneylere ve eski raporlara ne olur?
Çalışan bir deney araçlar arasında taşınmaz. Eski araçta bitmesine izin ver veya mantıklıysa Varify'da yeniden başlat. Raporlar ve öğrenimler oluşturuldukları yerde kalır, bu yüzden sözleşmen bitmeden önce onları dışa aktar. Bildirim süresini kontrol et ve son testin tamamlanmadan iptal etme.
Geçişten sonra sayılarım tutacak mı?
Sonuçlarının eski aracının sayımlarını değil, analitiğini takip etmesini bekle. Varify varyasyonu teslim eder, analitik aracın -veya tercih edersen Varify Realtime Tracking- sonucu ölçer. İki farklı ölçüm sistemi nadiren son ziyaretçiye kadar aynı fikirde olur.
Bir sonucu değerlendirmeden önce ikisini de aynı ortak dönemde karşılaştır. 5. adımdaki A/A testi, kurulumunun saymayı düşündüğün şeyi gerçekten sayıp saymadığını gösterir. BigQuery ile ham veriyi kendin inceleyebilirsin.
Peki ya sunucu taraflı testler, heatmap'ler ve mağaza sistemleri?
- Sunucu taraflı. Varify, istemci taraflı ve sunucu taraflı testleri kapsar. Sunucu taraflı, sunucu kodundan atama API'sini çağırmak ve varyasyonu ilk HTML'ye render etmek anlamına gelir.
- Heatmap'ler ve kayıtlar. Varify deneye odaklanır. Niteliksel veri için Mouseflow, Microsoft Clarity, Hotjar veya Contentsquare'i bağla.
- Mağaza sistemleri. Shopify desteklenir, gelir, satın alma ve ortalama sipariş değeri için hedef içe aktarma dahil. Shopware, Magento, Commercetools, WordPress ve tek sayfalık uygulamalar snippet ile çalışır.
Mevcut kurulumun, Varify'ın içermediği paket özelliklerine bağımlıysa, iptal etmeden önce bunları özel araçlarla değiştirmeyi planla.
Kendi testinin Varify'da çalıştığını gör.
Bugün çalıştırdığın bir deneyi al ve 15 günlük denemede yeniden oluştur. Tam özellik erişimi, kredi kartı yok.
