--- metadata: - name: generator content: Diplodoc Platform v5.54.2 alternate: - https://yandex.com/support/varioqub/en/connect.md - https://yandex.com/support/varioqub/ru/connect.md - https://yandex.com/support/varioqub/tr/connect.md - href: tr/connect.md type: text/markdown title: Markdown version - href: llms.txt type: text/markdown title: llms.txt --- > **Documentation Index:** Fetch the complete configuration index at https://yandex.com/support/varioqub/tr/llms.txt # Etkinleştirme Deneyi site üzerinde yapmak için aşağıdaki yollardan birini kullanarak kodunda değişiklik yapın: {% list tabs %} - JavaScript 1. Yandex Metrica’da **Varioqub** → **Deneyler** sayfasına gidin. 1. **Site için Kod** düğmesine tıklayın ve **JavaScript**’i seçin. 1. Kodu kopyalayın ve web sitenizin `head` veya `body` öğesine yapıştırın. {% cut "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. { .list } 2\. [Head](*naming) etiketinin içine HTML kodu ekleme `bölümünde` kodu düzenlemeye geçin. { .list } 3\. Varioqub kodunu yapıştırın ve **Kaydet**’e tıklayın. { .list } {% endcut %} Kod örneği: ```javascript ``` burada `XXXX` – sitenizde yüklü olan Yandex Metrica sayacının numarasıdır. [ymab işlevinin ayrıntılı açıklaması](https://yandex.com/support/varioqub/tr/objects/ymab.md) - Google Tag Manager 1. Yandex Metrica’da **Varioqub** → **Deneyler** sayfasına gidin. 1. **Site için Kod** düğmesine tıklayın. 1. **Google Tag Manager**’i seçin ve kodu kopyalayın. Kod örneği: ```javascript ``` burada `XXXX` – sitenizde yüklü olan Yandex Metrica sayacının numarasıdır. [ymab işlevinin ayrıntılı açıklaması](https://yandex.com/support/varioqub/tr/objects/ymab.md) 1. Etiket yöneticisi gidin. 1. Bir hesap seçin ve **Etiketler** sayfasına gidin. 1. **Oluştur** düğmesine tıklayın ve **Etiket Yapılandırması**’nı seçin. 1. “Kullanıcı HTML” şablonunu seçin. 1. **HTML** alanına Yandex Metrica’dan kopyaladığınız kodu girin. 1. **Gelişmiş ayarlar** → **Etiket etkinleştirme sırası** bölümünü açın. 1. **Etiketten önce Etiketi etkinleştir**’i seçin ve Yandex Metrica etiketini seçin. 1. **Tetikleyicileri** ve ardından **All Pages** öğesini seçin. - API usersplit [Usersplit API](https://yandex.com/support/varioqub/tr/api-usersplit.md)’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. {% endlist %} Siteniz [Content Security Policy](https://www.w3.org/TR/CSP/) (CSP) kullanıyorsa, HTTP başlığında tarayıcıya veri işleme izni iletin: - [connect-src](https://www.w3.org/TR/CSP/#directive-connect-src) - [script-src](https://www.w3.org/TR/CSP/#directive-script-src) - [script-src-elem](https://www.w3.org/TR/CSP/#directive-script-src-elem) ```no-highlight connect-src uaas.yandex.ru script-src abt.s3.yandex.net script-src-elem abt.s3.yandex.net style-src 'unsafe-inline' ``` {% note info %} Siteniz [SPA](*SPA) mimarisinde geliştirildiyse, URL her değiştiğinde [init](https://yandex.com/support/varioqub/tr/objects/init.md) yöntemiyle `ymab` fonksiyonunu çağırmak zorunda kalmamak için [react](https://www.npmjs.com/package/yandex-metrica-ab-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**: ```javascript ymab('metrika.XXXX', 'init', callback); ``` {% endnote %} #### Uyumlu kütüphaneler {#connect-library} - react. [Kurulum talimatlarına](https://www.npmjs.com/package/yandex-metrica-ab-react) bakın. ```no-highlight npm install yandex-metrica-ab-react ``` - nodejs/express. [Kurulum talimatlarına](https://www.npmjs.com/package/yandex-metrica-ab-node) bakın. ```no-highlight npm install yandex-metrica-ab-node ``` ## Bağlantı kontrolü {#check} {% note warning %} İşlev bazı sitelerde çalışmayabilir. Bu, sunucu [Cross-Origin-Opener-Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/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. {% endnote %} Varioqub’un sitenize bağlı olduğundan emin olmak için: 1. Yandex Metrica’da **Varioqub** → **Deneyler** sayfasına gidin. 1. **Görsel Editörü** kullanarak bir test AA deneyi oluşturun (varyantları değiştirmeden). 1. Deneyi kaydedin. Bir süre sonra veriler [raporda](https://yandex.com/support/varioqub/tr/stat.md) görüntülenecektir. Raporda veri yoksa, nedenlerini bulmak için tarayıcı konsolunu kullanın: 1. Klavye kısayolunu kullanarak tarayıcı konsolunu açın **Ctrl** + **Shift** + **J** veya **F12** (Apple işletim sistemi için **⌥** + **⌘** + **J**). 1. Web sitenize gidin. 1. **Network** sekmesine gidin. 1. 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. 1. 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. 1. **Application** sekmesine gidin ve sitenizin **Çerez** öğesini seçin. `_ymab_param` çerezinin ve içeriğinin mevcut olduğundan emin olun. [GitHub](https://github.com/yandex/varioqub-extras/tree/master/web)’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.](https://yandex.com/support/varioqub/tr/faq.md#redirect) [Görsel Editör çalışmıyor](https://yandex.com/support/varioqub/tr/faq.md#visual-not-working) [Deneysel değişiklikler sayfada hemen görünmez.](https://yandex.com/support/varioqub/tr/faq.md#flickering)
Destek Ekibi'ne yaz
[*SPA]: Single Page Application [*naming]: Bölüm, **head içine eklenecek HTML kodu** olarak adlandırılabilir.