Как создать виджет вконтакте: Как создать виджет сообщества VK? — Хабр Q&A

alexxlab

Содержание

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

Для этого нам пригодится:

  • Приложение с функцией установки виджета. Я буду показывать на примере SpyCat
  • Любое сообщество, где вы администратор

Общие правила установки виджетов

  • Ссылки должны вести на внутренние страницы ВКонтакте vk.com
  • Ссылки на личные сообщения необходимо устанавливать не в формате vk.me, а в формате: https://vk.com/im?media=&sel=-X1, где X1 — id вашего сообщества. vk.me не работает с десктоп-версии ВКонтакте
  • Можно использовать переменные (весь список ниже)
  • Чтобы добавить emoji, воспользуйтесь этим сайтом. Копируйте emoji из столбика №3 Android
  • Чтобы виджет стал виден пользователям, нужно включить «Видимость виджета» в Настройках приложения. Приложение настраивается в «Управление сообществом», далее «Приложения».
  • Чтобы скрыть кнопку настройки приложения от пользователей нужно зайти в «Управление сообществом», далее «Приложения» и выставить параметр «Только администраторы» в настройках «Видимости»
  • Виджет в сообществе может быть только один
  • При добавлении виджетов в мобильном приложении на Android пропадают раздел с товарами. Эта проблема на стороне ВКонтакте. Обещали в будущем ее решить

Начинаем

— Переходим по ссылке https://vk.com/app5686299_-120826490 и нажимаем «Подключить сообщество»

— Выбираем сообщество в котором хотим установить виджет и нажимаем «Добавить»

— Переходим в подключенное сообщество и нажимаем «Открыть приложение», а затем «Создать виджет»

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

— А дальше все просто. Заполняем свободные окошки и смотрим на результат

  • Заголовок – текст слева вверху (Обязательно, до 100 символов)
  • Ссылка заголовка – URL при клике на заголовок (Не обязательно)
  • Число – целое число, справа от заголовка (Не обязательно)
  • Заголовок карточки – второй заголовок, справа от аватарки (Обязательно, до 100 символов)
  • Ссылка заголовка карточки – URL при клике на заголовок карточки (Не обязательно)
  • Текст – основной текст виджета (Не обязательно, до 100 символов)
  • Текст кнопки – добавляет кнопку в стиле ВК (Не обязательно, до 50 символов)
  • Ссылка кнопки – URL при клике на кнопку (Обязательно, если есть «Текст кнопки»)
  • Текст футера – Добавляет нижнюю часть виджета (Не обязательно, до 100 символов)
  • Ссылка футера – URL при клике на футер (Обязательно, если есть «Текст футера»)
  • Аватарка – выводит аватарку того, кто смотрит на виджет 😺 (Автоматически)

Доступные переменные

Данные переменных подставляются в именительном падеже в единственном числе

  • {Lastname} – фамилия посетителя
  • {City} – город проживания
  • {Career} – последняя профессия

Почему виджет может не отображаться у пользователей?

Почему виджеты могут не работать?

  • Наличие расширений в хроме, например lastpass
  • Ссылка не соответствует FAQ
  • Виджеты не включаются при настройке с мобильных устройств

Почему виджет виден не всем пользователям?

  • Если вы установили переменную, например, {city}, а у пользователя в анкете город не указан, то он не увидит виджет.
  • В виджетах есть ограничения по количеству символов. Например, ваше имя Иван, вы настраиваете виджет с переменной {firstname} и общее количество символов (с вашим именем) составляет максимальное значение в 100 символов. Вы включаете виджет и он отлично работает. Но если в ваше сообщество заходит пользователь, например, с именем Николай, то общее количество символов в заголовке составляет не 100, а 103, потому что в имени не 4 символа, а 7. Поэтому Николай не увидит виджет. Тоже самое относится и к использованию emoji. В среднем, каждый emoji состоит из 6-7 символов. Наша рекомендация заключается в оптимизации длинны текста. В будущем мы улучшим сервис, чтобы было меньше ошибок

 

Виджет приветствия установить Статьи — SMM-агентство «Madwins»

Всем привет! Меня зовут Владимир Казаков, я основатель и руководитель SMM-агентства Madwins. Сегодня я расскажу, как установить виджет приветствия в своей группе ВКонтакте. Вот так выглядит hello-виджет в группе нашего агентства:

Этот виджет собирает органический трафик на подписку или отправляет трафик туда, где нужно совершить какую-то конверсию. В нашем случае трафик отправляется на подписку в рассылку сообщений.

Есть два разработчика приветственных виджетов, сегодня я рассмотрю одного из них. Установить виджет можно двумя способами: 1) зайти в сообщество «Разработка приложений ВКонтакте для сообществ», нажать на «Виджет в сообществе», затем «Установить в моем сообществе»; 2) через управление своим сообществом: зайти в «Приложения» и найти в списке тот же самый «Виджет в сообществе».

После того как вы установили виджет, появляется окошко, показывающее, как он будет выглядеть. Здесь можно отредактировать заголовок (приветствие), основной текст, название кнопки и ссылку, куда отправляется пользователь. После всех изменений нажимаем «Установить виджет», «Обновить виджет в группе» и обновляем страницу.

Можно настроить, кому будет виден наш виджет. Для этого снова заходим в приложение, нажимаем «Изменить» и выбираем нужный вариант из списка. Например, сам виджет видят все пользователи, а установленное приложение (в блоке справа) — только администраторы.

Таким простым способом вы можете установить виджет приветствия в свою группу и получать органический трафик, который будет совершать нужные для вас конверсии.

На этом сегодня всё, с вами был Владимир Казаков. Подписывайтесь на мой канал и вступайте в группу нашего агентства Madwins ВКонтакте.

Спасибо за внимание!

Группа Вконтакте
Профиль в Instagram
YouTube-канал
Страница в Facebook
Телеграм-канал