Как создать в ВКонтакте приложение – зарабатываем на собственном проекте

VK Mini Apps — платформа для создания удобных функций, которые не требуют установки и открываются прямо ВКонтакте. Заказывать еду или такси, знакомиться с новыми людьми, искать работу или приобретать товары и услуги — всё это можно делать не покидая суперприложение VK.

Большинство VK Mini Apps придуманы независимыми разработчиками. На сегодняшний день пользователям ВКонтакте доступно уже 13 тысяч активных мини-приложений. Только за последний год количество людей, которые ими пользуются, выросло в 12 раз — с 1,6 миллиона до 23 миллионов.

VK Mini Apps предлагает решения и для бизнеса. Предприниматели найдут приложения для аналитики и оптимизации сообществ, оформления страниц и расширения их функциональности за счёт новых виджетов.

Команда ВКонтакте для бизнеса собрала 5 полезных приложений на платформе VK Mini Apps, созданных специально для предпринимателей и маркетологов.

«SMM анализ»

Приложение «SMM анализ» поможет администраторам и владельцам Страниц бизнеса ВКонтакте получить полную аналитику по их сообществам.

Как повысить конверсию на 94%, перекрасив несколько пикселей

Показываем на сайте девелопера.
История трёх А/Б-тестов →

Спецпроект

Ознакомиться с практическими рекомендациями по обновлению сообщества и ответить на вопрос, почему в нём мало продаж, легко:

• откройте приложение;
• выберите одно из сообществ в списке. Кстати, проанализировать можно не только страницы, где вы администратор, но и сообщества из ваших подписок;
• нажмите кнопку «Анализировать», и приложение проверит ваше сообщество по собственному чеклисту.

В результате вы получите практические советы по оптимизации вашей страницы. «SMM анализ» расскажет, как лучше оформить основные разделы вашего сообщества и повысить пользовательскую активность.

Для получения результатов не обязательно быть владельцем страницы. Вы всегда можете проверить, как идут дела у конкурентов и подсмотреть полезные решения.

Разработчик приложения: SMM секреты с Анастасией Юговой

Подробнее о платформе VK Mini Apps

Социальная сеть позволяет разработчикам создавать веб-приложения, цель которых – решение различных повседневных задач (общение, просмотр погоды, курса валют, пробок на улицах).

При этом:

• пользователям не нужно скачивать приложения из App Store или Google Play;
• все функции программы работают при открытой странице профиля ВК;
• нет нужды нигде регистрироваться для запуска программы;
• формат выгоден как сайту, так и разработчикам;
• сервисы присутствуют не только в компьютерной версии, но и в мобильном приложении.

Структура и особенности

Любой сервис ВК является веб-ресурсом, управление которым осуществляется в специальной панели социальной сети.

Возможно разместить 3 различных версии приложения:

1. Для браузеров сотовых телефонов (m.vk.com).
2. Для персонального компьютера (vk.com).
3. Для мобильных клиентов (с помощью нативных программ).

Веб-ресурс можно встроить через системный компонент Android WebView или через Inline Frame.

Приложения создаются на базе CSS, JavaScript, HTML (лично мне удобна Java, т.к. ее язык чем-то похож на C++). Для новичков в области программирования существуют бесплатные шаблоны и библиотеки ВК, позволяющие в короткий срок освоить все необходимые операции. Также многие другие полезные ресурсы (программы для создания интерфейса, тестирования, встраивания) находятся в разделе «Разработчикам» (vk.com/dev).

Как работает «ВК Мини Аппс»

Все сервисы создаются при использовании компонентов библиотеки для интерфейса.

Я бы отметила 3 пункта, которые обеспечивают бесперебойную работу мини-приложений в ВК:

1. VK UI Connect. Обмен данными между сервисами ВК и приложениями (важно при создании программного обеспечения для сферы продаж).
2. VK API. Интерфейс, позволяющий получать информацию о пользователях и сообществах ВК, а также о событиях и мероприятиях (развлекательных сервисах, играх).
3. VK UI. Адаптивные компоненты React. Они используются при проектировании сервиса, его внешнего вида. Включают в себя более 70 лучших мини-программ для React–JavaScript, позволяют писать кросс-платформенные веб-программы.

Также читайте: Достоинства и отрицательные стороны сервиса Вконтакте

