Главная   ·   Справка   ·   Справка издателям   ·   Прикладные решения   ·   Размещение кодов Ajax с указанием параметров

Размещение кодов Ajax с указанием параметров


1. Размещение кода Ajax со стандартными параметрами

Для размещения на сайте кода Ajax необходимо выполнить следующие шаги:

  1. Скачать библиотеку и положить её на сервер.
  2. Подключить библиотеку в теге head страницы строкой вида: 
    <script type="text/javascript" src="http://www.mysite/scripts/adriver.core.2.js"></script>
    где http://www.mysite/scripts/adriver.core.2.js — ссылка на библиотеку на сервере.

    Библиотека подключается только один раз, независимо от количества баннеров на странице.

  3. Получить в интерфейсе AdRiver код HTML в соответствии с инструкцией, выбрав в качестве типа баннера AjaxJS.

Пример кода:

<html>
<head>

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

</head>
<body>

<!-- Код, полученный из интерфейса -->

<!--  AdRiver code START. Type:AjaxJS Site: example PZ: 0 BN: 0 -->

<div id="adriver_banner_1475673220"></div>

<script type="text/javascript">
new adriver("adriver_banner_1475673220", {sid:94499, bt:52});
</script>

<!--  AdRiver code END  -->

<!-- Код, полученный из интерфейса -->

</body>
</html>

Дополнительные рекомендации:

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

Если перед автоматической генерацией кода через интерфейс системы AdRiver не были настроены никакие параметры, кроме типа баннера, то полученный код будет содержать только идентификатор сайта sid и тип баннера bt (выделено зеленым).

Перед автоматической генерацией кода через интерфейс системы AdRiver имеется возможность настроить и другие параметры баннерного места, а именно:

sz
тематическая зона сайта в AdRiver
pz
зона страницы в AdRiver
bn
номер баннера на странице (если их несколько)

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

В случае необходимости можно вручную настроить и другие параметры и значения (см. п.2 – 5 настоящей инструкции).

2. Размещение кода Ajax c пользовательским таргетингом

Для размещения на сайте кода Ajax c пользовательским таргетингом необходимо выполнить следующие шаги:

  1. Скачать библиотеку и положить её на сервер.
  2. Подключить библиотеку в тегах head страницы строкой вида: 
    <script type="text/javascript" src="http://www.mysite/scripts/adriver.core.2.js"></script>
    где http://www.mysite/scripts/adriver.core.2.js — ссылка на библиотеку на сервере.

    Библиотека подключается только один раз, даже если на странице несколько баннеров.

  3. Идентифицировать баннерное место — то есть, определить элемент (DIV, SPAN, A, P) на странице, который будет использован в качестве баннерного места. 
    <div id="adriver_banner" class="adriverBanner"></div>
    где id=”adriver_banner” — идентификатор блока.
  4. Указать значения пользовательского таргетинга (при этом пользовательский таргетинг должен быть настроен в интерфейсе AdRiver): 
    <script type="text/javascript">
	var custom = {};
/* custom params */

	var age	= '31';
	var gender	= 'm';
	custom[1]	= 'high';
	custom[2]	= '40';

/* end of custom params */
	var std = {gender:100, age:101},i;for(i in std){try{custom[std[i]]=eval(i)}catch(e){}}
</script>
    var age = ’31’
    пользовательскому таргетингу «возраст» присвоено значение 31
    var gender = ‘m’
    пользовательскому таргетингу «пол» присвоено значение m
    custom[1] = ‘high’
    пользовательскому таргетингу [1] присвоено значение high
    custom[2] = ’40’
    пользовательскому таргетингу [2] присвоено значение 40
  5. Инициализировать баннерное место — то есть, задать значения параметров баннерного места (сайт, зона сайта, зона страницы, номер баннера, тип баннер и пр.), согласно которым AdRiver покажет баннер. 
    <script type="text/javascript"> 
	new adriver("adriver_banner", {sid: 12345, sz: "main", bn: 1, bt:52, custom: custom});
</script>
    adriver_banner
    должен совпадать с идентификатором блока
    sid
    id сайта в AdRiver
    sz
    зона сайта в AdRiver
    bn
    номер баннера на странице (если их несколько)
    bt
    тип баннера (значение этого параметра изменять нельзя)
    custom
    указание на использование пользовательского таргетинга
    Также могут быть указаны другие параметры и их значения.

Пример кода:

<html>
<head>

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

</head>
<body>


<!-- Идентифицировать баннерное место adriver_banner -->
<div id="adriver_banner"></div>


