JS/CSS-сниппеты

Для работы креатива необходим шаблон, который управляет выводом изображений товаров и информации о них - сниппет.

Сниппеты работают по технологии Java Script + CSS.

Подготовка сниппета

При создании сниппета вы можете ориентироваться на пример кода, доступный в файле по ссылке. Тестовый креатив размера 240x400 с демонстрацией работы этого примера доступен по ссылке. Оптимальный перечень размеров динамических креативов:

  • 240х400
  • 728х90
  • 300х250
  • 160х600
  • 300х600

Использование слишком узкого списка размеров креативов приведет к сложностям с закупкой показов. Для наилучшей работы кампании креативов разных размеров должно быть минимум 5.

На этапе тестов можно использовать системные сниппеты, они доступны в выпадающем списке на этапе создания или редактирования креатива типа Динамический. Они не содержат стилей и выводят товары в максимально простом оформлении, но подходят для проверки работоспособности настроек товарного фида. Системные сниппеты могут не работать с фидами формата Google, в этом случае проверку лучше проводить с примером кода.

Рекомендации по созданию сниппета

Шаблон JS-части сниппета находится в файле. Используйте 'elementId' в качестве родительского элемента для подключения сторонних библиотек. Например, чтобы подключить к сниппету библиотеку createjs, нужно использовать такой код:

Чтобы добавить в сниппет данные из фида, нужно использовать следующие макросы:

Добавление сниппета

  • Перейти во вкладку JS/CSS Snippets и нажмите Новый сниппет:

Откроются окна для добавления JS и CSS-частей соответственно: