Как создать кнопку подписаться вконтакте. Виджеты в ВК для группы — как добавить и настроить

Здравствуйте! В данной статье мы рассмотрим, почему некоторых людей Вконтакте нельзя добавить в друзья, но вместо этого у них на странице есть кнопка Подписаться. Также расскажу о том, как и себе в профиле вк сделать такую кнопочку.

Если часто приходят заявки от людей, которых Вы вообще не знаете, и вместо добавления таких пользователей в список выбираете «Оставить в подписчиках», тогда кнопка Подписаться пригодится.

Не будут каждый раз приходить оповещения, что такой-то пользователь хочет добавить Вас в друзья. Человек просто подпишется на Ваш профиль в вк. Узнать об этом можно, просмотрев уведомления на своей странице. А дальше уж сами решите, добавить его или нет.

Делаем кнопку в своем профиле Вконтакте

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

Это значит, если у Вас с человеком есть хотя бы один общий друг, то он будет видеть по-прежнему на Вашей странице кнопку «Добавить в ….». А вот если два человека вообще никак не связаны, тогда пользователь сможет только подписаться на Вас.

Теперь можете пролистать страницу вниз и нажмите «посмотреть, как видят Вашу страницу другие пользователи».

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

В примере выбран «Незнакомый Вам пользователь», и на моей странице он видит «Подписаться».

Чтобы выйти из данного режима нажмите на кнопку «Вернуться к Настройкам».

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

Если Вас заинтересовала страничка пользователя Вконтакте, но вместо Добавить в други под аватаркой кнопка Подписаться, то что это значит?

Данный пользователь сделал в своих настройках все так, как я описывала в первом пункте. И теперь можно только оформить подписку на его аккаунт.

Когда подпишитесь на человека, ему не придет оповещение о добавлении в друзья, но в уведомлениях на своей странице данный человек увидит, что Вы «подписались на обновления».

Если пользователь захочет, то он добавит в друзья, или можете попросить его об этом, отправив соответствующее сообщение.

Практически все мелкие и крупные сообщества используют виджеты в ВК для группы. Они значительно упрощают работу администратора, помогают связать сайт с социальной сетью, продавать свои товары, общаться с подписчиками, собирать и обрабатывать заявки на услуги. Разработчики постоянно добавляют новые приложения. Мы решили составить список 10 самых лучших, полезных и интересных расширений, которые помогут повысить эффективность продвижения группы в ВК .

Дочитав статья до конца вы не только определитесь какие виджеты будут полезны для группы посвящённой вашему бизнесу, но и сможете добавить и настроить нужный виджет.

Топ-10 лучших и полезных виджетов в ВК для группы

Несмотря на их огромное количество, можно выделить наиболее популярные и необходимые варианты. Давайте их рассмотрим:

Магазин товаров

Для кого : людям, которые занимаются продажей товаров.

Цель : продажа продукции прямо в группе без переходов на другие сайты и интернет-магазины.

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

Для подключения необходимо зайти в меню «Управление сообществом/страницей» . Выбираем раздел «Приложения» и добавляем соответствующий виджет. Перед вами автоматически откроется окно, в котором необходимо настроить все параметры. Пример заполнения полей вы можете посмотреть на скриншоте выше.

Обязательно необходимо настроить основные пункты:

  • Регион доставки.
  • Валюта. Можно выбрать российский рубль, украинскую гривну, казахстанскую валюту – тенге, доллар или евро.
  • Контакт. Обязательно настройте этот раздел, чтобы могли принимать заказы. Можете указать руководителя группы или организовать прием заказов через сообщения.

Все эти пункты будут на одной странице. Как только вы заполните карточки с товарами, выполните базовую настройку, блок с продукцией появится на главной странице группы.

Пожертвования

Для кого : сообществ, которые бесплатно делятся полезной информацией.

Цель : поддержать владельцев групп.

Большинство сообществ выкладывают полезные материалы бесплатно. При этом есть подписчики, которые готовы поддержать администратора деньгами.

Для подключения виджета необходимо зайти в раздел «Управление сообществом» . Перейти во вкладку «Приложения» и добавить «Пожертвования» .

Все уже работает, необходимо только настроить основные параметры:

  • по желанию можно поменять название кнопки;
  • указать категорию пользователей;
  • выбрать сниппет, он будет расположен рядом со ссылкой на приложение;
  • названия самого приложения.

После этого обязательно сохраните изменения. Введите информацию в текстовый блок, настройте электронный кошелек.

После установки и настройки, обязательно , в которой напишите, что принимаете денежные средства на развитие сообщества.

Spycat: конструктор лид-виджетов в ВК

