Любое коммерческое сообщество ВКонтакте нуждается в грамотном администрировании. И речь идет не только о размещении постов или удалении спама, но и о других действиях, которые помогают содержать группу в порядке и привлекать целевую аудиторию.
Для экономии времени разработчики приложений для соцсетей внедрили инструменты, которые помогают следить за группой, выявлять отписавшихся и % «особачивания», анализировать и модерировать сообщество в упрощенном экспресс-режиме.
Создать сайт бесплатно
Рассмотрим самые популярные приложения для администраторов.
Поиск «мёртвых» участников и подписчиков
Приложение выполняет функцию поиска заблокированных и удаленных пользователей в тех сообществах ВКонтакте, которые вы администрируете. Это необходимо, чтобы выявить способ раскрутки, если вы доверили продвижение SMM-специалисту, он пообещал только «живых», а сам накрутил ботов, которые потом были забанены соцсетью. Также данный инструмент позволяет увидеть список «собачек», экспортировать его в разных форматах и сравнивать с предыдущими результатами, если ранее вы уже сканировали группу приложением.
Как скачать и установить VK Admin на ПК
- Загрузите установщик эмулятора BlueStacks с этого сайта. Ссылка находится внизу страницы.
- Запустите его, установите эмулятор по инструкции.
- Запустите эмулятор, авторизуйтесь через учетную запись в Google +.
Пройдите авторизацию
- Введите в поиске название программы.
- Выберите приложение из списка.
- Загрузите его. После этого вы сможете использовать VK Admin для ПК.
Видео-обзор
Модератор
Оповещает модераторов группы о таких событиях в сообществе, как комментарии, сообщения, предложенные записи, последние вступившие и т.д. Уведомления не только отображаются в самом приложении, но и могут приходить в виде личных сообщений ВКонтакте или Telegram.
Зачем постоянно заходить на страницу и мониторить действия подписчиков, когда можно просто подключить «Модератор» и быть всегда в курсе того, что происходит в группе!
Отслеживание комментариев
Chotam
Сервис позволяет отслеживать упоминания бренда в соцсетях и своевременно отвечать на комментарии. Уведомления о новых упоминаниях приходят на почту. Помимо отслеживания своих пабликов сервис дает возможность посмотреть, что в соцсетях говорят о конкурентах.
Цена
: от 190 до 5000 руб. в месяц, 7 дней бесплатного пробного периода.
Расширения для браузеров
: нет.
Язык
: русский.
Babkee
Аналогичный и при этом бесплатный сервис для отслеживания упоминаний бренда в социальных сетях и анализа рынка конкурентов.
Цена
: бесплатно.
Расширения для браузеров
: нет.
Язык
: русский.
Виджет в сообществе
Буквально несколько месяцев назад во многих популярных пабликах ВКонтакте стали появляться необычные блоки с приветствием посетителей сообщества. Выглядит это необычно и сразу же привлекает внимание тем, что обращаются к вам по имени. Оказалось, что это новое приложение для vk.com, которое создано, чтобы обращаться к пользователю с персонализированным приветствием или предложением товаров, услуг.
При помощи этого решения можно установить виджет на главную страницу группы, в котором будет отображаться текст и фото для гостей сообщества. Помимо приветствия, есть возможность отображать витрину товаров до 3 единиц с внутренними ссылками.
Особенности
Интерфейс максимально близок к ВКонтакте. Главный экран – Admin VK com показывает пользователю перечень групп, где он является администратором и оповещения напротив них. Пройдя этап названия публичной страницы, вы можете увидеть пользователей, которые прислали сообщения администратору.
Прямиком с главного экрана вы можете создать новую группу и перейти к ее управлению. Кроме того, снизу располагается меню «Настройки», оно позволит регулировать уведомления из разных сообществ.
Через утилиту возможен просмотр и редактирование актуальных новостей, публикация предложенных постов, блокировка нарушителей. Т.е. приложение обладает практически тем же функционалом управления публичных страниц, что и компьютерная версия веб-сайта. Благодаря этому люди, ведущие бизнес в соцсети, организаторы различных мероприятий, владельцы сообществ по интересам могут поддерживать связь с подписчиками и управлять своим сообществом в любом месте.
Сравнение аудитории групп
Позволяет сравнивать пересечения аудиторий между двумя группами. Для этого нужно в поля ввести ссылки на эти сообщества, отметить галочкой пункт «Экспорт данных», чтобы вы могли просмотреть список совпадающих пользователей, и кликнуть на изображение посередине, которое разделено надвое и отображает аватарки групп.
Что это за приложение
VK Admin — приложение, разработанное для администрирования сообществ в соцсети ВКонтакте. Основное назначение данной программы – общение администраторов с подписчиками и клиентами. Высокоэффективная коммуникация между пользователями и администратором создается благодаря системе уведомлений, позволяющих всегда быть на связи. Именно поэтому все больше людей решают скачать бесплатно VK Admin на компьютер.
В отличие от подобных аналогов, ВК Админ была создана участниками официальной команды ВКонтакте. Она полностью оптимизирована под соцсеть и регулярно обновляется вместе с веб-сайтом.
Исходный код вики-страниц
Наверняка, вы хоть раз видели красиво оформленные группы ВКонтакте со сложным меню, состоящим из множества разделов и кнопок. Чтобы создать нечто подобное, необходимо знать верстку вики-страниц vk.com. Однако можно просто подглядеть, как все реализовано в других сообществах и скопировать себе, поменяв текст и фото.
Данное приложение как раз помогает это сделать при помощи просмотра исходного вики-кода в любой группе ВКонтакте, даже если вы к ней не имеете никакого отношения.
Чтобы увидеть разметку чужой страницы, необходимо в нижнее поле «Ссылка на сообщество» ввести ее адрес, нажать на кнопку «Просмотр». Затем напротив нужной страницы (например, Меню группы) кликнуть по ссылке «просмотр кода».
Код можно выделить, скопировать и вставить в свою группу, заменив фото и текст.
Пожертвования
Если вы нуждаетесь в деньгах на развитие проекта и у вас в сообществе есть подписчики, для которых это важно, подключите приложение «Пожертвования». Оно позволит вам собирать донаты посредством специального виджета в группе.
Переводить средства вам будут при помощи 4 платежных систем:
- Яндекс.Деньги
- CloudPayments
- QIWI
- PayPal
Чтобы получать пожертвования другими способами, укажите это в текстовом блоке, но в этом случае пользователи смогут делать переводы только вручную.
Тесты
Пользователи ВКонтакте питают особую страсть к тестам. «Узнай, кем бы ты был в 1917 году», «Какой ты персонаж из вселенной Звёздных войн», «Угадай, какой цвет глаз у твоего будущего мужа».
Теперь создать такой тест в сообществе можно за считанные минуты. Если идея зацепит ваших подписчиков, они будут с радостью делиться результатами — история получится очень виральной.
Тест от команды Поддержки ВКонтакте
Целая коллекция тестов о культуре
Тест, который поможет выбрать интересный фильм, — от канала ТВ-3
Развлекательные тесты в сообществе о красоте
Random App
Приложение создано для рандомного определения победителя в розыгрышах. Счастливчик выбирается случайным образом из тех, кто лайкнул или репостнул конкурсную запись, либо из всех участников группы.
Если необходимо отсеять «левых» пользователей, которые не подписаны на сообщество, нужно пометить галочкой пункт «Только члены группы».
Чат
Приложение «Чат ВКонтакте» стало не только победителем Хакатона ВКонтакте в прошлом году, но и считается самым популярным на площадке. Если кроме комментариев под записями, вы хотите подарить подписчикам дополнительное общение, чат подойдёт сообществу идеально.
Обсуждайте с читателями свежие новости, делитесь мемами и советами в режиме реального времени. Зачастую посетители сообщества с большой охотой общаются друг с другом. К чату страницы может присоединиться любой пользователь ВКонтакте. Впрочем, можно установить ограничение, сделав его доступным только подписчикам.
Чат геймеров от сообщества IGM
Администраторы могут блокировать нарушителей и фильтровать сообщения, чтобы поддерживать порядок. Вверху чата можно закрепить видеоролик или прямую трансляцию — ваши подписчики могут коллективно следить за спортивными соревнованиями и обсуждать происходящее в чате.
Чат сообщества «Салон Красоты» для обсуждения beauty-трендов
Статус заказа
Приложение предназначено для уведомления клиентов о статусах их заказов. Для работы этого инструмента необходима интеграция с CRM (например, amoCRM, retailCRM).
В шаблонах оповещений можно указывать ФИО клиента, его адрес и телефон, № заказа, электронную почту и многое другое. Сами уведомления приходят подписчикам в виде личных сообщений, процент открытия которых выше, чем у SMS или почтовых рассылок.
Отзывы
До появления этого приложения администраторам сообществ ВКонтакте приходилось создавать обсуждения, где клиенты могли оставлять свои отзывы и предложения. Сейчас в этом уже нет необходимости, так как при помощи данного инструмента покупатель может оставить отзыв о вашем товаре или услуге в один клик. Администратор же, со своей стороны, может разместить виджет с отзывами на видном месте в группе.
Если у вас уже есть отзывы в обсуждении, их можно через настройки загрузить в приложение и добавить в виджет, чтобы они отображались на странице сообщества.
Экономьте время, повышайте эффективность своих групп и автоматизируйте SMM-процессы с помощью рассмотренных в этой статье приложений!
Создать сайт сейчас!
Разработка приложения VK mini app
Итак, приложение VK Mini Apps — это, по сути, обычное веб-приложение, которое встраивается в платформу посредством iFrame или WebView. Поэтому выбор технологий, на котором оно будет написано, за вами.
Однако для разработки фронтенда «ВКонтакте» рекомендует собственную библиотеку готовых компонентов VK UI, выполненную на React:
Это удобно — многие типовые компоненты уже готовы, осталось только встроить их в структуру вашей страницы или SPA.
Компоненты уже стилизованы согласно styleguide «ВКонтакте» — пользователю будет привычнее и удобнее работать с теми элементами управления и интерактивом, к которым он уже привык, находясь внутри социальной сети.
«ВКонтакте» не требует от разработчика следования какой бы то ни было жесткой архитектуре построения фронтенда — мы берем только то, что нужно, и модифицируем компоненты так, как нужно. Например, вы всегда сможете добавить глупому view-компоненту свой класс, свой обработчик событий, сделать вложенные компоненты любой глубины и так далее. Существует достаточно подробная (правда, не совсем полная) документация по VKUI. Исходный код на GitHub: https://github.com/VKCOM/VKUI. Соответственно, максимально простая установка:
npm i —save-dev @vkontakte/vkui Обязательно нужно поставить следующий метатег в head верстки страницы вашего приложения, иначе на устройствах с iOS будет неправильно отображаться нативная навигация «ВКонтакте»: Далее нам нужно просто встроить React-приложение на страницу.
Параметры открытия приложения
«ВКонтакте» сам добавляет параметры запуска к адресной строке, по которой открывается ваше приложение. Их список следующий: vk_user_id, vk_app_id, vk_are_notifications_enabled, vk_language, vk_ref, vk_access_token_settings, vk_group_id, vk_viewer_group_role, vk_platform, vk_is_favorite, sign
. То есть фрейм с вашим приложением откроется примерно с похожим адресом:
youvkapp.ru/?vk_access_token_settings=notify&vk_app_id=888888&vk_are_notifications_enabled=1&vk_is_app_user=1&vk_is_favorite=1&vk_language=ru&vk_platform=desktop_web&vk_ref=other&vk_user_id=111111&sign=fsdfsdgfgfiuoitu8345u34j
Это позволяет уже при старте приложения иметь достаточно полный набор данных, извлеченных из url, чтобы начать персональное взаимодействие с конкретным пользователем. Например, говорить с ним на одном языке — русском, английском или каком-то другом, либо попросить о включении своих уведомлений.
Дополнительные параметры в этот список «ВКонтакте» на ноябрь 2019 года включать не планирует. Однако в url можно передать произвольный хэш, например: youvkapp.ru#custom_param
Роутинг
Если в приложении больше одного экрана (я думаю, это как раз ваш случай), нужен переход между экранами. За показ того или иного экрана отвечает state нашего React-приложения. Что касается организации View, то «ВКонтакте» предлагает два способа: смена активного компонента VKUI View и VKUI Panel.
Каждый View отвечает за свой пользовательский сценарий: основной, дополнительный, вызов справочников, страницы поиска и другие. Внутри View содержится свой набор Panel — это конкретные шаги (экраны) в пользовательском сценарии. Абстрактно это выглядит так:
import {Root, View, Panel} from ‘@vkontakte/vkui’; … … … … … … В state в activePanel мы прописываем id того элемента, который нужно показать.
Верстка и компоненты
Теперь можно посмотреть типичную страницу внутри Panel, созданную с помощью компонентов VK UI.
Библиотека VK UI предоставляет практически полный набор компонентов, необходимых для построения интерактивного приложения: всевозможные элементы форм, попапы, стилизованные алерты, галереи, панели навигации, спиннеры, аватары, футеры и так далее.
import { Button, Div, FormLayout, Input, Panel, PanelHeader, PanelHeaderBack, Search, View } from «@vkontakte/vkui»; import Icon36Done from «@vkontakte/icons/dist/36/done»; import CustomTextarea from «./YourComponents/CustomTextarea»; render() { return ( {this.Actions.historyBack()}} />} >App Title
You can do some interaction here
Submit ) } Как видно, появился ещё один пакет vkontakte: npm i —save-dev @vkontakte/icons Можно воспользоваться удобным менеджером по подбору нужной иконки.
Основное правило
— правильно использовать компонент либо собственную верстку шапки. В правой части шапки нативное приложение «ВКонтакте» размещает кнопки управления.
Кастомный блок:
import { Textarea } from «@vkontakte/vkui»; export default class CustomTextarea extends React.Component { render() { return (
Custom textarea is here
this.bindData(e, this.props.name)} value={this.props.value} className={this.props.className} /> ); } } Стоит обратить внимание: «ВКонтакте» заявляет, что компоненты могут отображаться на десктопах не совсем адекватно. Однако их можно стилизовать, добавляя свои css-правила. Например, так была стилизована анимация переходов между панелями в одном приложении: .desktop_web { .View__panel—prev { max-width: 458px !important; margin: 0 auto; left: calc(50% — 230px) !important; -webkit-animation: root-android-animation-hide-back 3s cubic-bezier(.4, 0, .2, 1); animation: root-android-animation-hide-back 3s cubic-bezier(.4, 0, .2, 1); } .View__panel—next { max-width: 460px !important; left: calc(50% — 230px) !important; } } Эти стили подключаются в общем потоке стилей, подключаемых к вашему приложению.