Разработка приложений

Алгоритм создания сервиса:

1. Создание жизнеспособной либо необычной идеи.
2. Проектирование (исследование потенциального рынка, общение с целевой аудиторией).
3. Кастомизация, создание интерфейса. Работа проходит с помощью фреймворка React и VKUI StyleGuide.
4. Разработка. Перед этим важно почитать правила и критерии размещения сервисов во ВК. Полезными будут WebSkills, Poo-Mini-App, VK Bridge Sandbox.
5. Прохождение модерации.
6. Бета-тестирование в системе Testpool (занимает около 2 недель).
7. Выход в каталог, загрузка иконок, обложек для отображения на сниппетах. Публикация проекта.
8. Дальнейшая монетизация, реклама, продвижение.

Библиотека VK Connect

Сервис обеспечивает доступ к возможностям социальной сети.

Среди них:

• вызов карточки контактов;
• получение геопозиции;
• сканирование QR-кодов;
• поддержка запросов к API VK.

«Рассылки сообщений»

Держите подписчиков в курсе самых важных новостей. Предложите им подписаться на рассылку и вовремя узнавать о поступлениях товаров или актуальных акциях.

Запускаете новый магазин или кофейню — сообщите дату и место открытия, продаёте билеты на концерты — отправьте напоминания накануне мероприятия. Главное, не злоупотребляйте сообщениями, иначе можно свести все усилия на нет. Частые рассылки начинают восприниматься как спам и не принесут вам пользы.

Для того чтобы подписаться на ваши новости, участникам нужно нажать кнопку в меню сообщества. А распространять вы их сможете через приложение «Рассылки сообщений».

Вы также можете подключить специальную платную версию рассылки. Она будет доступна только заплатившим за неё подписчикам. Функция полезна для тех, кто, к примеру, продаёт услуги онлайн-образования и хочет поделиться особенным контентом — расширенными уроками или дополнительными учебными материалами.

Разработчик приложения: Happy Santa

Мини-приложения, стикеры и тесты: как телеканалы продвигают свои программы в соцсетях

Телеканалы используют разные способы для продвижения своих проектов: от креативной наружной рекламы до диджитал-кампаний. Онлайн-форматами зрителей и пользователей уже давно не удивить, поэтому компании борются за внимание аудитории с помощью нестандартных механик и инструментов: мини-приложений, вертикальных видео, QR-кодов, стикеров и масок. Эксперты «ВКонтакте» на примере «Пятницы», «ТВ-3» и СТС разобрали, как телеканалы продвигают свои передачи в соцсетях.

Телеканал «Пятница»: квест «Пацанки» и десерты для «Кондитера»

Сервис с квестом для шоу «Пацанки»

К новому сезону проекта «Пацанки» телеканал «Пятница» запустил мини-приложение на платформе VK Mini Apps. В этом году в реалити-шоу «Школа леди» переехала в другое место, поэтому в основу сервиса легла идея квеста: доберись до нового дома.

Пользователи проходили испытания и получали за это стикеры, а в финале могли «примерить» тематическую маску «ВКонтакте».

Две недели в эфире телеканала несколько раз в день появлялись ролики и плашки с рекламой сервиса. Чтобы открыть мини-приложение, зрителям достаточно было отсканировать QR-код с помощью камеры «ВКонтакте».

В итоге за две недели мини-приложение открыли почти 1,2 млн раз. Маску примерили около 700 тыс. раз, а истории с ней опубликовали 240 тыс. пользователей. Наборы стикеров себе добавили 450 тыс. пользователей.

Ирина Храпченкова, digital-директор телеканала «Пятница»:

Мы выбрали для продвижения проекта игровую механику, потому что нельзя игнорировать феноменальный рост игровых мобильных приложений: по данным AppsFlyer, в год пандемии количество установок гиперказуальных игр выросло на 90% год к году. Платформа VK Mini Apps позволяет собрать любое приложение и получить доступ к большой аудитории «ВКонтакте». Это позволило нам не заниматься привлечением дополнительного трафика, а использовать текущую фан-базу проекта.

Кулинарные шедевры для промо шоу «Кондитер»