Для кого : владельцев сообществ.

Цель : улучшения поведенческих факторов, привлечения клиентов.

Каждый человек может настроить прямое обращение к посетителю по имени. Можно прописать собственное торговое предложение для повышения узнаваемости бренда.

Для добавления приложения необходимо зайти в группу. Нажимаете на три точки под главной фотографией. Из списка выбираете «Управление сообществом». В правой колонке нажимаете на «Приложения». Выбираете и добавляете соответствующий виджет.

Заполняете основные поля:

  • название кнопки;
  • кто может её видеть;
  • сниппет;
  • название приложения.

Выберите текстовый или персональный тип.

Переходим к редактированию, заполняем основные пункты. Далее сохраняем и сразу его включаем. Перед вами откроется небольшое окно, если все нравится, нажимаете «Обновить виджет в группе».

Плюс данного виджета в том, что он не выглядит, как призыв к покупке, скорее это, как приветствие, улучшающее внешний вид и настраивающий пользователя на более позитивный лад. Чтобы ещё более детально углубиться в тему визуальной составляющей, изучите рекомендации по оформлению группы во ВКонтакте .

Рассылки сообщений

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

Цель : собрать базу активных подписчиков, которым можно сообщать о новых акциях или конкурсах .

Если вы хотите подключить такую возможность, перейдите на страницу – https://vk.com/app5748831 . Нажмите «Подключить приложение».

Если все было сделано правильно, перед вами появится окно об успешном выполнении операции.

Заявки

Для кого : идеально подходит для бизнеса или групп, желающих собрать базу клиентам для продажи товаров, услуг или приглашения на мероприятия.

Цель : превратить пользователей в социальной сети в клиентов.

Зайдите в раздел «Приложения» на странице своей группы. Выберите соответствующее приложение и нажмите «Добавить».

Настройте название кнопки, видимость, сниппет и название приложения. После перейдите к основным настройкам и заполните поля так, как считаете нужным.

Тесты

Для кого : всех сообществ, идеально подходит интернет-магазинам и компаниям.

Цель : узнать мнения подписчиков без перенаправления их на другие сайты.

Преимущество в нескольких типах тестов. Администратор сам решает, когда аудитория узнает об ответах или она может их вовсе не узнать. Можно каждому вопросу назначить баллы.

Процесс подключения не отличается от других. Пример заполнения основных полей вы можете посмотреть выше. Сохраняете изменения и ждете результатов прохождения пользователями вашего теста.

Анкеты

Для кого : подходит владельцем любых групп.

Цель : провести полное анкетирование или опрос подписчиков и посетителей сообщества.

Можно создавать различные типы анкет с вопросами и многошаговые голосования. Используйте это для изучения аудитории или в качестве брифа для клиентов. Есть детальная статистика, которая позволяет изучить аудиторию. Создана настройка оповещений, позволяющая сделать работу администратора и пользователей комфортнее.

Для добавления переходим в «Управление страницей» – «Приложения». Выбираем «Анкеты» и нажимаем «Добавить».

Заполняем основные настройки и переходим к созданию анкет. Нажимаем на кнопку «Перейти в управление приложением».

Давайте рассмотрим пример создания анкеты:

  1. Вводим название.
  2. Нажимаем на первый пункт (смотрите пример на скриншоте выше).
  3. Задаем вопрос и добавляем варианты ответов.
  4. Нажимаем «Сохранить».

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

Личный кабинет для СП

Для кого : владельцам интернет-магазинов.

Цель : дает возможность легко участвовать в совместных покупках.

Сразу после установки вы получите такие возможности:

  • отображение общего счета по покупкам;
  • приходят уведомления, если происходят изменения в закупках;
  • история заказов сохраняется;

Добавление ничем не отличается от остальных. После запуска необходимо нажать на кнопку «Подписаться».

Внимание! На скриншоте вы видите настройку приложения. Она будет доступна только после того, как другие пользователи подпишутся, и вы создадите группу для закупок и управления товарами.

Расписание мероприятия

Для кого : администраторов, которые нацелены на проведение концертов, выставок или других мероприятий.

Цель : привлечение внимания к определенному событию, оповещение о нем подписчиков.

Добавление ничем не отличается от работы с предыдущими виджетами. После заполнения основных полей переходим к настройкам.

Нажимаете на кнопку «Создать мероприятие».

Заполняете все необходимые поля и сохраняете изменения. После этого пользователям будут доступны уведомление о мероприятиях.

Статус заказа

Цель : покупатели могут видеть состояние заказа.

