⚊ Описание задания (общее) ⚊
Необходимо реализовать внешний JS-скрипт, который будет выводить html-баннер на страницах стороннего сайта. Интеграция скрипта на сайт происходит посредством вставки кода в документ/область документа. Код должен передавать данные html-баннера со стороннего сервера и выводить их в определенной области документа (например: шапка сайта, сайдбар, размеченная область под изображения). Также необходимо реализовать верстку самих html-баннеров.
Предпочтительно реализовать «гибкое» решение, которое можно будет в будущем подстраивать под разные сайты и области вывода html-баннеров (размер области, расположение на странице). Но, на данный момент в приоритете работа с 2-мя сайтами и 2 типами баннеров (описаны ниже), поэтому если реализация универсального решения затруднительна, то можно написать скрипты под каждый отдельный html-баннер.
⚊ Технические требования к баннерам ⚊
Верстка на HTML5 с CSS стилями и JavaScript-кодом (при необходимости). JavaScript и CSS предпочтительно размещать внутри HTML-кода баннера, а не подключать отдельными файлами. Код баннеров (CSS и HTML) должен быть размечен комментариями и иметь понятную структуру для того, чтобы можно было легко изменять цвет, ссылки, контент и графику, т.к. баннеры в будущем предстоит использовать и на других сайтах. Т.е. иметь возможность стилизовать под дизайн (или палитру) сайта, на котором будет размещен html-баннер.
⚊ Макеты баннеров:
1. По макету –
Баннер будет расположен на сайте svarkaipayka.ru/. Прототип, того, как это должно выглядеть
Баннер содержит активные ссылки, изображения и интерактивные механизмы взаимодействия с пользователями, кнопка "X" – скрыть баннер.
2. По макету –
Баннер будет расположен на сайте
в области take.ms/ahf0R (возможно интеграция кода будет происходить через систему adfox.ru). Баннер содержит активные ссылки, изображения и интерактивные механизмы взаимодействия с пользователями, при клике на email-адрес – адрес попадает в буфер обмена пользователя и об этом действии всплывает уведомление (группа attention в макете). Область вне рамки с электронной почтой является внешней ссылкой.
Возможно использовать готовые решения (скрипты или системы, на примере
для вывода баннеров, если это сократит время разработки и добавит более гибкую настройку.
⚊ Что нужно в отклике-ответе на это предложение ⚊
▹Сколько задача будет стоить?
▹Когда она будет готова в соответствии с макетами?
▹Конкретные вопросы по задаче, если есть.