Чтобы создать адаптивный баннер в Google Web Designer, который имеет ширину в 100% и фиксированную высоту для размещения рекламы в сети Яндекса, следуйте этим шагам:
1. **Создание нового файла:**
- Запустите Google Web Designer и создайте новый документ, выбрав "File" > "New" или используйте значок "+" на начальной странице.
- В диалоговом окне настройки выберите "Banner" как тип документа.
- В разделе "Environment" (среда выполнения) выберите опцию "Display & Video 360" или "Non-Google ad" в зависимости от того, где будет размещен баннер.
2. **Настройка размеров:**
- Для ширины укажите "100%" и для высоты укажите фиксированное значение, например "150px", которое требует Яндекс.
- Если нет возможности установить процентные значения напрямую в окне настроек, это можно сделать позже в CSS или в редакторе свойств.
3. **Разработка содержимого:**
- Соберите свой баннер, добавляя текст, изображения и другие элементы. Используйте панель инструментов и панель свойств для управления вашими элементами.
4. **Работа с адаптивностью:**
- Для адаптивности вам нужно будет редактировать CSS вашего баннера. Нажмите на "Code View" (просмотр кода) и добавьте CSS-медиазапросы или использовать относительные единицы измерения (например, vw, %) для ширины элементов для подстройки под изменения ширины экрана.
- Возможно, потребуется использовать JavaScript для дополнительной логики адаптивности, если ваш дизайн требует более сложных изменений в зависимости от размера экрана.
5. **Тестирование адаптивности:**
- Используйте встроенную функцию предварительного просмотра в Google Web Designer для тестирования вашего баннера на разных размерах экрана.
- Также проверьте баннер в различных браузерах и устройствах.
6. **Публикация:**
- Когда баннер готов, выберите "File" > "Publish" для создания финальной версии. Выберите формат, который поддерживается Яндексом.
- Вам также может потребоваться залить файлы баннера на сервер или в систему управления рекламой, которая используется для размещения баннера в Яндекс.
7. **Передача в Яндекс:**
- Следуйте инструкциям Яндекса для загрузки и настройки вашего баннера в их системе рекламы.
Обратите внимание, что требования Яндекса и других рекламных платформ могут обновляться, поэтому всегда стоит проверять их перед созданием рекламных материалов.