Ana içeriğe geç

Chrome tarayıcı uzantısı

Son güncelleme: 24 Mar 20263 dk okuma süresi

Kısaca​

Varify Chrome uzantısı ile kod snippet'i sayfaya henüz entegre edilmemiş olsa bile Varify'ı tarayıcında yerel olarak test edebilirsin. Ayrıca script'inin doğru şekilde uygulanıp uygulanmadığını kontrol etmene de olanak tanır. Web sitende varsayılan olarak engellenmiş olsa bile Responsive Device Switcher da senin için kullanılabilir. Buna ek olarak, uzantı tüm aktif deneyleri gösterir ve bir deneyin Varyantları arasında zahmetsizce geçiş yapma imkanı sunar.

Chrome uzantısını yükleme​

  1. Uzantıyı indirin:
  1. Chrome'da kurulum ve etkinleştirme:
  • Uzantıyı kurmak için "Add" üzerine tıklayın.
  • Kurulumdan sonra uzantıyı etkinleştirin.
  • Uzantıyı Chrome'daki uzantı çubuğunuza ekleyin
Varify önizleme eklentisi "Snippet found" bildirimini gösteriyor ve atanan varyasyonlarıyla birlikte dört aktif deneyi listeliyor

Varify.io Chrome uzantısının işlevleri​

Varify snippet'inin yerel entegrasyonu​

Varify Chrome uzantısı ile, editörü ve Varify'ın işlevlerini test etmek için Varify kod snippet'ini yalnızca tarayıcınızda yerel olarak çalıştırabilirsiniz.

İşte bu şu şekilde çalışır:

  1. Varify panelini açın ve "Get Snippet Here" ifadesini arayın.
  2. Orada görüntülenen Varify snippet'ini kopyalayın.
  3. Varify.io Chrome uzantısını açın.
  4. Kopyaladığınız snippet'i uzantı içindeki "Your Snippet Code" alanına yapıştırın.
  5. Test etmek istediğiniz web sitesinin alan adını „Domain“ alanına girin (örnek: test.com veya varify.io)
  6. „Save Snippet“ butonuna tıklayarak snippet'i ve alan adını kaydedin
  7. Snippet'i yalnızca kendi tarayıcınızda çalıştırmak için "Integrate Snippet" anahtarını etkinleştirin.
important

ÖnemliBu sürüm yalnızca sizin tarayıcınız için geçerlidir ve diğer kullanıcılar tarafından görülemez. Varify snippet'i doğrudan web sitesine entegre edilir edilmez, çift uygulamaları önlemek için bu anahtarı tekrar devre dışı bırakmalısınız.

Öncesi ve sonrası: „Integrate Snippet“ açıkken, hesap snippet'i ve alan adı girilir ve „Save Snippet“ ile kaydedilir

Örnek 1: Varify Editor'ü Test Etme​

Kod parçacığını doğrudan web sitenize entegre etmeden Varify Editor'ü deneyebilirsiniz. Bu, işlevlere aşina olmanızı ve ilk değişiklikleri test etmenizi sağlar.

Örnek 2: İlk test deneylerini oluşturma​

İlk deneyleri kurun ve bunları yalnızca kendi tarayıcınızda görüntüleyin. Bu şekilde, kod parçacığını web sitesine kalıcı olarak entegre etmeden önce değişikliklerin nasıl göründüğünü kontrol edebilirsiniz.

Kod parçacığı entegrasyonunu kontrol edin​

Varify Chrome uzantısının sağ üst bölümünde, Varify kod parçacığının web sitesi koduna zaten entegre edilip edilmediğini bir bakışta görebilirsin.

❗️Önemli: Bu, Chrome uzantısı üzerinden eklediğin parçacık değil, doğrudan web sitesi kodundaki entegrasyonla ilgilidir.

🟢 Yeşil nokta & "Snippet found" → Parçacık web sitesine başarıyla entegre edilmiştir.

🟠 Turuncu nokta & "Snippet not found" → Parçacık bulunamadı ve hâlâ entegre edilmesi gerekiyor.

Her iki durumda da eklenti başlığı: yeşil noktalı „Snippet found“ ve turuncu noktalı „Snippet not found“

Responsive Device Switcher ile Sorunları Aşma​

Görsel editördeki "Responsive Device Switcher", bir web sitesini farklı ekran genişliklerinde görüntülemeni sağlar.

Bazı durumlarda, framing kısıtlamaları device switcher'ın web sitesini yüklemesini engelleyebilir. Bu durumda, Varify Chrome eklentisi basit bir çözüm sunar:

  1. Chrome eklentisinde "Allow Responsive Device Switcher" anahtarını etkinleştir.
  2. Sayfayı yeniden yükle.
Device switcher kapalıyken boş bir sayfa gösteren, açıkken ise sayfayı render edilmiş şekilde gösteren Varify editörü

Aktif deneyler​

"Active Experiments" altında, şu anda görüntülemekte olduğunuz sayfadaki tüm aktif deneyleri görebilirsiniz. Aynı zamanda şu anda hangi varyanta atanmış olduğunuzu da görebilirsiniz

Bu, "Page Targeting" ve "Audience Targeting" ayarlarının doğru olup olmadığını ve deneyin sizin için amaçlandığı şekilde gösterilip gösterilmediğini hızlıca kontrol etmenizi sağlar.

Vurgulanmış "Active Experiments" listesine sahip eklenti, çalışan her deneyi ID'si ve ziyaretçinin gördüğü varyasyonla birlikte adlandırıyor

Deney Varyasyon Değiştirici​

Varify Chrome uzantısındaki Experiment Variation Switcher, sayfada gösterilen deneyler için atanmış varyasyonunu değiştirmene olanak tanır.

İşleyişi şu şekildedir:

  1. "Experiment Variation Switcher" altındaki açılır menü, sayfadaki tüm aktif deneyleri listeler. Varyasyonunu değiştirmek istediğin deneyi seç.
  2. Şu anda aktif olan varyasyon, "Active Variation" altındaki açılır menüde gösterilir. Burada geçmek istediğin varyasyonu seç.
  3. Değiştirmek için "Switch Variation" üzerine tıkla.
important

İPUCU: Bu işlev, varyantlar arasında geçiş yapıp görünümlerini kontrol edebildiğin için özellikle kalite güvencesi açısından faydalıdır.
Daha fazla bilgiyi burada bulabilirsin: A/B testi - kalite güvencesi

„optimization (16848)“ deneyi seçilmiş ve „Switch Variation“ öncesinde aktif varyasyon olarak „variation-1 (23740)“ ayarlanmış Plugin