Как добавить приложение в меню вк
Сервисы VK Mini Apps — веб-приложения в нативном клиенте, позволяющие решать повседневные задачи или интересно проводить время, не выходя из ВКонтакте. Например, пополнять счёт транспортной карты, заказывать еду или такси, знакомиться с новыми людьми, искать работу или учить правила дорожного движения. Платформа открытая, так что сделать приложение может каждый. Большинство проектов придуманы независимыми разработчиками, но представлен и большой бизнес — «Макдоналдс», Dostaевский, ComicCon, «Ситимобил». А самым известным приложением на базе VK Mini Apps можно назвать, пожалуй, VK Coin — в начале апреля о нём говорили едва ли не все развлекательные паблики.
Изначально мы назвали платформу VK Apps, но недавно решили добавить в название приставку Mini. Кажется, так лучше передаётся суть проекта — лёгкие и быстрые сервисы в одном приложении VK прямо в телефоне. Этот формат уже успешен на китайском рынке: в мессенджере WeChat функционируют свыше миллиона «приложений в приложении».
Для пользователей преимущества сервисов, на мой взгляд, достаточно очевидны: знакомый интерфейс, не нужно устанавливать отдельные приложения и забивать память, не приходится искать программу среди десятков других иконок на телефоне.
Для бизнеса и разработчиков есть свои плюсы :
Во время работы над платформой мы поняли, что для пользователей сервисы VK Mini Apps должны восприниматься как что-то привычное, а для разработчиков — оставаться максимально простыми в создании. Поэтому мы остановились на веб-приложениях, которые будут открываться в WebView на полный экран. Все сервисы созданы с использованием открытой библиотеки для мобильного интерфейса, которой ежедневно пользуемся и мы сами. Это чистый веб, написанный на HTML, CSS и JavaScript без единой строчки нативного кода и мимикрирующий под приложение ВКонтакте.
VK Mini Apps стоит на трёх китах:
- Библиотека компонентов VK UI отвечает за скоростную разработку и внешний вид сервиса. Она содержит более 60 UI-компонентов на React для создания интерфейсов, сохраняет все привычные элементы и жесты, а ещё позволяет написать кроссплатформенное приложение, которое будет хорошо работать в наших официальных клиентах на iOS и Android, а также в мобильном браузере.
- Шина событий VK UI Connect предназначена для обмена данными между сервисами и приложением ВКонтакте. С помощью этого пакета вызываются нативные элементы, запрашиваются необходимые права и предзаполняются формы.
- VK API отвечает за работу с данными и событиями пользователя, а также сообществами и другими возможностями ВКонтакте.
К марту мы планировали выйти на 2 миллиона уникальных пользователей в месяц, а вышли на 10 миллионов. Всего сейчас на платформе — более 5 тысяч активных сервисов, но далеко не каждому из них нужен выход на всю аудиторию ВКонтакте. Поэтому в каталоге, который доступен всем пользователям, размещены около 90 сервисов — самых качественных и массовых. Есть и другие точки входа: сервис можно разместить в меню сообщества, добавить в чат-бота, а если ссылку на приложение вставить в публикацию, то к ней прикрепится красивый заметный сниппет. Кроме того, пользователи могут найти нужный сервис в общем поиске по ВКонтакте.
У нас получилось создать комьюнити разработчиков VK Mini Apps — сообщество, митапы, чаты. Мы поддерживаем общение с авторами успешных проектов, предлагаем им давать нам фидбэк и делиться опытом с другими разработчиками. Дальше я как раз расскажу о нескольких сервисах, которые стали популярны на нашей платформе.
Чтобы опробовать VK Mini Apps и просто «запилить что-нибудь смешное», один из независимых разработчиков в декабре 2018 года запустил абсурдный сервис — пользователи платят деньги, чтобы попасть в топ внутри самого сервиса.
На создание «Сотена» у меня ушла одна неделя. За первый вечер создал дизайн, за следующие три написал прототип, ещё три дня тестировал приложение. Для сравнения — столько же времени, ровно неделю, я потратил, чтобы найти юридическое лицо и официально принимать платежи в приложении.
Всего за неделю в «Сотен» пришли 150 тысяч пользователей, из них 2151 человек отправил деньги. Суммарный оборот сервиса составил 480 000 рублей. «Сотен» стал первопроходцем в своей нише и заложил тренд на простые по механике и быстрые в разработке сервисы с большим виральным потенциалом. Подробнее о сервисе можно прочесть в этом материале на VC.
В конце февраля приложение появилось в каталоге, но резко набрало популярность две недели спустя — когда разработчик добавил возможность опубликовать свою дату регистрации ВКонтакте в историях. Пользователи сравнивали свой результат с данными друзей, и это своеобразное соревнование стало невероятно виральным — за первые четыре дня сервисом воспользовались 2 миллиона человек, которые опубликовали больше 700 тысяч историй. 17 марта 21 % авторов всех историй ВКонтакте размещали их через Tool 42. Разработчик потратил всего один час на написание кода для публикации истории и тысячу рублей на создание картинки для шеринга у дизайнера.
Мы окупили то, что потратили на создание приложения, и уже вышли в плюс. При этом мы ничего не тратим на рекламу, все продажи — из органического трафика приложения. Приятно видеть, что трафик постоянно растет. И даже если не все пользователи делают заказы, о нас бесплатно ежемесячно узнают десятки тысяч пользователей. Хорошая брендовая инвестиция в будущее.
Социальная сеть Вконтакте позволяет своим пользователям добавлять различные приложения, что сделает работу в сообществе более удобной и продвинутой. Новый функционал помогает подписчикам и участникам более активно взаимодействовать между собой, обмениваться информацией.
Чтобы получить доступ к приложению, его необходимо сначала настроить, а потом управлять, используя специальные кнопки. Сервис можно либо создавать самостоятельно, выбирая желаемый уровень сложности, либо воспользоваться предложенными шаблонами. Среди приложений, которые доступны пользователям, стоит отметить возможность загрузить программку для покупки билетов, создать опрос или развлекательный тест. Также предусмотрена возможность записи пользователей на услуги руководителя группы в онлайн-режиме.
Для того, чтобы получить возможность пользоваться новыми инструментами и возможностями, необходимо внести определенные настройки в разделе «Управление страницей». Весь процесс занимает не больше пяти минут, если выполнять правильно следующие взаимосвязанные действия:
1. Зайти в меню управления и перейти во вкладку «Информация» (на этой странице будут отражаться все данные, видимые пользователям, заходящим в группу);
2. Поставить галочку напротив строки «Приложения»;
3. Далее приложение можно выбрать из выпадающего списка или же создать собственное. Когда будет активирована вкладка «Использовать приложение», тогда внизу страницы появится ссылка, позволяющая добавить нужное приложение в группу на выбранной странице. Разработчики создали специальный раздел, который охватывает самые возможные программы для сообществ. Степень расположения программок в каталоге находится в порядке популярности – от самых релевантных до наименее востребованных пользователями Вконтакте;
4. В том случае, если ссылка не была найдена, то стоит поискать линк на главной странице сообщества. Располагается линк справой стороны внизу страницы.
Таким образом, после выполнения всех рекомендаций относительно добавления приложений, можно легко создать приложение в группе или паблике. В результате чего в верхней части группы появится кнопка, приглашающая участников воспользоваться программкой. Необходимо внести и настройки пользования, подразумевающие создание доступа или ограничение для доступа к приложению. Также это касается настроек относительно возможности изменять содержимое приложения. Такими правами, обычно, наделяются администраторы и модераторы.
Мы много рассказываем о том, как создавать мини-приложения и запускать их на платформе VK Mini Apps. И видим, сколько классных идей у разработчиков — и опытных, и начинающих. Хочется, чтобы каждый мог воплотить свою задумку в компактном сервисе, который легко войдёт в жизнь пользователя.
Так что в этой статье собираем все материалы, рекомендации и полезные ссылки. Сгруппируем их по этапам жизненного цикла мини-приложения: от идеи до релиза и монетизации.
Находим идею
Ищите идею удобного сервиса — в своём и чужом опыте, в проблемах людей, в любой сфере жизни. Устраивайте мозговые штурмы сами с собой, с родственниками или друзьями — и фиксируйте каждую мысль. Такие записи помогут спланировать разработку так, чтобы потом не пришлось откатываться к началу и добавлять упущенную функцию.
Проектируем и прототипируем
Когда идея полностью сформулирована, приступайте к проектированию. Здесь творчество сменяется рутинными, но очень важными процессами — именно они сберегут вам нервы и ресурсы на этапе реализации.
Наглядный пример стоимости ошибки на разных этапах разработки:
Убедитесь, что идея жизнеспособна. Если планируете зарабатывать на своём мини-приложении и нужен будет трафик — проведите исследование потенциального рынка. Соберите данные, пообщайтесь с целевой аудиторией, изучите её потребности и боли. Составьте две-три пользовательские истории. Займитесь техническим проектированием: составьте список фич, которые хотите видеть в MVP и в финальной версии.
После этого можно переходить к созданию прототипа вашего будущего приложения.
→ Что посмотреть:
-
— о проектировании, работе с аудиторией, анализе рынка и инструментах, которые помогут быстро набросать прототип.
Кастомизируем UX/UI
На этом этапе предстоит балансировать между «Делаю, как мне нравится», «Делаю как умею» и «Делаю, как будет удобно пользователям».
Найти и сохранить такое равновесие сложно даже опытным дизайнерам и разработчикам. Так что этап кастомизации — поле бесконечных экспериментов, А/B-тестов и проверок гипотез. У тех, кто создаёт мини-приложения, есть мощное подспорье — VKUI. Это набор React-компонентов, с помощью которых можно создавать интерфейсы, внешне неотличимые от приложения VK.
→ Что пригодится:
-
— все доступные компоненты интерфейсов, чтобы ваше мини-приложение выглядело как нативный клиент. Бонус: ассеты VKUI для Figma — они бесплатны сами по себе, но доступны только в платной версии программы. — пригодится, если вы ещё не работали с этим фреймворком. Затем можно возвращаться к компонентам VKUI. — набор SVG-иконок, представленный в виде React-компонентов. — полезный материал для десктопной реализации мини-приложений.
-
— раздел большой статьи о критериях модерации на платформе VK Mini Apps.
Разрабатываем
Наконец можно приступить к реализации. Делимся всеми ссылками, которые вам помогут.
→ Must read перед разработкой:
-
— документ № 1. — большая статья о том, как попасть в каталог.
-
— подробный официальный материал о том, как запустить своё первое мини-приложение. — опыт стороннего разработчика.
-
— статья с подробным описанием методов и объектов интерфейса, процесса регистрации приложения, авторизации пользователя, прав доступа. — принципы работы и методы API. .
-
— инструкция. — полезный сервис: кнопка Add Dependency позволяет добавлять нужные библиотеки, а Save создаст уникальную ссылку на ваш проект.
-
— дорожная карта для начинающего веб-разработчика. Обзор областей знания и концепций со ссылками на учебные материалы (на английском). , часть 1 — Глеб Воронцов показывает техническую часть разработки: панель администрирования, инструменты и многое другое. , часть 2, — финишная прямая: VKUI, VK Bridge и наглядный кодинг. — подробная статья о том, как сделать навигацию в мини-аппе для платформ iOS и Android, включая свайпы и аппаратные кнопки. — github-репозиторий с примером реализации мини-аппа. — песочница для тестирования VK Bridge.
Проходим модерацию и тестирование
Модераторы проверят, соответствует ли он правилам размещения сервисов на платформе VK Mini Apps и учтены ли критерии размещения. Ещё они могут отметить, где стоит доработать UX и UI. Замечания модераторов помогут улучшить приложение, а на финальной проверке — ещё и устранить уязвимости, угрожающие данным пользователей.
→ Что посмотреть:
Чтобы сервис попал к ним в ближайший четверг (актуально для каждой недели), нужно написать модератору, что вы готовы к тестированию, в понедельник до 18:00 по московскому времени.
В среднем бета-тестирование занимает около двух полных недель. Есть смысл постараться попасть в него как можно раньше — особенно если вы претендуете на грант от VK Fresh Code. Участники конкурса размещают готовое мини-приложение в каталоге до заявленной даты. Для нынешней, четвёртой волны программы — это 21 октября 2020 года.
Финальная модерация: выходим в каталог
Все репорты закрыты, и ваш мини-апп вышел из тестирования почти идеальным. Пора ещё раз напомнить о себе модератору — в том же тикете, где вы общались ранее.
Останется сделать приятные мелочи: загрузить иконки и обложки для отображения в каталоге и на сниппетах. После этого ваш проект опубликуется в официальном каталоге платформы VK Mini Apps.
После релиза: продвигаем и монетизируем
Активная аудитория растёт, количество показов рекламы увеличивается, система монетизации работает. Что дальше?
Главное — не останавливаться на достигнутом и продумать качественную рекламную кампанию для мини-приложения.
Продвижение
→ Что почитать:
-
— статья от команды ВКонтакте для бизнеса. Понятно о том, как создавать интересный контент и для чего нужна сегментация аудитории.
-
— мастер-класс Эдуарда Мухина, сертифицированного специалиста по рекламе ВКонтакте.
- для рекламы мини-аппов существует отдельный аукцион — а значит, нет конкуренции с предложениями заработков и записью на ноготочки. Стоимость показов и переходов в 2–3 раза дешевле, чем у обычных объявлений;
- разработали много нативных способов продвижения и инструментов для тонкой настройки аудитории;
- регулярно проводим акции для разработчиков мини-приложений — иногда можно вообще не тратиться на рекламу самим.
Сейчас ВКонтакте есть две модели монетизации мини-приложений: это покупки внутри приложений и реклама. Их можно использовать отдельно или вместе.
Если сказать, что социальная сеть «Вконтакте» совершенствуется из месяца в месяц, это значит, ничего не сказать. Последние несколько месяцев Павел Дуров ежемесячно анонсировал появление новых дополнений и возможностей. Если учитывать, что «Вконтакте» был создан по образу известной сети Facebook, то сегодня можно сказать, что эти 2 сайта разделяет очень многое. Среди множества особенностей работы с группами «Вконтакте» можно выделить дополнение в группу всех элементов, добавляемых на страницу пользователя (фотографии, видеозаписи, приложения).
- Как добавить приложение в группу
- Как сделать приложение ВКонтакте
- Как разработать приложение Вконтакте
- Редактирование настроек управления личной группой в социальной сети «Вконтакте».
Добавления приложения в вашу группу можно осуществить одним действенным способом: перейти в настройки группы и активировать любое приложение. После входа в группу, необходимо нажать кнопку «Управление группой» на правой панели администратора группы. На открывшейся странице перейдите на вкладку «Информация». На этой странице будет отображаться вся информация, которая видна пользователям при переходе в эту группу.
Используя колесико мыши, или боковой ползунок страницы, перейдите вниз страницы. Активируйте пункт «Использовать приложения». Ниже появится ссылка «Приложения: Вы можете добавить приложения в группу на этой странице" После перехода по ссылке, нажмите на вкладку «Каталог приложений». Перед вами появится список всех приложений, доступных для работы в социальной сети «Вконтакте». Стоит отметить, что их расположение в этом списке зависит от степени их релевантности (популярности).
Если вы не нашли ссылку для выполнения поиска приложений, то ее можно найти на главной странице вашей группы. Она находится в правой колонке администратора, как правило, ее расположение в самом низу страницы.
Читайте также: