Reklam deneyleri

1. Sitede, reklam blokunun kodunu değiştirin. YRA kodunu değiştirme örneği:

   <!-- Yandex.RTB R-A-111111-1 -->
   <div id='yandex_rtb_R-A-111111-1'></div>
   <script>
       ymab('metrika.XXXX', 'init', () => {
           window.yaContextCb.push(()=>{
               Ya.Context.AdvManager.render({
                   'blockId': 'R-A-111111-1',
                   'renderTo': 'yandex_rtb_R-A-111111-1'})
           })
       })
   </script>
   

   Burada:

   • R-A-111111-1 – reklam blokunun tanımlayıcısı;
   • XXXX – sitenizde yüklü olan Yandex Metrica sayacının numarası.

2. Yandex Metrica’da Varioqub → Deneyler sayfasına gidin.

3. Görsel Editör deney türünü seçin ve düzenlenecek URL sayfalarını belirtin.

4. Seçenek 1 için Düzenle düğmesine basın. Görsel editör kutusunda belirttiğiniz sayfa açılacaktır. Kontrol değişkeni için herhangi bir değişiklik yapılmasına gerek yoktur. Sayfa, deneye mevcut haliyle katılacaktır.

5. Üzerinde deney yapmak istediğiniz bloğa tıklayın. Görsel editör penceresi açılacaktır.

6. Konteynerin boyutunu veya görüntülenme şeklini değiştirmek için bloğun ana öğesine gidin. Bunu yapmak için simgesine basın.

   

7. CSS sekmesinde, deney seçeneğine uygulanacak özelliği belirleyin ve Kaydet öğesine tıklayın.

   Değişikliklerin uygulandığını doğrulamak için, her seçeneğin Deneyi Kontrol Et bloğunda Kontrol Et öğesine tıklayın. Seçilen seçenek için web sitesi sürümü, Varioqub tarafından oluşturulan bağlantı kullanılarak açılacaktır. Bu bağlantıyı oluşturduktan sonraki 24 saat içinde paylaşabilirsiniz. Tekrar Kontrol Et tuşuna basarsanız, yeni bir bağlantı oluşturulur.

8. Kaydet ve çalıştır düğmesine basın.

Ayrıca görsel editör yardımıyla reklam bloğu ekleme kodunu ekleyebilirsiniz. Bu, sitede yeni reklam noktalarıyla testler yaparken faydalı olabilir. Floor Ad, Top Ad veya Tam Ekran gibi reklam bloklarını kullanmanızı öneririz. Örneğin, YRA’da.

1. Varioqub kütüphanesini özelleştirin – Varioqub kütüphanesine bir görüntüleme kodu ekleyin:

   <script>
   ymab('metrika.XXXX', 'setConfig', {
       enableJS: true,
   });
   </script>
   

2. Yandex Metrica’da Varioqub → Deneyler sayfasına gidin.

3. Görsel Editör deney türünü seçin ve düzenlenecek URL sayfalarını belirtin.

4. Seçenek 1 karşısında, Düzenle tuşuna basın. Görsel editör kutusunda belirttiğiniz sayfa açılacaktır. Kontrol değişkeni için herhangi bir değişiklik yapılmasına gerek yoktur. Sayfa, deneye mevcut haliyle katılacaktır.

5. Bir sayfada, altbilgi gibi sitenin tüm sayfalarında bulunan bir öğe seçin.

6. JS sekmesini seçin ve reklam ekleme kodundan işlevi ekleyin.

   

   Bu durumda, seçtiğiniz öğeye sahip tüm sayfalarda bir reklam konteyneri görünecek ve JS sekmesindeki kod çağrılacaktır.

7. Kaydet'e tıklayın.

8. Kodun sitenin farklı sayfalarında, örneğin ana sayfada, bir makalede veya bölümde doğru çalışıp çalışmadığını kontrol edin.

1. Varioqub’da bayrak adını ve değerlerini ayarlayın. Örneğin: bayrağın adı block, kontrol seçeneğinde değer A, Seçenek 1’de ise B.

   

