Скрытие страницы до начала эксперимента

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

Для этого добавьте в исходный код страницы в начале раздела head код вида

<style>.varioqub-antiflicker {opacity: 0 !important;}</style>
<script>
    (function(a,n,t,i,f,li,c,k,e,r){
        a[t]=a[t]||function(){(a[t].a=a[t].a||[]).push(arguments)};n.classList.add(i);c=function(){n.classList.remove(i)};li.callback=c;a[t].antiFlicker=li;setTimeout(c,f);
    })(window, document.documentElement, 'ymab', 'varioqub-antiflicker', 4000, { 'metrika.XXXX': true });
</script>

где

• XXXX — номер счетчика Метрики, установленный на ваш сайт;

• varioqub-antiflicker — имя класса, используемого для скрытия элемента html;

• 4000 — максимальное время ожидания загрузки эксперимента (в миллисекундах).

После загрузки эксперимента класс varioqub-antiflicker удаляется из кода страницы сайта.

Вы можете изменять настройки:

• Имя класса varioqub-antiflicker. Это может быть полезно, например, если класс уже задан в CSS. Измените имя внутри style и в аргументе в конце фрагмента.

• Время ожидания. Вы можете увеличить значение, например, если посетители просматривают ваш сайт чаще с мобильных устройств, когда интернет может работать медленнее.

• Количество счетчиков, которые участвуют в эксперименте. Пример кода:

  { 'metrika.XXXX': true, 'metrika.YYYY': true }
  

  В случае нескольких счетчиков Varioqub будет ожидать загрузки экспериментов на всех перечисленных счетчиках.

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