Bağlama

Deneyi site üzerinde yapmak için aşağıdaki yollardan birini kullanarak kodunda değişiklik yapın:

JavaScript

Google Tag Manager

API usersplit

Yandex Metrica’da Varioqub → Deneyler sayfasına gidin.
Site için Kod düğmesine tıklayın ve JavaScript’i seçin.
Kodu kopyalayın ve web sitenizin head veya body öğesine yapıştırın.

Popüler Web Sitesi Oluşturucularına Kod Nasıl Eklenir

Bağlantı yöntemi oluşturucuya göre farklılık gösterebilir:

1. Sitenin veya ayrı bir sayfanın ayarlarını açın.

2. Head etiketinin içine HTML kodu ekleme bölümünde kodu düzenlemeye geçin.

3. Varioqub kodunu yapıştırın ve Kaydet’e tıklayın.

Kod örneği:

<script type="text/javascript">
    (function(e, x, pe, r, i, me, nt){
    e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)},
    me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],me.addEventListener("error",function(){function cb(t){t=t[t.length-1],"function"==typeof t&&t({flags:{}})};Array.isArray(e[i].a)&&e[i].a.forEach(cb);e[i]=function(){cb(arguments)}}),nt.parentNode.insertBefore(me,nt)})
    (window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab');

    ymab('metrika.XXXX', 'init'/*, {clientFeatures}, {callback}*/);
</script>

burada XXXX – sitenizde yüklü olan Yandex Metrica sayacının numarasıdır.

ymab işlevinin ayrıntılı açıklaması

Yandex Metrica’da Varioqub → Deneyler sayfasına gidin.
Site için Kod düğmesine tıklayın.

Google Tag Manager’i seçin ve kodu kopyalayın.

Kod örneği:

<script type="text/javascript">
    (function(e, x, pe, r, i, me, nt){
    e[i]=e[i]||function(){(e[i].a=e[i].a||[]).push(arguments)},
    me=x.createElement(pe),me.async=1,me.src=r,nt=x.getElementsByTagName(pe)[0],nt.parentNode.insertBefore(me,nt)})
    (window, document, 'script', 'https://abt.s3.yandex.net/expjs/latest/exp.js', 'ymab');
    ymab('metrika.XXXX', 'init'/*, {clientFeatures}, {callback}*/);
</script>

burada XXXX – sitenizde yüklü olan Yandex Metrica sayacının numarasıdır.

ymab işlevinin ayrıntılı açıklaması

Etiket yöneticisi gidin.
Bir hesap seçin ve Etiketler sayfasına gidin.
Oluştur düğmesine tıklayın ve Etiket Yapılandırması’nı seçin.
“Kullanıcı HTML” şablonunu seçin.
HTML alanına Yandex Metrica’dan kopyaladığınız kodu girin.
Gelişmiş ayarlar → Etiket etkinleştirme sırası bölümünü açın.
Etiketten önce Etiketi etkinleştir’i seçin ve Yandex Metrica etiketini seçin.
Tetikleyicileri ve ardından All Pages öğesini seçin.

Usersplit API’si deneyinizi daha esnek bir şekilde özelleştirmenize olanak tanır. Örneğin, sitenin sadece görünen nesnelerini (düğme rengi vb.) değiştirmekle kalmayıp, aynı zamanda backend mantığını da değiştirmek gibi.

Siteniz Content Security Policy (CSP) kullanıyorsa, HTTP başlığında tarayıcıya veri işleme izni iletin:

connect-src uaas.yandex.ru
script-src abt.s3.yandex.net
script-src-elem abt.s3.yandex.net
style-src 'unsafe-inline'

Not

Siteniz SPA mimarisinde geliştirildiyse, URL her değiştiğinde init yöntemiyle ymab fonksiyonunu çağırmak zorunda kalmamak için react kütüphanesini kullanabilirsiniz.

Kütüphaneyi kullanmazsanız URL her değiştiğinde ymab fonksiyonunu çağırmanız gerekecektir, aksi takdirde raporlarınızdaki veriler hatalı olacaktır.

Fonksiyonu çağırma:

ymab('metrika.XXXX', 'init', callback);

Uyumlu kütüphaneler

react. Bkz.: Kurulum talimatları.
```
npm install yandex-metrica-ab-react
```
nodejs/express. Bkz.: Kurulum talimatları.
```
npm install yandex-metrica-ab-node
```

Bağlantı kontrolü

Önemli

İşlev bazı sitelerde çalışmayabilir.

Bu, sunucu Cross-Origin-Opener-Policy başlığını same-origin değeriyle ayarlarsa oluşur. Bu ayar, Yandex Metrica arayüzü ile site arasında veri alışverişini yasaklar.

Şu anda bu teknik sınırlamanın farklı bir çözümü bulunmamaktadır.

Varioqub’un sitenize bağlı olduğundan emin olmak için:

Yandex Metrica’da Varioqub → Deneyler sayfasına gidin.
Görsel Editörü kullanarak bir test AA deneyi oluşturun (varyantları değiştirmeden).
Deneyi kaydedin. Bir süre sonra veriler raporda görüntülenecektir.

Raporda veri yoksa, nedenlerini bulmak için tarayıcı konsolunu kullanın:

Klavye kısayolunu kullanarak tarayıcı konsolunu açın Ctrl + Shift + J veya F12 (Apple işletim sistemi için ⌥ + ⌘ + J).
Web sitenize gidin.
Network sekmesine gidin.
Arama çubuğuna https://abt.s3.yandex.net/expjs/latest/exp.js alan adını girin. İstek başarıyla görüntülenmeli (durum kodu 200 OK), konsolda herhangi bir bağlantı hatası olmamalıdır.
Arama çubuğuna uaas.yandex.ru alan adını girin. İstek başarılı olmalıdır, Response sekmesi sunucu yanıtını, i parametresinin değerini de içerecek şekilde içermelidir.
Application sekmesine gidin ve sitenizin Çerez öğesini seçin. _ymab_param çerezinin ve içeriğinin mevcut olduğundan emin olun.

GitHub’da deneyleri bağlama ve oluşturma örneklerine bakın.

Sorular ve sorunlar

Yönlendirme deneyinde deney ve kontrol değerleri çok farklıdır.

Görsel Editör çalışmıyor

Deneysel değişiklikler sayfada hemen görünmez.

Destek Ekibi'ne yaz

Yazı yararlı oldu mu?

Varioqub deneyleri

API usersplit