Если вы продаете товары в ВКонтакте, обязательно установите это приложение. Благодаря нему пользователи смогут видеть статус своей покупки. Всего есть 3 статуса: на утверждении, отправка и доставка. Способен интегрироваться с виртуальным магазином, который мы рассматривали перед этим. Это позволяет автоматически подгружать статусы, под которые заранее настраиваются шаблоны.

Переходим в «Управление сообществом», выбираем раздел «Приложения». Виджет находится практически в конце страницы, поэтому рекомендуем воспользоваться поиском. Нажимаем «Добавить».

У вас ещё нет интеграцией, поэтому система предложит выбрать CRM. Далее необходимо следовать подсказкам системы, ведь от выбранного пункта зависят дальнейшие настройки и работа с заказами.

Заключение

Виджеты в ВК для группы позволяют сделать работу намного проще. Вы можете не просто делиться с подписчиками и посетителями информацией, но и дать им возможность покупать товары, посещать ваши мероприятия, собирать базу для дальнейших рассылок. Благодаря приложениям обычную группу в социальной сети можно превратить в инструмент, которые по функциональности способен заменить сайт!

Новый функционал для ботов ВК — кнопки быстрых ответов или же keyboard.

ВАЖНО! Более свежая версия статьи

Наша команда «ботописцев» сразу заинтересовалась этим нововведением и начала изучать официальную API , чтобы рассказать вам и показать подробную инструкцию по созданию бота использующего keyboard. В ходе этой статьи получится бот, посмотреть работу которого вы можете в нашей группе GameTips в ВК. Так же вы можете присоединиться к беседе-комьюнити в вк, где вам могут помочь с возникшей проблемой.

  1. Создание и настройка сообщества
  2. Настройка сервера
  3. Как работает Callback API и keyboard
  4. Работа с библиотекой
  5. Полный код бота
  6. Поехали!
  7. FAQ

Создание и настройка сообщества

После создания сообщества в ВК проследуйте по этому пути:
«Управление сообществом» →«Сообщения» и включите диалоги сообщества. Теперь в подменю «Настройки для бота» включите «Возможности ботов» и кнопку «Начать».

Писать будем используя Сallback api(отправляет каждое действие в сообществе по отдельности на сервер). Поэтому его тоже следует настроить. Переходим в
«Управление сообществом» →»Работа с API». Для работы бота нужно зарегистрировать ключ доступа. Нажимаете «Создать ключ» и выбираете необходимые права доступа, для этого бота нужны только права на сообщения. Подтверждаем номер телефона и сохраняем куда нибудь ключ доступа. Теперь переходим во вкладку Callback API. Ставим свое название сервера и выбираем последнюю версию API(на данный момент она 5.80, и именно с ней ниже представленный бот будет работать 100%) . Во вкладке «Типы запросов» выбираем только входящие сообщения.

Настройка сервера

Теперь вам понадобится сервер для хостинга своего бота. Вы можете использовать бесплатные хостинги, например 000webhost.

Если вы будете использовать дешевые/бесплатные хостинги, то вероятнее всего на них будет отключен cURL(вы не сможете отправлять ботом медиа файлы, только текст), и его нельзя включить. У 000webhost все с этим нормально, можете использовать. Если у вас свой сервер или хороший купленный, то вам надо подключить cURL для полноценной работы бота из нашего примера.

Как работает Callback API и keyboard

Проведу краткий экскурс как все работает. Сallback API отсылает на ваш сервер любое событие, которое происходит в группе виде JSON. Полный список событий можно посмотреть во вкладке «Сallback API» → «Типы событий». Вот так выглядит JSON запрос когда пользователь отправляет сообщение, в данном случае он нажал на кнопку:

{"type":"message_new","object":{"date":1529668584,"from_id":89846036,"id":1522,"out":1,"peer_id":89846036,"text":"Золотая рыбка","conversation_message_id":305,"fwd_messages":,"important":false,"random_id":0,"attachments":,"payload":"{\"animals\":\"Goldfish\"}","is_hidden":false},"group_id":101461081}

Тут есть несколько интересных полей, которые можно обработать: id пользователя, текст сообщения(text), полезная нагрузка кнопки(payload).

Отправка сообщений пользователю происходит с помощью метода messages.send . Если вы отправляете клавиатуру, то после всех стандартных параметров вы добавляете параметр keyboard, который содержит json кнопок, вот как он выглядит:

