• Sayfa hedefleme

    İçindekiler tablosu

    Kısa ve tatlı

    Sayfa hedefleme yardımıyla, bir deneyin web sitenizin hangi sayfalarında görüntüleneceğini belirleyebilirsiniz. Deneme ayarlarında, gösterimi kurallara göre kontrol etmek için „Sayfa hedefleme“ altında çeşitli seçenekler bulacaksınız. Sayfa hedeflemenin doğru şekilde yapılandırılması da bir deney başlatmak için ön koşuldur.

    Sayfa hedefleme seçenekleri

    Sayfa Hedefleme'deki kurallar yardımıyla, ziyaretçilerin hangi sayfalarda veya sayfa türlerinde deney katılımcısı olacağını belirlersiniz. Sayfaları benzersiz bir şekilde tanımlamak için çeşitli yöntemler kullanabilirsiniz. Bir deney yalnızca tanımlanan koşullar karşılandığında gerçekleştirilir.

    Birkaç kuralı birbirine bağlamak ve VE ve VEYA koşullarını kullanmak da mümkündür.

    Yöntem Mantıklı olduğunda
    URL kuralları Sayfalar etki alanı, yol veya parametrelere göre açıkça ayırt edilebiliyorsa veya yalnızca belirli bir URL hedeflenecekse.
    Regex Birden fazla benzer URL tek bir kalıpla kapsanacaksa.
    CSS seçici URL kuralları aracılığıyla açıkça ayırt edilemeyen, ancak benzersiz bir öğeyi paylaşan birkaç sayfayı hedeflemek istiyorsanız.
    JavaScript URL ve DOM'un ötesine geçen karmaşık koşullara ihtiyacınız varsa, örneğin mantık, durumlar veya DataLayer girişleri.

    Ziyaretçilerinizin deney katılımcısı olacağı sayfaları veya sayfa türlerini tanımlamak için kuralları kullanabilirsiniz. Sayfaları tanımlamak için çeşitli seçenekleriniz vardır.

    Birkaç sayfayı hedeflemek istiyorsanız ancak bunlar URL kuralları aracılığıyla açıkça tanımlanamıyorsa CSS Seçicinin kullanılması yararlıdır. 

    Daha karmaşık hedefleme kuralları tanımlamak için JavaScript kullanabilirsiniz. Örneğin, özel DataLayer girişlerini kontrol etme seçeneğiniz de vardır.

    URL Eşleşmesi

    URL Match ile, denemenizin görüntüleneceği sayfaları belirlemek için URL kurallarını kullanırsınız. Birkaç URL kuralını birleştirebilir ve hangilerinin uygulanması ve hangilerinin hariç tutulması gerektiğini tanımlayabilirsiniz.

    Birkaç URL kuralını bağlama

    Aynı anda birden fazla URL kuralı oluşturabilir ve bunları birbirine bağlayabilirsiniz. Başka kurallar eklemek için artı sembolünü kullanın. Deneyin belirtilen URL'lerde oynatılıp oynatılmayacağını veya hariç tutulup tutulmayacağını belirtmek için „eşleşiyor“ veya „eşleşmiyor“ ifadesini kullanın.

    Daha karmaşık kuralları eşlemek istiyorsanız, birkaç URL eşleşmesini birleştirebilirsiniz. Örneğin, bir deneyin https://www.demo.de/impressum dışında https://www.demo.de adresinde görüntüleneceğini belirtebilirsiniz.

    Eşleşen Tip

    Giriş alanının sağında, hedefleme koşulunuzun eşleşme türünü belirtebilirsiniz. Seçime bağlı olarak, yanındaki giriş alanındaki URL çeşitli koşullar için kontrol edilir. Aralarından seçim yapabileceğiniz aşağıdaki koşullara sahipsiniz:

    • Basit Eşleşme
    • Tam Eşleşme
    • İçindekiler
    • Regex  

    Uygulama örnekleriyle birlikte hedefleme koşulları aşağıda daha ayrıntılı olarak açıklanmaktadır. 

    Basit Eşleşme

    Basit Eşleşme ile girilen tüm URL'ler, ilişkili URL parametreleri de dahil olmak üzere hedeflenir.

    Aşağıdaki örnekte, „Basit Eşleşme“ sayfa hedeflemesinde www.demo.de URL'si için hangi URL varyantlarının isabet olarak kabul edildiğini görebilirsiniz:

    URL Hedefleme geçerlidir
    www.demo.degeçerlidir
    www.demo.de#aboutgeçerlidir
    www.demo.de?color=redgeçerlidir
    www.demo.de/categorygeçerli değil
    www.demo.comgeçerli değil
    subdomain.demo.degeçerli değil
    URL Hedefleme geçerlidir
    www.demo.de
    geçerlidir
    www.demo.de#about
    geçerlidir
    www.demo.de?color=red
    geçerlidir
    www.demo.de/category
    Geçerli değil
    www.demo.com
    Geçerli değil
    sub.demo.de
    Geçerli değil

    Aynı anda birden fazla sayfayı, sayfa türünü veya alt alan adını hedeflemek istiyorsanız, bunun için regex kullanabilirsiniz. Alternatif olarak, örneğin sayfada belirli bir öğe varsa, bir CSS seçici aracılığıyla da hedefleme mümkündür. Okumaya devam edin.

    Tam Eşleşme

    Sayfa hedeflemenin yalnızca belirli bir URL için geçerli olması gerekiyorsa, yani URL parametreleri olmadan „Tam Eşleşme“ koşulunu kullanın.

    Aşağıdaki örnekte, „Tam Eşleme“ sayfa hedeflemesinde www.demo.de URL'si için hangi URL varyantlarının isabet olarak kabul edildiğini görebilirsiniz:

    URL Hedefleme geçerlidir
    www.demo.degeçerlidir
    www.demo.de#aboutgeçerli değil
    www.demo.de?color=redgeçerli değil
    www.demo.de/categorygeçerli değil
    www.demo.comgeçerli değil
    subdomain.demo.degeçerli değil
    URL Hedefleme geçerlidir
    www.demo.de
    geçerlidir
    www.demo.de/
    Geçerli değil
    www.demo.de#about
    Geçerli değil
    www.demo.de?color=red
    Geçerli değil
    www.demo.de/category
    Geçerli değil
    www.demo.com
    Geçerli değil
    sub.demo.de
    Geçerli değil

    İçindekiler

    Belirli bir grubun birkaç sayfasını hedeflemek istiyorsanız „İçerir“ sayfa hedefleme koşulunu kullanırsınız. Ön koşul, sayfaların tutarlı bir URL yapısı kullanılarak sınırlandırılabilmesidir. Örneğin, yalnızca ürün sayfalarını test etmek istiyorsanız, tam olarak bu sayfaları yakalamak için „/products/“ ile „Contains“ kullanabilirsiniz. Belirtilen ifade URL'de en az bir kez tam olarak görünmelidir.

    Aşağıdaki örnekte, „/products/“ sayfa hedeflemesinin geçerli olduğu farklı URL varyantlarını görebilirsiniz.

    URL Hedefleme geçerlidir
    www.demo.comgeçerli değil
    www.demo.com/productsgeçerli değil
    www.demo.com/products/t-shirtsgeçerlidir
    www.demo.com/products/pantsgeçerlidir
    www.demo.com/blog/products-reviewsgeçerli değil
    www.demo.com/blog/products/testsgeçerlidir
    URL Hedefleme geçerlidir
    www.demo.de
    Geçerli değil
    www.demo.de/produkte
    Geçerli değil
    www.demo.de/produkte/t-shirts
    geçerlidir
    www.demo.de/produkte/hosen
    geçerlidir
    www.demo.de/blog/produkte-reviews
    Geçerli değil
    www.demo.de/blog/produkte/tests
    geçerlidir

    Düzenli İfadeler (Regex)

    Düzenli ifadeler, A/B testlerinizi belirli sayfalara veya sayfa gruplarına hedeflemenize olanak tanır. Çoğu durumda bu, yukarıda sunulan hedefleme koşullarından daha kesindir.

    Bu seçenek öncelikle regex konusunda zaten deneyimi olan veya çok kesin kurallar eşlemek isteyen ileri düzey kullanıcılara yöneliktir. Başlamanızı kolaylaştırmak için regex ile sayfa hedeflemeye yönelik bu kılavuzu oluşturduk. Çoğu durumda, örneklerimizden birini kopyalamanız ve kendi URL'nizi değiştirmeniz yeterlidir.

    Düzenli ifadelerinizi doğrulamak için aşağıdaki gibi regex düzenleyicileri kullanabilirsiniz regexr.com.

    Regex oluşturmak için örnek

    Plomo-o-Plata'da, kategorideki tüm ürün detay sayfaları Outlet satışı satış fiyatları kırmızı renkte gösterilir. Diğer kategorilerdeki ürün detay sayfaları değişmeden kalmalıdır.

    URL hedeflemede regex kullanarak, bu hedefleme koşulunu açıkça eşleme seçeneğine sahip olursunuz.

    İşte outlet satış kategorisinde yer alan bir URL örneği.

    https://plomo-o-plata.de/collections/plomo-o-plata-outlet-sale/products/plomo-o-plata-bandeau-leo-foulard-gruen

    URL'lerin yapısı, bu kategoride bulunabilecek tüm ürün detay sayfaları için aynıdır:

    https://plomo-o-plata.de/collections/plomo-o-plata-outlet-sale/products/…

    Tabloda Faydalı uygulamalar bu örneği kullanarak web sitenizin URL yapısına aktarabileceğiniz önceden tanımlanmış regex bulacaksınız. Bizim durumumuzda kullanım durumu 3 geçerlidir.

    -> www.demo.de/category/ yolunu takip eden tüm sayfaların hedeflenmesi.

    -> ^.*www\.demo\.de\/category\/.+

    İlk olarak, https://regexr.com/ adresine gidip benzer kullanım durumunu aktarıyoruz.

    Şimdi kendimizi bu kullanım durumuna yönlendirebilir ve bunu Plomo-o-Plata örneğimize aktarabiliriz. 

    Ekran görüntüsünde regex'i kullanım örneğimize nasıl uyarladığımızı görebilirsiniz. Plomo-o-Plata URL'sinde kullanım örneğinden iki dizin daha bulunduğundan, bunlar kullanım örneği örneğine benzer şekilde eklenmiştir. Regex tanımlamak için çok kullanışlı bir başka araç da : https://www.autoregex.xyz/ Burada hangi sayfa türlerinin hedeflenmesi gerektiğini İngilizce olarak tanımlayabilirsiniz. Araç bu tanımlamayı bir regex'e dönüştürür.

    Faydalı uygulamalar

    Kullanım durumu Örnek sayfa Düzenli İfade
    Tam olarak bir sayfayı hedefleme www.demo.de/product-list ^.*www\.demo\.de\/product-list$
    Çapa bağlantıları, parametreler ve isteğe bağlı „/“ dahil olmak üzere tam olarak bir sayfayı hedefleme“ www.demo.de/?utm_source=google_cpc ^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*)
    www.demo.de/category/ yolunda asılı olan tüm sayfaların hedeflenmesi www.demo.de/category/product ^.*www\.demo\.de\/category\/.+
    „www“ içermeyen bir sayfanın global hedeflemesi.“ demo.de/ ^.*demo.de\/.*
    Tüm alan adı üzerinde global hedefleme www.demo.de/ www.demo.de/ ^.*www\.demo.de\/.*
    Bir alt alan adı üzerinde hedefleme blog.demo.de/ blog.demo.de/category/article ^.*blog\.demo.de\/.*
    Alt alan adları da dahil olmak üzere tüm bir alan adı üzerinde hedefleme demo.de/ blog.demo.de/category/article
    www.demo.de/category/product
    ^.*demo.de\/.*
    İki spesifik ürün kategorisinde hedefleme www.demo.de/shirts/product
    www.demo.de/pants/product
    ^.*www\.demo.de\/(shirts|pants)\/.*
    Kullanım durumu Örnek sayfa Düzenli İfade
    Tam olarak bir sayfayı hedefleme
    www.demo.de/product-list
    ^.*www\.demo\.de\/product-list$
    Çapa bağlantıları, parametreler ve isteğe bağlı "/" dahil olmak üzere tam olarak bir sayfayı hedefleme
    www.demo.de/?utm_source=google_cpc
    ^.*www\.demo\.de(#.*|\/#.*|$|\/$|\/\?.*)
    www.demo.de/category/ yolunda asılı olan tüm sayfaların hedeflenmesi
    www.demo.de/category/product
    ^.*www\.demo\.de\/category\/.+
    "www" içermeyen bir sayfanın global hedeflemesi.
    demo.de/
    ^.*demo.de\/.*
    Tüm alan adı üzerinde global hedefleme www.demo.de/
    www.demo.de/
    ^.*www\.demo.de\/.*
    Bir alt alan adı üzerinde hedefleme blog.demo.de/
    blog.demo.de/category/article
    ^.*blog\.demo.de\/.*
    Alt alan adları da dahil olmak üzere tüm bir alan adı üzerinde hedefleme demo.de/
    blog.demo.de/category/article www.demo.de/category/product
    ^.*demo.de\/.*
    İki spesifik ürün kategorisinde hedefleme
    www.demo.de/shirts/product www.demo.de/pants/product
    ^.*www\.demo.de\/(shirts|pants)\/.*

    Regex'inizi ayarlamak için yardıma mı ihtiyacınız var? Sorun değil!

    Hedeflemek istediğiniz sayfa grubuyla birlikte bize bir mesaj yazmanız yeterlidir. Size en kısa sürede uygun regex'i göndereceğiz.

    CSS Seçici

    Yalnızca benzersiz bir CSS seçiciye sahip belirli bir öğenin bulunduğu sayfaları veya sayfa türlerini hedefleyin. Bu, özellikle sayfalar URL kuralları kullanılarak güvenilir bir şekilde ayırt edilemiyorsa yararlıdır. Örnek: Mağazanızın tüm ürün detay sayfalarını hedeflemek istiyorsunuz, ancak URL yapısı „/products/“ gibi net bir referans içermiyor. Bu durumda, yalnızca ürün ayrıntı sayfalarında görünen bir öğeyi, örneğin „Sepete ekle“ düğmesini kullanabilirsiniz. Daha sonra bu öğe için CSS seçiciyi Sayfa Hedefleme'de depolarsınız.

    Uygun bir CSS seçici bulmanın en kolay yolu doğrudan görsel Varify düzenleyicisidir: Uygun bir sayfa açın, yalnızca bu sayfa türünde görünen öğeye tıklayın ve görüntülenen CSS seçiciyi kopyalayın. Daha sonra bunu Sayfa Hedefleme'de „CSS Seçici“ altına ekleyebilirsiniz.

    JavaScript

    Daha karmaşık sayfa hedeflemeleri için JavaScript kullanabilirsiniz. Bu şekilde, web sitenizin DOM'undaki herhangi bir etiketi veya özniteliği de arayabilirsiniz. JavaScript ayrıca veri katmanı değişkenlerindeki verileri kontrol etmenize de olanak tanır.

    Uygulama örneği - Veri katmanı girişi

    Yalnızca veri katmanında belirli bir parametreye veya belirli bir değere sahip kullanıcıları hedeflemek için veri katmanında gezinebilirsiniz. Aşağıdaki örnekte, yalnızca daha önce ID 1111 veya ID 2222 ile belirli bir ürünü görüntülemiş olan kullanıcılar hedeflenir.

    Kod örneği - Veri Katmanı Hedefleme
    				
    					return dataLayer?.some(item => item?.ecommerce?.checkout?.products?.[0]?.id==='1111' || item?.ecommerce?.checkout?.products?.[0]?.id==='2222');
    				
    			

    Gelişmiş Ayarlar

    URL değişikliğinde Temizleme Deneyi

    İçeriği dinamik olarak yeniden yükleyen web siteleri - örneğin tek sayfa uygulamaları (SPA'lar) veya ürün detay sayfasında çeşitli ürün varyantları sunan çevrimiçi mağazalar - geleneksel statik sayfalardan farklı davranır. Statik sayfalarda her URL değişikliğinde tüm içerik tamamen yeniden yüklenir. SPA'lar ve benzeri dinamik web sitelerinde ise yalnızca değişen içerik güncellenir.

    URL değişiklikleri ile davranış

    Varsayılan olarak, Varify her URL değişikliği için varyasyon oynatımını sıfırlar, yani sayfadaki tüm varyasyonlar sıfırlanır, URL yeniden kontrol edilir ve yeni URL için geçerli tüm varyasyonlar yeniden uygulanır.

    Standart fonksiyonun devre dışı bırakılması

    "URL değişikliğinde Deneme Temizle" işlevinin devre dışı bırakılması, özellikle renkler gibi farklı ürün varyantlarını seçebileceğiniz çevrimiçi mağazalardaki ürün sayfalarında yararlı olabilir. Böyle bir seçimle, URL seçilen rengi yansıtacak şekilde değişebilir. Ancak, değişmeyen içerikle ilgili bir varyasyon varsa (örneğin, "Sepete ekle" düğmesi), bu varyasyonu silmek ve yeniden uygulamak istenmez. Bu, ekran titremesi gibi istenmeyen etkilere yol açabilir.

    DOM Değişikliğinde Deneyi Yeniden Uygula

    Ayar etkinleştirildiğinde, varyantın optimizasyonunun etkin kalmasını sağlamak için web sitesinin DOM'u sürekli olarak izlenir. Optimizasyonun üzerine web sitesindeki komut dosyaları veya sayfa öğeleri yazılırsa, sistem bunu algılar ve optimizasyonu yeniden uygular. Bu, örneğin belirli ürün varyantları için filtreleme yapılırken gerçekleşebilir.
    Ayar devre dışı bırakılırsa, optimizasyon yalnızca bir kez uygulanır - sürekli izleme gerçekleşmez.

  • İlk adımlar