Зачем VK сделала мини-приложение для фестиваля, который идет всего два дня — VK на vc.ru
Внутри оказались программа, карты трех городов, маски, стикерпаки. И не только.
3662 просмотров
На связи команда дизайна VK Mini Apps. В этом году для VK Fest мы запустили мини-приложение, которое помогало легко ориентироваться на площадках в трех городах и не только. Каждый город получил свой визуальный стиль. И сегодня мы расскажем, как создавали наш сервис и какие сложности преодолевали на этом пути.
Почему выбрали мини-приложение вместо обычного
Удобное приложение для навигации по площадкам — признак хорошего тона организаторов крупных офлайн-мероприятий. И мы, конечно же, соблюдали это правило на прошлых VK Fest.
В этом году мы решили трансформировать сервис, сделать это решение консистентным бренду соцсети. Так родилась идея мини-приложения VK Fest внутри ВКонтакте.
В формате мини-аппа мы увидели два больших плюса.
Во-первых, людям не придется скачивать отдельное приложение, ведь ВКонтакте уже установлена у большинства аудитории VK Fest. Это банально удобнее: в условиях фестиваля, когда вокруг еще десятки тысяч человек, мобильный интернет часто начинает сбоить. Мини-приложение легче обычного, его проще загрузить в таких условиях.
Во-вторых, мы хотели сделать фест ближе к тем, кто до него не доехал. За время пандемии мы привыкли к тому, что люди подключаются к VK Fest по всей стране. В этом году мы наконец вернулись в офлайн — но хотелось, чтобы те, кто остался дома, тоже могли подпевать Антохе MC или Басте.
Мы понимали, что люди, которые не присутствуют на фестивале, вряд ли скачают отдельное приложение. А зайти в мини-приложение внутри ВКонтакте, посмотреть трансляцию выступления, примерить маску или отправить друзьям стикеры — почему нет?
Это поставило перед нами несколько непростых задач.
VK Fest традиционно объединяет выступления музыкантов и блогеров, лекции, развлечения для всей семьи, мастер-классы и многое другое.
Проведение фестиваля в трех городах тоже добавило сложностей. Например, в Сочи было меньше площадок, чем в Москве и Санкт-Петербурге. Нужно было адаптировать дизайн таким образом, чтобы плитки в Сочи и, например, в Москве выглядели единообразно — и при этом чтобы разница в наполнении не бросалась в глаза и не выглядела дисгармонично.
Как мы объединили разные визуальные стили
У каждого из трех городов была своя программа выступлений и активностей, а в мини-приложении — свой визуальный стиль, разработанный Студией Артемия Лебедева. И нашей задачей было подружить его с дизайном прошлых фестивалей, который ассоциируется у людей с VK Fest, а также с визуальным языком каждого сервиса VK, который участвовал в активностях.
Студия разработала для нас айдентику фестиваля.
Мы использовали цвета, шрифт (за исключением объемных текстов, в которых был наш фирменный VK Sans), логотип, изображения и цветовое оформление городов — и органично интегрировали это все в фирстиль ВКонтакте.
Новая карта фестиваля с простой навигацией
Карта — базовая функция любого фестивального приложения. И она должна быть максимально удобной.
В мини-приложении VK Fest мы сделали новую карту: на ней вместе с обычными деталями — дорожками, сценами и ориентирами — отображались фестивальные зоны. Благодаря этому гость фестиваля мог посмотреть на карту и быстро определить по цвету, чему посвящена зона, в которой он находится. Это сильно упростило навигацию по площадкам: сразу понятно, где заканчивается «Семья» и начинаются «Развлечения», как быстро добраться из «Видеоигр» в «Косплей».
Цветовое кодирование зон мы продолжили в оформлении плиток. Например, все, что связано с блогерами, было окрашено в мятный цвет, с музыкантами — в фиолетовый.
Еще до начала фестиваля пользователь мог добавить любимых артистов в избранное и составить свой маршрут по площадкам.
И эта функция оказалась очень востребованной: нажимать на сердечко — привычный паттерн.
И эта функция оказалась очень востребованной: нажимать на сердечко — привычный паттерн.Потом, уже находясь на фестивале, можно было зайти в свое «Избранное» и из карточки артиста узнать время его выхода на сцену.
Помимо этого, в карточке была собрана дополнительная информация: ссылки на плейлист, клипы, сообщество артиста ВКонтакте. После огненного выступления можно было открыть карточку и сразу подписаться на страницу группы, посмотреть видео с концерта, которые успели выложить другие зрители, и переслушать лучшие песни.
Не все любят составлять план на фестиваль заранее. Многие хотят прийти на фест без плана — и взять от него все. На такой случай мы составили путеводители по фестивалю для людей с разными предпочтениями — например, для геймеров, гиков или лежебок.
Многие — даже среди наших коллег — в эти выходные перемещались между городами, где проходил фестиваль. Кто-то ехал из Москвы в Петербург погулять по городу и потусить на VK Fest.
Кто-то возвращался из Сочи, где застал первый день феста, в Москву — сразу на второй день.
У кого-то родные или друзья веселились в другом городе. А кто-то сравнивал программы трех городов и выбирал, где он хочет посетить фестиваль.
Для таких случаев мы сделали в мини-приложении быстрый доступ к переключению между городами. Этой опцией воспользовались около 50 тысяч человек.
Что в итоге
Мы смогли уместить в мини-приложение VK Fest три города и огромную онлайн-часть фестиваля.
За два дня фестиваля им воспользовались 3,9 млн человек.
Команда проекта
Дизайн: Антон Иванков и Даня Базов, дизайн-команда VK Mini Apps
Разработка: команда компании KTS
Продакт-менеджмент: Нина Андреянова, команда суперприложения ВКонтакте
Контент: Ольга Романенкова, Record Group, Марина Полдушина, команда маркетинга VK
Тестирование: Ярослав Степанов, Марьян Лэлык и Сергей Черник, команда суперприложения ВКонтакте
Интеграция приложений с трекером – помощь VK Ads
Для эффективного продвижения мобильных приложений вам необходимо настроить интеграцию с мобильным трекером и подключить приложение в личном кабинете VK Ads.
После того, как вы подтвердите свой статус владельца приложения, вы сможете запускать рекламу, оптимизированную для установок и событий в приложении.
Для повышения эффективности оптимизации рекомендуем включить передачу данных о неатрибутивных установках и событиях , а также о выручка .
Вам необходимо настроить передачу данных о событиях с трекера в настройках приложения вашего трекера. Эти данные будут отображаться в карточке приложения в аккаунте VK Ads, а также в статистике кампании.
VK Ads в настоящее время поддерживает следующие трекеры (некоторые из них бесплатны):
- MyTracker (проект ВКонтакте, бесплатно)
- AppMetrica (бесплатно)
- AppsFlyer
- Adjust
MyTracker — мультиплатформенная аналитика и атрибуция для мобильных приложений и веб-сайтов. Узнать больше
Перед настройкой интеграции встройте MyTracker SDK в свое мобильное приложение.
Чтобы интегрировать ваше приложение с бесплатным MyTracker, вам необходимо:
- Войти в MyTracker.
- Перейдите к Кампании и нажмите Партнеры .
- Найдите VK Ads + MyTarget в списке партнеров.
- Перейти к Отправка события .
5. Выберите приложение.
Необходимые настройки:
- В App ID введите код, который вы получили при подключении приложения к VK Ads. Этот код также можно найти в Приложения раздел.
Код используется только один раз, при первом подключении, чтобы подтвердить право собственности на приложение. В остальных случаях код не нужен.
Чтобы запустить рекламу, оптимизированную для событий в приложении, и повысить эффективность ваших кампаний:
- установите режим отправки на Все при отправке события установки;
- в Пользовательские настройки событий , добавьте все ключевые события и включите отправку параметров.
6. Скопируйте и сохраните ссылку, а затем используйте ее для создания объявлений в своем аккаунте.
7. Нажмите СОХРАНИТЬ внизу.
Готово! Вы успешно интегрировали свой рекламный кабинет с трекером.
AppMetrica
Перед настройкой интеграции встройте AppMetrica SDK в свое мобильное приложение.
Чтобы интегрировать ваше приложение с бесплатной AppMetrica, вам необходимо:
- Войти в AppMetrica.
- Нажмите Создать трекер .
- Введите название трекера во всплывающем окне, выберите приложение из списка и установите myTarget в качестве партнера.
4. В разделе SmartLink добавьте одну платформу (Android или iOS) и укажите соответствующую целевую ссылку.
Оставьте поля Deeplink и Постклик пустыми.
5. В Настройки постбека нажмите Добавить постбэк .
Обязательные настройки:
- В поле Назначение постбэка укажите myTarget.
- В поле Event выберите Install .
- Выберите Install_postback в качестве шаблона обратной передачи.
- В поле постбека vk_app_id введите код, который вы получили при подключении приложения к VK Ads.
- Добавьте в конец ссылки параметр &mt_app_id= и в качестве его значения укажите код, полученный при подключении приложения (его также можно найти в разделе Приложения), чтобы было как на скриншоте.
Код используется только один раз, при первом подключении, чтобы подтвердить право собственности на приложение. В остальных случаях код не нужен.
Чтобы запустить рекламу, оптимизированную для событий в приложении:
- Нажмите Добавить постбэк .
- В поле Postback Receiver укажите myTarget.
- В поле Событие выберите событие для оптимизации рекламы. Мы рекомендуем снять флажок Отправлять постбэк только для первого целевого действия для более точной оптимизации.
- Выберите Event_postback в качестве обратной передачи по умолчанию.
- Добавьте &mt_app_id= в конец ссылки и в качестве его значения укажите код, полученный при подключении приложения (его также можно найти в разделе Приложения), чтобы это выглядело как на скриншоте.
Код используется только один раз, при первом подключении, чтобы подтвердить право собственности на приложение. В остальных случаях код не нужен.
Повторите эти шаги для всех событий, для которых вы хотите оптимизировать свои объявления.
Как повысить эффективность кампаний
Чтобы повысить точность прогноза, вы можете дать модели возможность обучаться на неатрибутированных установках и событиях. Для этого нужно сделать копии постбэков установки и событий. Установите флажок Отправлять постбэк по действиям всех пользователей.
6. Сохраните ссылку, скопируйте ее и используйте для создания объявлений в личном кабинете.
Готово! Вы успешно интегрировали свой рекламный кабинет с трекером.
AppsFlyer
Перед настройкой интеграции встройте AppsFlyer SDK в свое мобильное приложение.
Чтобы интегрировать ваше приложение с AppsFlyer, вам необходимо:
- Войти в AppsFlyer.
- Перейдите к управлению приложением, которое вы хотите интегрировать.
- Выберите в меню Интегрированные партнеры .
- Найдите myTarget в списке партнеров.
5. Перейдите к настройкам интеграции, щелкнув значок myTarget.
- Нажмите Активировать партнера .
- В поле App ID введите код, который вы получили при подключении приложения к VK Ads. Этот код также можно найти в Приложения раздел.
Код используется только один раз, при первом подключении, чтобы подтвердить право собственности на приложение. В остальных случаях код не нужен.
Необходимые настройки:
- В разделе Default postbacks включить отправку события Install . Мы рекомендуем включить отправку событий с параметром Все медиаисточники, включая органические , чтобы повысить эффективность кампании.
- В Настройки событий в приложении , вставьте код из VK Ads в поле App ID.
- Включить обратную передачу событий в приложении .
Чтобы сделать рекламу более эффективной и оптимизировать ее для событий в приложении:
- мы рекомендуем выбрать Все медиаисточники, включая органические в Вариант отправки .
- выберите Ценности и доход в разделе Отправить доход .
6. Скопируйте и сохраните ссылку, а затем используйте ее для создания объявлений в своем аккаунте.
7. Нажмите Сохранить интеграцию внизу страницы, чтобы сохранить изменения.
Готово! Вы успешно интегрировали свой рекламный кабинет с трекером.
Adjust
Перед настройкой интеграции встройте Adjust SDK в свое мобильное приложение.
Чтобы интегрировать ваше приложение с Adjust, вам необходимо:
- Войти в Adjust.
- Нажмите кнопку в виде стрелки в разделе приложения.
3. Выберите Настройка партнера в появившемся меню.
4. Найдите myTarget в списке партнеров и перейдите в управление.
Требуемые настройки:
- Включите интеграцию , переключив переключатель в самом верху.
- В поле App ID введите код, который вы получили при подключении приложения к VK Ads. Этот код также можно найти в разделе Приложения .
Код используется только один раз, при первом подключении, чтобы подтвердить право собственности на приложение. В остальных случаях код не нужен.
Для показа рекламы, оптимизированной для событий в приложении, и повышения эффективности ваших кампаний:
- включите Перенаправление доходов в приложении ;
- включить Переадресация сеанса .
Если у вас кроссплатформенное приложение, мы рекомендуем настроить перенаправление для каждой платформы с помощью параметров URL, чтобы предотвратить перенаправления JS. Пример:
iOS:
?redirect=https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fid{{Apple_Store_App_ID}}
Android:
?redirect=https%3A%2F%2Fplay.google.com%2Fstore%2Fapps%2Fdetails%3Fid%3D{{Google_Play_App_ID}}
5. Перейдите по ссылке события . Нажмите FILL ALL WITH EVENT NAMES , чтобы разрешить отправку всех событий (рекомендуется) или вручную введите события для передачи.
6. Скопируйте и сохраните ссылку, а затем используйте ее для создания объявлений в своем аккаунте.
7. Нажмите OK и СОХРАНИТЬ внизу страницы, чтобы сохранить изменения.
Готово! Вы успешно интегрировали свой рекламный кабинет с трекером.
Содержание
Читайте также
Реклама мобильных приложений
Добавление новых приложений
Интеграция приложений RuStore с трекерами
ВидеоАпп ВКонтакте (org.xjiop.vkvideoapp) 2.8.8 APK Скачать — Android APK 900 01
Скачать APK [2.8.8](9,68 МБ)
Описание приложения
VideoApp для ВКонтакте — простое приложение для поиска и просмотра видео из ВКонтакте.
Основные возможности:
✔ Новости с видео из ваших сообществ
✔ Просмотр видео пользователей и ваших друзей
✔ Сообщества с поиском
✔ Ваша видеотека, альбомы и закладки
✔ Поиск видео
✔ Встроенный видеоплеер с комментариями
✔ смотреть видео в любых сторонних плеерах
✔ Поддержка DLNA для отправки видео на ТВ
✔ Сохранение видео для офлайн-просмотра
✔ Загрузка видео
✔ Публикация видео на стене
✔ Сообщения
✔ Приложение для блокировки PIN-кода
✔ Доступна темная тема
✔ И многое другое!
Внимание:
* Приложение позволяет скачивать только те видео, которые хранятся на серверах ВК.
Вы не сможете скачивать видео со сторонних ресурсов.
* Вы не должны загружать видео, защищенные авторским правом, без разрешения владельца. Мы не несем ответственности за любое нарушение интеллектуальной собственности.
* Приложение использует только контент, доступный для разработчиков. Если вы заметили контент, нарушающий авторские права, сообщите нам об этом, и мы немедленно его удалим.
- Информация о приложении
- Список разрешений
| Интернет | Позволяет получить доступ к сети Интернет. |
|---|---|
| Доступ к состоянию сети | Позволяет получить доступ к информации о сетях. |
| Доступ к состоянию Wi-Fi | Позволяет получить доступ к информации о сетях Wi-Fi. |
| Чтение внешнего хранилища | Позволяет считывать с внешнего хранилища, например с SD-карты. |
| Запись на внешнее хранилище | Позволяет записывать на внешнее хранилище, например на SD-карту. |
| android.permission.USE_BIOMETRIC | Разрешение клиента приложения. |
| android.permission.FOREGROUND_SERVICE | Разрешение клиента приложения. |
| Блокировка пробуждения | Позволяет использовать PowerManager WakeLocks для предотвращения перехода процессора в спящий режим или затемнения экрана.  |