Keyboard: { "one_time": false, "buttons": [ [{ "action": { "type": "text", "payload": "{\"button\": \"1\"}", "label": "Red" }, "color": "negative" }, { "action": { "type": "text", "payload": "{\"button\": \"2\"}", "label": "Green" }, "color": "positive" }]

Работа с библиотекой

Для работы бота мы используем самописную библиотеку на PHP. (Если ссылка не работает, то вот архив)вы можете найти документацию к библиотеке и скачать саму библиотеку. Вот короткий листинг готовых функций для написания бота, подробнее ищите по ссылке выше. Если вы хотите узнавать об изменениях в библиотеке, то напишите хотя бы одно сообщение нашему боту в ВК , через него мы будет вас оповещать об изменениях.

$vk = new vk_api(vk_key, version_api) — инициализация бота. Параметры: ключ сообщества(vk_key), версия API(version_api).

sendMessage(id, text) — функция отправки сообщений юзеру. Параметры: id пользователя(id), текст сообщения(text).

sendImage(id, patch) — функция отправки изображений. Параметры: id пользователя(id), путь до изображения(patch).

sendButton(id, text, buttons, one_time) — функция отправки сообщения с кнопками. Параметры: id пользователя(id), текст сообщения(не может быть пустым)(text), массив с кнопками(buttons), не обязательный параметр one_time, по дефолту false, если поставить true, то после нажатия на любую кнопку клавиатура скроется.

request(method, array_arguments) — универсальная функция работы с методами. Параметры: method — название метода из официального api, array_arguments — массив параметров.

sendOK() — Бета функция. Используется вместо echo «ok», помогает в тех случаях, когда время работы скрипта долгое, и бот начинает повторять сообщения по несколько раз.
ВАЖНО: есть использовать эту функцию, то у вас не будет отображаться вывод ошибок. Во время дебага заменяйте на echo «ok»

Полный код бота на PHP

Теперь перейдем собственно к коду, где прокомментирована почти каждая строка.
Данный код поддерживается на PHP 5.6+
В блоке CONFIG укажите свой ключ доступа сообщества, ключ для подтверждения сервера а так же выбранную вами версию API.

"Fish"], "А какие бывают?", "blue"]; //Код кнопки "Fish" const BTN_BACK = [["command" => "start"], "<< Назад", "red"]; // Код кнопки "<< Назад" const BTN_SALMON = [["animals" => "Pink_salmon"], "Горбуша", "white"]; // Код кнопки "Горбуша" const BTN_GOLDFISH = [["animals" => "Goldfish"], "Золотая рыбка", "blue"]; // Код кнопки "Золотая рыбка" const BTN_PLOTVA = [["animals" => "Plotva"], "Плотва", "green"]; // Код кнопки "Плотва" $vk = new vk_api(VK_KEY, VERSION); // создание экземпляра класса работы с api, принимает ключ и версию api $data = json_decode(file_get_contents("php://input")); //Получает и декодирует JSON пришедший из ВК if ($data->type == "confirmation") { //Если vk запрашивает ключ exit(ACCESS_KEY); //Завершаем скрипт отправкой ключа } $vk->sendOK(); //Говорим vk, что мы приняли callback if (isset($data->type) and $data->type == "message_new") { //Проверяем, если это сообщение от пользователя $id = $data->object->from_id; //Получаем id пользователя, который написал сообщение $message = $data->object->text; if (isset($data->object->peer_id)) $peer_id = $data->object->peer_id; // Получаем peer_id чата, откуда прилитело сообщение else $peer_id = $id; if (isset($data->object->payload)){ //получаем payload $payload = json_decode($data->object->payload, True); } else { $payload = null; } if (isset($payload["command"]) or mb_strtolower($message) == "начать") { //Если нажата кнопка начать или << назад $vk->sendButton($peer_id, "Хочешь посмотреть на рыбок?", []); //Отправляем кнопку пользователю } else { if ($payload != null) { // если payload существует switch ($payload["animals"]) { //Смотрим что в payload кнопках case "Fish": //Если это Fish $vk->sendButton($peer_id, "Вот такие, выбирай", [ //Отправляем кнопки пользователю , ]); break; case "Pink_salmon": //Если это Горбуша $vk->sendMessage($peer_id, "Держи свою горбушу!"); //отправляем сообщение $vk->sendImage($peer_id, "img/pink_salmon.jpg"); //отправляем картинку break; case "Goldfish": //Если это Золотая рыбка $vk->sendMessage($peer_id, "Она исполнит твои желания..."); $vk->sendImage($peer_id, "img/goldfish.jpg"); break; case "Plotva": //Если это Плотва $vk->sendMessage($peer_id, "Ой, похоже картинку перепутали)"); $vk->sendImage($peer_id, "img/plotva.jpg"); break; default: break; } } } } ?>

Теперь вы знаете как работает код, и можете подстроить его под себя.

Стартуем!