Весной «ВКонтакте» и «Пятница» запустили совместный проект к новому сезону шоу «Кондитер». Организаторы призывали пользователей публиковать свои кулинарные шедевры с хештегом #страшносладко на личных страницах соцсети или в комментариях под записью в сообществе телеканала. Работы лучших авторов украсили улицы Москвы — их изобразили на рекламных билбордах. Всего пользователи прислали более 6 тыс. работ.

Три мини-приложения для СТС

«Полный блэкаут» и стикеры

Во время шоу «Полный блэкаут» зрители телеканала СТС могли отсканировать QR-код и открыть мини-приложение «ВКонтакте». Здесь им предлагалось угадать слово, полагаясь только на слух. Все ответившие верно получали фирменные стикеры СТС или подписку на more.tv. Спецпроект привлек более 200 тыс. уникальных пользователей.

«Галилео» и вопросы из школьной программы

Зрители обновленной программы «Галилео» могли проверить свои школьные знания в специальном мини-приложении. Составить вопросы помогали представители научно-популярных пабликов «ВКонтакте». Мини-приложение с тестом открыли более 4,5 млн раз.

«Гости из прошлого» и советские очереди

По сюжету нового сериала «Гости из прошлого», который стартовал на СТС 26 октября, в ходе научного эксперимента Матвея Пиотровского произошел временной сбой, и к нам отправились люди из 1982 года.

К запуску сериала СТС подготовил мини-приложение «Гости из прошлого», в котором бесконечные очереди восьмидесятых проникли в настоящее. Пользователям предлагают погрузиться в атмосферу проекта: занять место в предложенных очередях либо создать свою. Например, можно встать в очередь за квартирой, айфоном или нормальным 2022 годом. Проект еще идет, но сервису уже удалось собрать более 3,5 млн просмотров.

«ТВ-3» и продвижение в «Клипах»

Челлендж #ЛучшийпёснаТВ3 в Клипах ВКонтакте

Летом, в преддверии выхода нового шоу, «ТВ-3» запустил челлендж #лучшийпёсТВ3 в разделе «Клипы» «ВКонтакте» — сервисе коротких вертикальных видео, который соцсеть запустила в июне. Телеканал публиковал видео с уроками дрессировки для собак, а пользователи в клипах повторяли команды со своими питомцами.

Победитель получил курс дрессировки для питомца, а несколько призеров — мерч телеканала.

Наталья Навотная, менеджер по работе с медиапартнрами «ВКонтакте»:

Сначала нас немного смущала не самая простая механика проекта. Для участия в челлендже нужен был пес, да не простой, а готовый исполнять команды на камеру. Чтобы поддержать участников, мы решили выбрать своего победителя и отправить ему подарки от «ВКонтакте». К концу челленджа клипов стало так много, что наше сердце просто разрывалось от того, что нужно выбрать единственного победителя. Мы рады, что сделали этот проект с «ТВ-3», разнообразили «Клипы» славными псами.

Кастинг в шоу «Последний герой»

В конце сентября «ТВ-3» и «ВКонтакте» открыли в соцсети кастинг в легендарное шоу «Последний герой». Участникам нужно было записать видео о себе длительностью до трех минут и опубликовать его в своем профиле или в «Клипах»с хештегом #ХочуНаПоследнийГеройТВ3.

Пользователи опубликовали более 1,5 тыс. заявок. Все работы собирались в специально разработанном приложении и компоновались по городам. Когда первый этап кастинга завершился, члены жюри отправились в топ-5 самых активных городов, чтобы отобрать настоящих героев и устроить им очный кастинг.

«Отзывы»

Многие перед покупкой предпочитают узнавать мнения других людей об интересующих товарах или услугах. Зачастую это становится ключевым фактором в принятии решений. Добавьте возможность делиться отзывами на вашей странице и покажите клиентам, что уверены в своём бизнесе. Это только повысит их доверие к вам. Как только вы установите «Отзывы» на своё сообщество, любой пользователь ВКонтакте сможет поделиться своими впечатлениями о вашей компании.

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

Разработчик приложения: Разработка приложений ВКонтакте

Что нужно первоначально для создания приложения в Контакте

Если вы хотите пройти весь путь создания такого рода продукта самостоятельно, то нужно быть готовым к тому, что дело это не лёгкое и вам наверняка придётся овладевать определёнными знаниями и специфическими умениями, кроме того, вполне возможно, что ваш проект потребует и финансовых затрат.

