AdRiver - система управления интернет-рекламой
О компании Справочное руководство Вход в систему
Рекламным агентствам  AdRiver DSP 
Владельцам сайтов  AdRiver SSP 
Управление рекламой  AdRiver DMP 
Новости

Загрузка баннера только после попадания баннерного места в область видимости

Для отложенной загрузки баннера используется плагин onScroll.adriver, который находит на странице все баннерные места, у которых в параметрах указана переменная onScroll со значением true.

Все значения параметров по умолчанию указываются в теге META документа, на странице размещаются баннерные места, подключается библиотека, и вызывается плагин onScroll.adriver.

См. также:

1. Подключение библиотеки и плагина

Скачайте библиотеку Adriver.Core, разместите ее на вашем сайте и подключите следующим образом:

<script type="text/javascript" src="adriver.core.2.js"></script>

Для отложенной загрузки используется плагин onScroll.adriver. Подключите его следующим образом:

<script type="text/javascript">new adriver.Plugin.require("onScroll.adriver");</script>

2. Идентификация и инициализация баннерного места

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

Все значения параметров по умолчанию выносятся в тег META документа. Все переменные параметры задаются в data-adriver баннерного места.

Параметры по умолчанию:

<meta name="adriverDefaults" content="sid:12345, bt:52" /> 

Для загрузки баннера по доскроллу (после попадания баннерного места в область видимости) обязательно должна быть включена автоматическая загрузка баннеров. Для включения автоматической загрузки баннеров укажите параметр autoLoad со значением 1:

<meta name="adriverOptions" content="autoLoad:1" /> 

Если поставить autoLoad:0, то автоматическая загрузка баннеров будет отключена, и баннер при доскролле до баннерного места загружен не будет.

Переменные параметры для конкретного баннерного места:

<div id="banner1" class="ext90 adriverBanner" data-adriver="pz:1,bn:1,onScroll: true"></div>

Баннерное место обязательно должно иметь класс adriverBanner.

Для отложенной загрузки необходимо в параметрах переменной onScroll указать значение true.

3. Пример размещения кода ajax на странице сайта

<html>
<head>

<!-- Указать постоянные параметры -->
<meta name="adriverDefaults" content="sid:12345, bt:52" /> 

<!-- Указать, что используется автоматическая загрузка -->
<meta name="adriverOptions" content="autoLoad:1" />

<!-- Подключить библиотеку -->
<script type="text/javascript" src="adriver.core.2.js"></script>

<!-- Подключить плагин -->
<script type="text/javascript">new adriver.Plugin.require("onScroll.adriver");</script>


</head>
<body>

<!-- Идентифицировать баннерное место banner1 -->
<div id="banner1" class="ext90 adriverBanner" data-adriver="pz:1,bn:1,onScroll: true"></div>


</body>
</html>

 

К списку тем
Последнее обновление: 07.06.2017