<script type="text/javascript">

<!-- Указать параметры пользовательского таргетинга -->
(function(){
	var custom = {};
/* custom params */

	var age	= '31';
	var gender	= 'm';
	custom[1]	= 'high';
	custom[2]	= '40';

/* end of custom params */
	var std = {gender:100, age:101},i;for(i in std){try{custom[std[i]]=eval(i)}catch(e){}}

<!-- Инициализировать баннерное место adriver_banner -->
	new adriver("adriver_banner", {sid: 1, bt: 52, bn: 1, custom: custom});
})();
</script>


</body>
</html>

3. Размещение кода Ajax c ключевыми словами (keyword)

Для размещения на сайте кода Ajax c ключевыми словами необходимо выполнить следующие шаги:

  1. Скачать библиотеку и положить её на сервер.
  2. Подключить библиотеку в теге head страницы строкой вида: 
    <script type="text/javascript" src="http://www.mysite/scripts/adriver.core.2.js"></script>
    где http://www.mysite/scripts/adriver.core.2.js — ссылка на библиотеку на сервере.

    Библиотека подключается только один раз, даже если на странице несколько баннеров.

  3. Идентифицировать баннерное место — то есть, определить элемент (DIV, SPAN, A, P) на странице, который будет использован в качестве баннерного места. 
    <div id="adriver_banner" class="adriverBanner"></div>
    где id=”adriver_banner” — идентификатор блока.
  4. Инициализировать баннерное место — то есть, задать значения параметров баннерного места (сайт, зона сайта, зона страницы, номер баннера, тип баннер и пр.), согласно которым AdRiver покажет баннер. 
    <script type="text/javascript"> 
	new adriver("adriver_banner", {sid: 12345, sz: "main", bn: 1, bt:52, keyword: "cars;repair;tuning"});
</script>
    adriver_banner
    должен совпадать с идентификатором блока
    sid
    id сайта в AdRiver
    sz
    зона сайта в AdRiver
    bn
    номер баннера на странице (если их несколько)
    bt
    тип баннера (значение этого параметра изменять нельзя)
    keyword
    ключевые слова. При этом таргетинг по ключевым словам должен быть включен и настроен в интерфейсе AdRiver
    Также могут быть указаны другие параметры и их значения.

Пример кода:

<html>
<head>

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

</head>
<body>

<!-- Идентифицировать баннерное место adriver_banner -->
<div id="adriver_banner" class="ext90 adriverBanner"></div>

<!-- Инициализировать баннерное место adriver_banner -->
<script type="text/javascript"> 
	new adriver("adriver_banner", {sid: 12345, sz: "main", pz: 1, bn: 1, bt:52, keyword: "cars;repair;tuning"});
</script>


</body>
</html>

4. Размещение кода Ajax c переменной для синхронизации

Для размещения на сайте кода Ajax c переменной для синхронизации необходимо выполнить следующие шаги:

  1. Скачать библиотеку и положить её на сервер.
  2. Подключить библиотеку в теге head страницы строкой вида: 
    <script type="text/javascript" src="http://www.mysite/scripts/adriver.core.2.js"></script>
    где http://www.mysite/scripts/adriver.core.2.js — ссылка на библиотеку на сервере.

    Библиотека подключается только один раз, даже если на странице несколько баннеров.

  3. Вставить скрипт синхронизации: 
    <script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>
  4. Идентифицировать баннерное место — то есть, определить элемент (DIV, SPAN, A, P) на странице, который будет использован в качестве баннерного места. 
    <div id="adriver_banner" class="adriverBanner"></div>
    где id=”adriver_banner” — идентификатор блока.
  5. Инициализировать баннерное место — то есть, задать значения параметров баннерного места (сайт, зона сайта, зона страницы, номер баннера, тип баннер и пр.), согласно которым AdRiver покажет баннер. 
    <script type="text/javascript"> 
	new adriver("adriver_banner", {sid: 12345, bt:52;});
</script>
    adriver_banner
    должен совпадать с идентификатором блока
    sid
    id сайта в AdRiver
    bt
    тип баннера (значение этого параметра изменять нельзя)

    Также могут быть указаны другие параметры и их значения.

  6. Указать переменную синхронизации ar_duo1 одним из перечисленных способов:
    • указать переменную в bn
    • указать переменную в pz
    • указать переменную в keyword
    • указать переменную в custom

4.1. Указание переменной в bn

Пример кода:

<html>
<head>

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

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место adriver_banner -->
<div id="adriver_banner" class="ext90 adriverBanner"></div>