Начнём с ознакомления с документами, подготовленными для пользователей администрацией «ВК»:

С правилами платформы, требованиями, списком методов и т.д. можно будет ознакомиться на официальной странице для разработчиков.

SpyCat

SpyCat не просто мини-приложение, а полноценная коллекция умных виджетов для создания промостраниц, каталога товаров, списков клиентов, запуска актуальных акций и персональных предложений.

В SpyCat создано уже более 115 тысяч виджетов, которыми пользуются свыше 100 тысяч сообществ! В их числе и крупные бренды.

Необходимо повысить вовлечение или поднять продажи? Всего за пару кликов вы сможете настроить показ персональных обращений, установить уникальную обложку сообщества, поделиться списком предложений на которые у вас сейчас действуют скидки и акции. Сложно перечислить даже малую часть того, что доступно в SpyCat. Поэкспериментируйте с множеством виджетов и узнайте, какие из них лучше решат ваши бизнес-задачи.

А недавно команда запустила конструктор промостраниц на базе VK Mini Apps — Spycat Page. Он позволяет создавать посадочные страницы в соцсети и увеличивать конверсию с рекламы до 40%! Вы можете подключить к своему лендингу пиксель ВКонтакте, сервисы рассылок приложений, уведомления и даже сторонние системы аналитики.

Разработчик приложения: Spycat

Язык программирования приложений для “ВКонтакте”

Из документов следует, что все приложения, которые будут разрабатываться применяют API (определённые команды, используемые различными программами Vkontakte) и делятся на два типа:

1. Flash-приложения – файлы с расширением .swf., созданные в среде Adobe Flash и после компиляции в файл загружаемые на свой сервер или на серверы конкретного ресурса.
2. Iframe-приложения (ифрейм) – создаются с использованием разных технологий, которые предоставляются браузерами, существующими на сегодняшний день, после чего, пользователи смогут пользоваться приложением из определённого окна.

Программа будет принимать и передавать данные посредством JavaScript – специального языка веб программирования, созданного для приложений, работающих в интернете на веб-сайтах.

Ниже я только назову некоторые технологии и языки программирования, с которыми вам нужно разобраться самостоятельно, поскольку так или иначе при создании приложения придётся столкнуться с этими понятиями, так как без таких знаний работать над проектом просто нереально:

Об JavaScript уже было сказано выше, кроме этого нужно знать:

• PHP – язык программирования, применяющийся для автоматизации работы с сайтом.
• HTML – язык маркировки (или разметки) гипертекста, предназначенный для разработки Web-страниц.
• 3D движки – инструменты, существенно ускоряющие и упрощающие процесс разработки, графической составляющей, т.п.
• Adobe Flash – специальная мультимедийная платформа, использующаяся для разработки веб-приложений. В неё входят такие инструменты, как Adobe Flash Professional и программа воспроизведения флеш-контента. Первым делом, приступая к созданию приложения, нужно загрузить и установить Adobe Flash

Теперь об исходниках.

Сейчас в сети интернет можно найти множество исходников приложений для «ВК», большинство из них бесплатны, более подробная информация есть на оф. сайте. Для получения самих кодов понадобятся декомпиляторы, с помощью которых придётся поработать над файлом с исходником.

«Афиша»

Часто организуете мероприятия? Или, возможно, продаёте туры или билеты на концерты? Обратите внимание на приложение «Афиша». С его помощью вы можете удобно настроить все предстоящие мероприятия и встречи.

Приложение позволяет не только указать точную дату, время и место проведения событий, но и предложить участникам купить билеты, не покидая ВКонтакте.

Разработчик приложения: Афиша Dvizh

Примеры полезных и интересных мини-приложений VK

Веб-приложения помогут сэкономить свои время и силы:

1. Программы для заказа еды («Макдоналдс Макфест», DLVRY, Pizza Hut и др.), цветов, одежды.
2. Запись к врачу (DocOnline), юристу (PravovedRu), такси.
3. Сервисы покупок (AliExpress, Wildberries).
4. Туризм и путешествия (поиск билетов – ScyScanner, BlaBlaCar, поиск отелей – Airbnb, Hotellook).
5. Бизнес (DyLanding, «Мой ЖК», «Автоботы продаж», SocialSend).