2. Sayfanın HTML koduna, üzerinde deney yapılacak reklam konteynerlerini ekleyin:

   ...
   <div id="rsya_varioqub_A"></div>
   <div id="rsya_varioqub_B"></div>
   ...
   

   Ardından, sitedeki reklam blokunun kodunu aşağıda açıklandığı gibi değiştirin.

3. Kontrol seçeneğini çağırmak için bir fonksiyon ekleyin – örnekte R-A-111111-1 bloğu çağrılmaktadır:

   <script>
   function vq_call_block_a() {
   window.yaContextCb.push(()=>{
     Ya.Context.AdvManager.render({
       renderTo: 'rsya_varioqub_A',
       blockId: 'R-A-111111-1'
     })
   })
   }
   </script>
   

4. Seçenek 1’i çağırmak için bir fonksiyon ekleyin – örnekte R-A-111111-2 bloğu çağrılmaktadır:

   <script>
   function vq_call_block_b() {
   window.yaContextCb.push(()=>{
     Ya.Context.AdvManager.render({
       renderTo: 'rsya_varioqub_B',
       blockId: 'R-A-111111-2'
     })
   })
   }
   </srcipt>
   

5. Deney sona erdiğinde veya başka bir durumda (örneğin, sayfa görünümü deney ayarlarındaki filtrelerle eşleşmediğinde) ne olması gerektiğini tanımlayan ek bir işlev ekleyin:

   <script>
   function vq_call_block_default() {
   console.log('Deney tamamlandı veya bu sayfada çalışmıyor');
   }
   </script>
   

6. Deney bayraklarını uygulamak için aşağıdaki gibi bir işlev ekleyin:

   <srcipt>
   function render_ab_answer(flags) {
     const flagVal = flags && flags.block && flags.block[0];
   switch
   (flagVal)
   {
      case 'A':
           vq_call_block_a();
           break;
      case 'B':
           vq_call_block_b();
           break;
      default:
           vq_call_block_default();
           break;
   }}
   </script>
   

7. Adım 4’teki fonksiyona ymab fonksiyonunu kullanarak bayrak geçişi ekleyin:

   <srcipt>
   ymab('metrika.XXXX', 'init', function (answer) {
     render_ab_answer(answer.flags);
   })
   </script>
   

   Not

   init yöntemine sahip ymab işlevi, bayrakları geçirmek için yalnızca bir kez çağrılır.

8. Kodun sitenin farklı sayfalarında, örneğin ana sayfada, bir makalede veya bölümde doğru çalışıp çalışmadığını kontrol edin.

<script>
//Kontrol seçeneğini çağıran fonksiyon
function vq_call_block_a() {
window.yaContextCb.push(()=>{
 Ya.Context.AdvManager.render({
  renderTo: 'rsya_varioqub_A',
  blockId: 'R-A-11111-1'
 })
})
};
//Seçenek 1'i çağıran fonksiyon
function vq_call_block_b() {
window.yaContextCb.push(()=>{
 Ya.Context.AdvManager.render({
  renderTo: 'rsya_varioqub_B',
  blockId: 'R-A-11111-2'
 })
})
};
//Varsayılan seçeneği çağıran fonksiyon
function vq_call_block_default() {
console.log('Deney tamamlandı veya bu sayfada başlatılmadı');
};
//Bayrakları uygulama fonksiyonu
function render_ab_answer(flags) {
  const flagVal = flags && flags.block && flags.block[0];
switch
(flagVal)
{
   case 'A':
        vq_call_block_a();
        break;
   case 'B':
        vq_call_block_b();
        break;
   default:
        vq_call_block_default();
        break;
} };
//Yandex Metrica’da başlatılan deneyin ayarlarından değerleri alma ve ardından bu değerleri yukarıdaki fonksiyona aktarma fonksiyonu
ymab('metrika.XXXX', 'init', function (answer) {
  render_ab_answer(answer.flags);
})
</script>