Скрытие страницы до начала эксперимента
Чтобы эксперимент на сайте отображался корректно, без мерцаний исходного кода, вы можете настроить отображение эксперимента — показывать страницу, когда загрузятся изменения, заданные в эксперименте.
Для этого добавьте в исходный код страницы в начале раздела 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 будет ожидать загрузки экспериментов на всех перечисленных счетчиках.
Если на одном или нескольких счетчиках эксперимент не вызывается, эксперимент загрузится после истечения максимального времени ожидания и будет учтен счетчиком, вызов эксперимента на котором удался.