Что такое «проект»

Проект — это ваш playable: файлы, ассеты, настройки и история версий. Внутри проекта есть вкладки (Изображения, Аудио, Видео, Строки, Dev Mode, Export, Preview, Versions).

С чего начать новичку

Самый быстрый путь: создать пустой проект → открыть Dev Mode → вставить/добавить базовый HTML/JS → загрузить ассеты (Images/Audio/Video) → проверить Preview → Export под сеть.

Создать пустой проект (с нуля)

На странице /editor нажмите «Создать пустой проект». Первый раз сервис может открыть Dev Mode автоматически — это удобно для старта «с нуля».

Импорт ZIP/HTML

Перетащите ZIP или HTML в зону загрузки. Сервис проанализирует код и предложит определить фреймворк/движок. После импорта проект откроется в редакторе.

Ограничения и типичные ошибки

Поддерживаются только ZIP/HTML. Максимальный размер файла зависит от настроек сервера/тарифа (в текущей конфигурации — до 200 МБ). Если видите сообщение о лимите проектов — удалите старые проекты или переместите ненужные в папки.

Поиск по проектам и папкам

Используйте поле «Поиск…» в блоке «Недавние проекты» или «Папки», чтобы быстро найти нужное.

Открыть проект

Клик по карточке/строке проекта откроет его. Обычно стартовая вкладка — Images (или Dev Mode для первого пустого проекта).

Переименовать

Нажмите иконку карандаша возле проекта, введите новое имя и подтвердите Enter. То же самое можно сделать для папок.

Клонировать проект

Кнопка «Клонировать» создаст копию проекта (удобно для вариантов под разные сети).

Удалить проект

Удаление необратимо: проект и файлы будут удалены. Обычно доступно только владельцу проекта.

Перемещение в папки (drag & drop)

Перетащите проект на папку справа. Сервис покажет уведомление и (при включении) даст «Отменить».

Шеринг папок

У папки можно выдать доступ по email — тогда все проекты внутри папки станут общими для участников.

Список и Галерея

Переключайте режимы отображения проектов: список (быстрее для менеджмента) или галерея (удобнее с превью).

Images: изображения

Загружайте, заменяйте и оптимизируйте изображения. Если у проекта есть вариации/слои — используйте панель вариаций.

Audio: звук

Добавляйте аудио-файлы, следите за политиками автозапуска (часто требуется muted или запуск по клику).

Video: видео

Добавляйте видео-ассеты и проверяйте размер/кодеки — некоторые сети жёстко ограничивают вес и формат.

Тексты: содержимое, шрифты и стили

Редактируйте тексты playable и оформляйте их: шрифт (каталог Google Fonts + системные), размер, начертание, цвет и градиент, обводка, тень, выравнивание. Используемые шрифты встраиваются в экспорт без внешних запросов. Удобно для быстрых правок CTA, офферов и переводов.

Preview: проверить, как работает playable

Перед экспортом обязательно прогоните Preview: загрузка, клики, CTA, ориентация, звук, переходы. Это экономит часы на отклонениях сетей.

Versions: откаты и контроль изменений

Сохраняйте версии перед большими правками и экспортами. Если что-то пошло не так — откатитесь на стабильную версию.

Export: проверка перед публикацией

Перед отправкой в сеть используйте вкладку Export — там проверяются лимиты размера, требования сетей (MRAID, CTA, store URL) и другие ошибки на реальном собранном файле.

Когда нужен Dev Mode

Если нужно поправить JS/HTML/CSS, добавить clickTag, починить события, оптимизировать загрузку или поправить интеграцию под сеть — это делается в Dev Mode.

Правило безопасности

Правьте маленькими шагами: версия → правка → Preview → снова версия. Так вы не потеряете рабочее состояние.

Выбор сети

Откройте вкладку Export и выберите рекламную сеть. Требования отличаются: размер, clickTag, ориентация, внешний трафик, MRAID и т.д.

Проверки и ошибки

Сервис покажет критические ошибки и предупреждения. Критические лучше закрывать всегда — иначе сеть отклонит playable.

Исправления и оптимизация

Если есть оптимизация (минификация, сжатие ассетов, AI check) — применяйте по необходимости. После изменений снова запускайте проверки.

Скачать и протестировать

Скачайте экспорт, проверьте локально/в песочнице сети: клики, clickTag, переходы, звук, ориентация, производительность.