Заливайте свой скрипт и библиотеку на сервер. Теперь заходим в настройках во вкладку Callback API, вписываем в поле адреса путь до своего скрипта и жмем подтвердить. Если вы все сделали правильно, то рядом с адресом появится зеленая галочка.

FAQ:

Вопрос: Вообще ничего не работает!
Ответ: Значит где-то накосячили. Перечитайте еще раз внимательно статью, и проверьте, все ли вы сделали. Любой шаг влево может привести к ошибке…

Вопрос: У меня все работает, но не отправляются картинки.
Ответ: Проверьте, добавили ли вы папку img с изобажениями. Так же, возможно вы используете сервер, где не поддерживается cURL.

Вопрос: Я изменил версию на 5.78 или любую другую. У меня ничего не работает.
Ответ: Используйте другие версии api кроме 5.80 на свой страх и риск. Например на версии 5.78 от ВК приходят другие названия переменных(например вместо object->text идет object->body), поэтому скрипт крашится. Все изменения api ищите

В этом уроке расскажу как делается кнопка подписаться ВКонтакте .

Выглядит она вот таким образом.

Вместо того, чтобы попроситься в друзья, на вашу старницу можно будет только подписаться.

Для того, чтобы у вас появилась ссылка подписаться ВКонтакте , заходим на своей странице в раздел "Мои настройки", далее переходим на вкладку "Приватность" и у опции "О каких заявках в друзья приходят оповещения" выбираем "От друзей друзей".

Теперь добавлять вас в друзья смогут только друзья друзей. У всех остальных будет ссылка "Подписаться". Проверить это можно перейдя по ссылке "посмотреть, как видят Вашу страницу другие пользователи" в самом низу страницы.

Если захотите вернуть все обратно, то вместо "От друзей друзей" нужно выбрать "От всех пользователей".

В этом уроке рассмотрим как настроить защищенное соединение ВКонтакте .

В этом уроке разберем несколько способов как создается ссылка на страницу ВКонтакте . Они же еще называются внутренними ссылками. С их помощью можно сделать ссылку на конкретную страницу пользователя.

Созданием бесед в ВКонтакте уже никого не увидишь. Эта возможность позволяет одновременно общаться с большим количеством пользователей. Почти все умеют их создавать, но вот мало кто знает как вернуться в удаленную беседу в ВК обратно, после того как по случайности или специально вышел из нее. Сегодня расскажу как вернуться в беседу в ВК.

Очень важно, кроме визуального оформления, добавить кнопку действия, график работы и адреса всех офисов. Благодаря этому посетители смогут быстрее узнать нужную информацию о месторасположении, режиме работы и сразу же связаться с вами.

В этой статье мы расскажем что такое кнопка действия ВКонтакте и как её настроить, как указать режим работы и добавить несколько адресов.

Кнопка действия - это кнопка для быстрой коммуникации. Звонка, сообщения, покупки или перехода на сайт.

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

Ниже, в пункте «Тип действия», выбираем один из вариантов:

  • написать на почту;
  • позвонить по телефону;
  • позвонить в ВК;
  • открыть сайт;
  • открыть приложение сообщества;
  • открыть мобильной приложение.

Выберите нужный пункт. К примеру, выбираем «Открыть сайт».

После этого нужно указать адрес сайта и выбрать название кнопки. У нас на кнопке надпись «Подробнее».

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


Чтобы добавить или изменить адрес компании, заходим «Настройки — Адреса». Напротив поля «Адреса» ставим «Включены». И ставим галочку в поле «Показать карту», чтобы в группе отображалась карта с адресами и можно было посмотреть, где вы находитесь.

Добавляем адреса, где находятся ваши офисы или представительства. Головной офис, при добавлении отметьте, как «Это основной адрес».

При просмотре группы пользователем, в списке будет отображаться тот адрес, который находится ближе к пользователю прямо сейчас. Чтобы добавить более одного адреса, в той же вкладке «Адреса», ниже кликаем «Добавить адрес».

Указать график работы в ВК, можно для каждого филиала в отдельности. Для этого либо при добавлении адреса, либо после открываем его в настройках и в поле «Часы работы» выбираем «Открыто в указанные часы».

И для каждого дня недели проставляем часы работы. В завершении жмём «Сохранить».

Если вы хотите удалить один из адресов, то напротив него нужно нажать «Редактировать» и внизу в появившемся окне, найти и кликнуть «Удалить».

Заключение

При создании и оформлении сообщества ВКонтакте, используйте все возможности страниц для бизнеса. Это позволит сделать продвижение более эффективным. В частности сделайте кнопку действия, добавьте все адреса и графика работы.

Понравилась статья? Поделиться с друзьями: