Эксперименты над рекламой

1. На сайте измените код рекламного блока. Пример изменения кода РСЯ:

   <!-- 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>
   

   где

   • R-A-111111-1 — идентификатор рекламного блока;
   • XXXX — номер счетчика Метрики, который установлен на ваш сайт.

2. В Метрике перейдите на страницу Вариокуб → Эксперименты.

3. Выберите тип эксперимента Визуальный редактор и укажите URL-страницы для редактирования.

4. Для Варианта 1 нажмите Редактировать. Откроется страница, которую вы указали в поле для визуального редактора. Для контрольного варианта изменений вносить не нужно. Страница будет участвовать в эксперименте в текущем виде.

5. Нажмите на блок, над которым хотите произвести эксперимент. Откроется окно визуального редактора.

6. Чтобы изменить размер контейнера или способ его отображения, перейдите в родительский элемент блока. Для этого нажмите значок .

   

7. Во вкладке CSS укажите свойство, которое должно применяться в варианте эксперимента и нажмите Сохранить.

   Чтобы убедиться, что изменения применились, в блоке Проверка эксперимента у каждого из вариантов нажмите кнопку Проверить. Откроется версия сайта для выбранного варианта по сгенерированной Varioqub ссылке. Вы можете поделиться этой ссылкой в течение 24 часов с момента ее генерации. При повторном нажатии Проверить генерируется новая ссылка.

8. Нажмите Сохранить и запустить.

Также с помощью визуального редактора вы можете добавить код вставки рекламного блока. Это может быть полезно при проведении тестов с новыми рекламными местами на сайте. Рекомендуем использовать рекламные блоки типа Floor Ad, Top Ad или Полноэкранный. Например, в РСЯ.

1. Настройте библиотеку Varioqub — добавьте к библиотеке Varioqub код вида:

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

2. В Метрике перейдите на страницу Вариокуб → Эксперименты.

3. Выберите тип эксперимента Визуальный редактор и укажите URL-страницы для редактирования.

4. Напротив Вариант 1 нажмите Редактировать. Откроется страница, которую вы указали в поле для визуального редактора. Для контрольного варианта изменений вносить не нужно. Страница будет участвовать в эксперименте в текущем виде.

5. На странице выберите элемент, который присутствует на всех страницах сайта, например подвал.

6. Выберите вкладку JS и добавьте функцию из кода рекламной вставки.

   

   В этом случае на всех страницах, где есть выбранный вами элемент, появится рекламный контейнер и вызовется код со вкладки JS.

7. Нажмите Сохранить.

8. Проверьте корректность отработки кода на разных страницах сайта, например, на главной, в статье или разделе.

1. В Varioqub задайте имя флага и его значения. Например: имя флага block, значение в контрольном варианте — A, в Вариант 1 — B.

   

2. В HTML-коде страницы добавьте рекламные контейнеры, над которыми будет проходить эксперимент:

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

   Далее измените код рекламного блока на сайте, как описано ниже.

3. Добавьте функцию вызова контрольного варианта — в примере вызывается блок R-A-111111-1:

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

4. Добавьте функцию вызова Варианта 1 — в примере вызывается блок R-A-111111-2:

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

5. Добавьте дополнительную функцию, которая определяет, что должно происходить по завершении эксперимента или в остальных случаях (например, когда просмотр страницы не соответствует фильтрам в настройках эксперимента):

   <script>
   function vq_call_block_default() {
   console.log('Эксперимент завершен или не запущен на данной странице');
   }
   </script>
   

6. Добавьте функцию применения флагов эксперимента следующим образом:

   <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. Добавьте передачу флагов в функцию из п. 4 с помощью функции ymab:

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

   Примечание

   Функция ymab с методом init вызывается только один раз, для передачи флагов.

8. Проверьте корректность отработки кода на разных страницах сайта, например, на главной, в статье или разделе.

<script>
//Функция вызова контрольного варианта
function vq_call_block_a() {
window.yaContextCb.push(()=>{
 Ya.Context.AdvManager.render({
  renderTo: 'rsya_varioqub_A',
  blockId: 'R-A-11111-1'
 })
})
};
//Функция вызова Варианта 1
function vq_call_block_b() {
window.yaContextCb.push(()=>{
 Ya.Context.AdvManager.render({
  renderTo: 'rsya_varioqub_B',
  blockId: 'R-A-11111-2'
 })
})
};
//Функция вызова дефолтного варианта
function vq_call_block_default() {
console.log('Эксперимент завершен или не запущен на данной странице');
};
//Функция применения флагов
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;
}};
//Функция получения значений из настроек запущенного эксперимента в Метрике с последующей передачей значений в функцию выше
ymab('metrika.XXXX', 'init', function (answer) {
  render_ab_answer(answer.flags);
})
</script>