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

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

  • Приложение с функцией установки виджета. Я буду показывать на примере 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 при клике на футер (Обязательно, если есть «Текст футера»)
  • Аватарка — выводит аватарку того, кто смотрит на виджет 😺 (Автоматически)

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

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

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

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

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

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

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

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

 

Отправить ответ

Оставьте первый комментарий!

Войти с помощью: 
Notify of