Как владельцу площадки уменьшить смещение макета при загрузке рекламных блоков?

Смещение макета (контента) — неожиданное перемещение или дёргания содержимого страницы без намеренного взаимодействия. Например, ссылка, резко меняющая свое положение, когда посетитель сайта пытается на неё кликнуть.

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

Всё это приводит к негативному пользовательскому опыту и потере лояльности аудитории. А самое главное, смещение макета провоцируют мисклики, что негативно влияет на монетизацию сайта.

Для фиксированных форматов просто указывайте размеры блока в CSS-свойствах под эти форматы. Если у вас блок в котором отрисовываются различные форматы, то можно зарезервировать пространство для максимального из возможных. Однако при загрузке минимального формата в таком блоке могут появляться пустые «дыры».

В команде Clickio решили эту проблему: разработали функцию под названием mini-sticky, которая значительно уменьшает смещения макетов. Фиксируя размер блока, креативы меньшего размера перемещаются внутри рекламного блока, пока пользователь прокручивает страницу, оставаясь при этом видимыми дольше. Mini-sticky повышает процент конверсии и улучшает пользовательский опыт. Тесты показали, что такая функция уменьшает смещения, более чем на 90%, значительно увеличивая при этом их видимость.