Доработка виджета сообщений сообществу

Привет. Я Дмитрий Макаров. Занимаюсь рекламой с 2013 года. Продвигал более сотни проектов, в т.ч. собственные. Самый долгосрочный проект веду 8-й год. Люблю всё, что позволяет гибко настроить аналитику, а так же поиск и сбор ЦА.

Сегодня я поделюсь с вами, как показывать виджет сообщения сообществ только тем, кто может написать в сообщество.

У сообщений сообществ (СС) есть масса преимуществ, начиная от чат-бота до логирования данных через API.

Например, из СС можно выгрузить историю по первому написавшему, чтобы составить график заинтересованности в разных периодах. Вот кусок одного из отчетов:

Сводя статистику СС со статистикой на предыдущих шагах (переходы с рекламных постов и т.д.) можно отслеживать причинно следственные связи. Например, понять, как повлиял новый формат контента или рекламный креатив на количество новых обращений?

Если у вас есть сайт, вы можете интегрировать виджет СС, используя Google Tag Manager. С его помощью, не трогая код сайта, без программиста, можно добавлять пиксели ретаргетинга и аналитики, настраивать динамический ремаркетинг, отслеживание и сбор аудитории, а также менять контент на сайте по разным событиям:
— Пробыли на странице определенное время.
— Нажали на кнопку/отправили форму.
— Видели конкретный объект.
— Перешли с конкретными метками.
И многое другое.

Так как у многих мобильных браузеров блокируются cookies, то виджет сообщения сообществ будет бесконечно предлагать авторизоваться:

Вот что на этот вопрос ответила техподдержка ВКонтакте:

Всего у ВКонтакте есть 3 инструкции по виджету сообщения сообществ:
https://dev.vk.com/ru/widgets/group
https://vk.com/dev/CommunityMessages
https://dev.vk.com/ru/widgets/community-messages
Во всех 3 инструкциях есть конструктор виджета. И только в последней инструкции прописан способ проверки: может ли пользователь написать. Но в конструкторе обработки нет.

Откройте код подключения к ВКонтакте. Он требуется, если у вас еще не настроено подключение (например, не установлен пиксель):

<script type="text/javascript" src="https://vk.com/js/api/openapi.js?169">

Измените на следующий код с комментариями:

</script> // <div id="vk_community_messages"></div>

<script type="text/javascript">
  VK.Widgets.CommunityMessages("vk_community_messages", {{VK Widget ID Member}}, {
    tooltipButtonText: {{VK Widget ID Member Text}},
    disableExpandChatSound: 1, // отключаем звуки виджета
    disableNewMessagesSound: 1, // отключаем звуки виджета
    expandTimeout: 30000, // Раскрываем виджет через 30 сек.
    onCanNotWrite: function(reason) {
      // Далее проверка, может ли писать пользователь и удаление виджета, если не может:
      if (reason === "offline" || reason === "no_access" || reason === "disabled_messages" || reason === "cant_write") {
        var widgetContainer = document.getElementById("vk_community_messages");
        if (widgetContainer) { widgetContainer.innerHTML = ""; // Удаление содержимого контейнера
        }
      }
    }
  });
</script>

Готово! Не забудьте сохранить и использовать эту статью!

Ещё больше полезных ссылок для эффективных запусков от команды ERESH:
✓ Регистрация в ERESH
✓ Рубрикатор — энциклопедия таргета, каталог полезных материалов о работе с ERESH.
✓ ZeMedia Club — VIP-поддержка по проектам от команды ERESH, клуб маркетологов.
✓ Партнёрская программа — делись своей реферальной ссылкой и пополняй баланс.
✓ Актуальные тарифы на функции ERESH
✓ Чат сообщества ERESH. Welcome за общением!
✓ Техническая поддержка ERESH: пишите в сообщения сообщества.
✓ LAKE – агентский кабинет компании ZeMedia. Всё о работе и преимуществах.