Сделать 5 баннеров 300×250, 300×300, 240×400, 728×90, 160×600 на основании приложенной картинки
фото пришлю
оплата Сбер или Яндекс деньги
в предложении прошу указать цену предложения
Технические требования
Баннеры HTML5
Технические требования к баннеру HTML5
1. Формат присылаемых данных – ZIP-архив.
2. Размер архива не должен превышать 150 килобайт.
3. Архив может содержать один HTML-файл и несколько файлов в форматах JS, JSON, CSS, JPG, GIF, PNG, SVG.
В архивах будет игнорироваться содержимое папки __MACOSX и файлы .DS_Store. Они создаются при архивировании на платформах AppleMac OS X и для работы креатива не нужны.
4. Для имени файлов и директорий допустимо использовать только такой набор символов: -._~ , цифры и латинский алфавит.
5. Все ссылки в креативе должны быть относительными путями в ZIP-архиве. При отработке креатива не должно быть внешних сетевых обращений. При необходимости все вспомогательные JS-библиотеки должны предоставляться вместе с креативом.
6. Нужно минимизировать число файлов в архиве. При необходимости можно объединить все JS/CSS/Image-документы и включить их в HTML-файл. Изображения объединить в лист спрайтов. Максимальное число файлов – 50.
7. Креатив должен корректно работать в браузерах InternetExplorer 9 и выше, Firefox 14 и выше, Safari 5 и выше, Chrome 14 и выше, Opera 14 и выше, Яндекс.Браузер 14 и выше, MicrosoftEdge. При необходимости в файле должна учитываться функциональность браузера, необходимая для его работы.
8. Открытие рекламируемого сайта должно происходить в новом окне, только по клику пользователя левой кнопки мыши на баннер.
9. Переходы в баннере должны использовать значение параметра linkN из get параметров URL к HTML-документу следующим образом: link1 для первого клика, link2 для второго и т.д. Можно использовать такой код:
10. <script>
11. functiongetUrlParam(name) {
12. name = name.replace(/[[]/, "[").replace(/[]]/, "]");
13. var regex = new RegExp("[?&]" + name + "=([^&#;]*)"),
14. results = regex.exec(location.search);
15. return results == null ? "" : decodeURIComponent(results[1].replace(/+/g, " "));
16. }
17. </script>
18.
19. <a id="click1_area" href="#" target="_blank">...</a>
20. <a id="click2_area" href="#" target="_blank">...</a>
21. <a id="click3_area" href="#" target="_blank">...</a>
22.
23. // после объявления тегов "<a href ...></a>" присваиваем для них обработчики на клик:
24.
25. <script>
26. document.getElementById("click1_area").href = getUrlParam('link1');
27. document.getElementById("click2_area").href = getUrlParam('link2');
28. document.getElementById("click3_area").href = getUrlParam('link3');
29. </script>
30. Размер файла баннера указывается в теге <META> следующим образом:
<meta name="ad.size" content="width=300,height=250">
31. Сразу после тега <HEAD> должно быть включение рекламной библиотеки Яндекс:
32. <HEAD>
33. <script type="text/javascript" src="
</script>
34. В креативе разрешены внешние ссылки на некоторые базовые библиотеки, включённые в инструменты разработки на HTML5: AdobeEdgeAnimate CC, AdobeFlash CC HTML5 Canvas, CreateJS, GreenSock, Swiffy и другие.
35. Отдельно к архиву должна быть приложена картинка-заглушка и ALT-текст (до 100 символов). Картинка проходит отдельнуюмодерацию, включая размер. Картинка и текст будут использоваться для показа в браузерах, не входящих в список поддерживаемых из п.7.
36. Запрещается использовать раздражающее вредоносное поведение скриптов: например, вызовы для самопроизвольного открытия pop-up, смены адреса страницы и т.п. Запрещено использование расширений для браузера (flash/java и др.).
37. Рекламный баннер не должен быть приведен к виду, затрудняющему анализ (обфусцирован).
38. Рекламный баннер должен отвечать требованиям по загрузке CPU1.
39. Рекламные материалы должны соответствовать требованиям, изложенным в документе «Баннерная реклама. Требования к рекламным материалам», в пп. 3-10.
Пример готового баннера HTML5 доступен для скачивания по ссылке. В коде образца можно посмотреть, как выполнены пункты 5, 8, 9, 10, 11 и 12.