67 lines
2.5 KiB
Markdown
67 lines
2.5 KiB
Markdown
|
# Flutter VAST Реклама
|
|||
|
|
|
|||
|
|
Это Flutter приложение демонстрирует интеграцию VAST (Video Ad Serving Template) рекламы.
|
|||
|
|
|
|||
|
|
## Возможности
|
|||
|
|
|
|||
|
|
- Отображение VAST рекламы в Flutter приложении
|
|||
|
|
- Два способа загрузки рекламных данных:
|
|||
|
|
- Встроенные данные в коде
|
|||
|
|
- Загрузка из XML файла в assets
|
|||
|
|
- Поддержка пропуска рекламы через 8 секунд
|
|||
|
|
- Отслеживание событий рекламы (показ, клики, ошибки)
|
|||
|
|
|
|||
|
|
## Структура проекта
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
lib/
|
|||
|
|
├── main.dart # Главный файл приложения
|
|||
|
|
├── vast_page.dart # Страница с встроенной рекламой
|
|||
|
|
└── vast_asset_page.dart # Страница с рекламой из assets
|
|||
|
|
|
|||
|
|
assets/
|
|||
|
|
└── vast_ad.xml # XML файл с рекламными данными
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Рекламные данные
|
|||
|
|
|
|||
|
|
Приложение использует VAST 4.0 формат с следующими параметрами:
|
|||
|
|
- Длительность: 15 секунд
|
|||
|
|
- Возможность пропуска: через 8 секунд
|
|||
|
|
- Видео: https://mediatoday.ru/video/154517.mp4
|
|||
|
|
- Отслеживание показов и кликов
|
|||
|
|
|
|||
|
|
## Запуск приложения
|
|||
|
|
|
|||
|
|
1. Убедитесь, что у вас установлен Flutter
|
|||
|
|
2. Выполните команды:
|
|||
|
|
```bash
|
|||
|
|
flutter pub get
|
|||
|
|
flutter run
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## Навигация
|
|||
|
|
|
|||
|
|
Приложение имеет две вкладки:
|
|||
|
|
- **Встроенная**: Реклама с данными, встроенными в код
|
|||
|
|
- **Из Assets**: Реклама, загружаемая из XML файла
|
|||
|
|
|
|||
|
|
## Технические детали
|
|||
|
|
|
|||
|
|
- Использует WebView для отображения HTML5 видеоплеера
|
|||
|
|
- Video.js для воспроизведения видео
|
|||
|
|
- Google IMA SDK для обработки VAST рекламы
|
|||
|
|
- Поддержка отслеживания событий рекламы
|
|||
|
|
|
|||
|
|
## Настройка рекламы
|
|||
|
|
|
|||
|
|
Для изменения рекламных данных отредактируйте:
|
|||
|
|
1. `assets/vast_ad.xml` - для данных из assets
|
|||
|
|
2. `lib/vast_page.dart` - для встроенных данных
|
|||
|
|
|
|||
|
|
## Требования
|
|||
|
|
|
|||
|
|
- Flutter SDK 3.8.1+
|
|||
|
|
- webview_flutter пакет
|
|||
|
|
- Интернет-соединение для загрузки внешних ресурсов
|