Обзор

Статья описывает методы работы с блоками SniperSpot.

Существует множество способов для отображения рекламы из системы AdSniper. Одним из самых простых является использование Sniper Spot - механизма, отображающего рекламный блок и заполняющего его рекламой из системы управления рекламой AdSniper.

1. Добавление блока

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

HTML

<div class="adsbysniper" style="display:inline-block;width:240px;height:400px" adsn-data-client="adsn-pub-17000881" adsn-data-spot="834658239" adsn-data-status="none">
</div>

Приведенный выше код состоит из нескольких элементов:

Название тэга	Значение	Описание
class	adsbysniper	Класс для рекламного блока должен быть установлен в это значение
adsn-data-client	adsn-pub-17000881	Идентификатор клиента, генерируется при создании учетной записи в системе AdSniper
adsn-data-spot	834658239	Идентификатор спота, для одного клиента может быть создано множество спотов.
adsn-data-status	none	Статус блока, на момент вставки блока не известен, при отображении рекламы изменяется на "done".
style	width:240px;height:400px	Свойства стиля высота и ширина, обязательно должны быть заданы.

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

📘

Спот

Место на странице для отображения рекламы

2. Заполнение блока рекламой

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

HTML

<script async type="text/javascript" src="//js.sniperlog.ru/engine/adsbysniper.js"></script>

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

HTML

<script type="text/javascript">
		(adsbysniper = window.adsbysniper || []).push({});
	</script>

JavaScript

(adsbysniper = window.adsbysniper || []).push({});

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