<!-- Инициализировать баннерное место adriver_banner -->
<script type="text/javascript"> 
	new adriver("adriver_banner", {sid: 12345, bt:52, bn: ar_duo1});
</script>


</body>
</html>

4.2. Указание переменной в pz

Пример кода:

<html>
<head>

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

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место adriver_banner -->
<div id="adriver_banner" class="ext90 adriverBanner"></div>

<!-- Инициализировать баннерное место adriver_banner -->
<script type="text/javascript">  
     new adriver("adriver_banner", {sid: 12345, bt:52, pz: ar_duo1});
</script>


</body>
</html>

4.3. Указание переменной в keyword

Пример кода:

<html>
<head>

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

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место adriver_banner -->
<div id="adriver_banner" class="ext90 adriverBanner"></div>

<!-- Инициализировать баннерное место adriver_banner -->
<script type="text/javascript">  
     new adriver("adriver_banner", {sid: 12345, bt:52, keyword: ar_duo1});
</script>


</body>
</html>

4.4. Указание переменной в custom

Пример кода:

<html>
<head>

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

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место adriver_banner -->
<div id="adriver_banner" class="ext90 adriverBanner"></div>

<!-- Инициализировать баннерное место adriver_banner -->
<script type="text/javascript"> 
     var custom = []; 
     custom[1]     = ar_duo1; 
    new adriver("adriver_banner", {sid: 12345, bt:52, custom: custom}); 
</script>


</body>
</html>

5. Размещение кода Ajax c мультизапросами и переменной для синхронизации

Для размещения на сайте кода Ajax c переменной для синхронизации необходимо выполнить следующие шаги:

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

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

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

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

  3. Разделите параметры вызова баннера на параметры по умолчанию, которые постоянны для данного сайта и переменные параметры для каждого конкретного баннерного места. Все значения параметров по умолчанию нужно вынести в тег META документа. Все переменные параметры задайте в data-Adriver баннерного места.

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

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

    Укажем, что используется автоматическая загрузка нескольких баннеров:

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

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

  4. Вставить скрипт синхронизации: 
    <script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>
  5. Идентифицировать баннерное место — то есть, определить элемент (DIV, SPAN, A, P) на странице, который будет использован в качестве баннерного места. 
    <div id="adriver_banner" class="adriverBanner"></div>
    где id=”adriver_banner” — идентификатор блока.
  6. Указать параметр для синхронизации, например, bn: 
    <div id="adriver_banner" class="ext90 adriverBanner" data-Adriver="pz:1,bn:ar_duo1"></div>

5.1. Указание переменной в bn

Пример кода:

<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("autoLoad.adriver");
</script>

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место banner1 -->
<div class="extention100 adriverBanner" id="banner1" data-Adriver="pz: 2, bn: ar_duo1"></div>
<!-- Идентифицировать баннерное место banner2 -->
<div id="banner2" class="smiley adriverBanner" data-Adriver="pz: 1, bn: ar_duo1"></div>


</body>   
</html>

5.2. Указание переменной в pz

Пример кода:

<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("autoLoad.adriver");
</script>

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место banner1 -->
<div class="extention100 adriverBanner" id="banner1" data-Adriver="bn: 2, pz: ar_duo1"></div>
<!-- Идентифицировать баннерное место banner2 -->
<div id="banner2" class="smiley adriverBanner" data-Adriver="bn: 1, pz: ar_duo1"></div>


</body>   
</html>

5.3. Указание переменной в keyword

Пример кода:

<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("autoLoad.adriver");
</script>

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место banner1 -->
<div class="extention100 adriverBanner" id="banner1" data-Adriver="bn: 2, keyword: ar_duo1"></div>
<!-- Идентифицировать баннерное место banner2 -->
<div id="banner2" class="smiley adriverBanner" data-Adriver="bn: 1, keyword: ar_duo1"></div>


</body>   
</html>

5.4. Указание переменной в custom

Пример кода:

<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("autoLoad.adriver");
</script>

</head>
<body>

<!-- Вставить скрипт синхронизации -->
<script language="JavaScript"><!--
var N = 3;
var ar_duo1 = Math.floor(Math.random()*N+1);
//-->
</script>

<!-- Идентифицировать баннерное место banner1 -->
<div class="extention100 adriverBanner" id="banner1" data-Adriver="bn: 2, custom: {1:ar_duo1}"></div>
<!-- Идентифицировать баннерное место banner2 -->
<div id="banner2" class="smiley adriverBanner" data-Adriver="bn: 1, custom: {1:ar_duo1}"></div>


</body>   
</html>