Как сделать клавиатуру в вк
Обновлено: 28.04.2024
ВАЖНО! Более свежая версия статьи находится здесь
Наша команда «ботописцев» сразу заинтересовалась этим нововведением и начала изучать официальную API, чтобы рассказать вам и показать подробную инструкцию по созданию бота использующего keyboard. В ходе этой статьи получится бот, посмотреть работу которого вы можете в нашей группе GameTips в ВК. Так же вы можете присоединиться к беседе-комьюнити в вк, где вам могут помочь с возникшей проблемой.
Оглавление:
- Создание и настройка сообщества
- Настройка сервера
- Как работает Callback API и keyboard
- Работа с библиотекой
- Полный код бота
- Поехали!
- FAQ
Создание и настройка сообщества
После создания сообщества в ВК проследуйте по этому пути:
Писать будем используя Сallback api(отправляет каждое действие в сообществе по отдельности на сервер). Поэтому его тоже следует настроить. Переходим в
Настройка сервера
Теперь вам понадобится сервер для хостинга своего бота. Вы можете использовать бесплатные хостинги, например 000webhost.
Если вы будете использовать дешевые/бесплатные хостинги, то вероятнее всего на них будет отключен cURL(вы не сможете отправлять ботом медиа файлы, только текст), и его нельзя включить. У 000webhost все с этим нормально, можете использовать . Если у вас свой сервер или хороший купленный, то вам надо подключить cURL для полноценной работы бота из нашего примера.
Как работает Callback API и keyboard
Работа с библиотекой
ВАЖНО: есть использовать эту функцию, то у вас не будет отображаться вывод ошибок. Во время дебага заменяйте на echo «ok»
Полный код бота на PHP
Теперь перейдем собственно к коду, где прокомментирована почти каждая строка.
Данный код поддерживается на PHP 5.6+
В блоке CONFIG укажите свой ключ доступа сообщества, ключ для подтверждения сервера а так же выбранную вами версию API.
Теперь вы знаете как работает код, и можете подстроить его под себя.
Стартуем!
Заливайте свой скрипт и библиотеку на сервер. Теперь заходим в настройках во вкладку Callback API, вписываем в поле адреса путь до своего скрипта и жмем подтвердить. Если вы все сделали правильно, то рядом с адресом появится зеленая галочка.
Вопрос: Вообще ничего не работает!
Ответ: Значит где-то накосячили. Перечитайте еще раз внимательно статью, и проверьте, все ли вы сделали. Любой шаг влево может привести к ошибке…
Вопрос: У меня все работает, но не отправляются картинки.
Ответ: Проверьте, добавили ли вы папку img с изобажениями. Так же, возможно вы используете сервер, где не поддерживается cURL.
Вопрос: Я изменил версию на 5.78 или любую другую. У меня ничего не работает.
Ответ: Используйте другие версии api кроме 5.80 на свой страх и риск. Например на версии 5.78 от ВК приходят другие названия переменных(например вместо object->text идет object->body), поэтому скрипт крашится. Все изменения api ищите здесь.
Ответ: Ваш скрипт долго выполняется. Проверьте что вы используете функцию sendOK. Если все же проблема не решена, то это может быть косяк функции, она еще находится тестировании.
Вопрос: Не появляется кнопка Начать.
Вопрос: Как мне добавить свой функционал? У меня плохо с программированием…
Ответ: Мы делаем ботов на заказ от 500р, если хотите, то пишите насчет этого в группу ВК.
Остались еще какие-то вопросы? Пишите их нам в группу, обязательно поможем, если связано с примером из статьи или библиотекой.
Ну вот и все, у вас теперь тоже есть бот с клавиатурой .
Делитесь этими знаниями с вашими друзьями и не забывайте подписаться на нашу группу ВК, там будет еще много интересного!
Горячие клавиши ВКонтакте – полный обзор
В настоящее время горячие клавиши для веб-сайтов это очень современно и практично. Они делают сайт удобным для пользователей, обеспечивают более высокую скорость работы с ним и позволяют упростить дизайн ресурса, убрав лишние кнопки и ссылки из интерфейса и позволив пользователям переходить в соответствующие разделы сайта при помощи горячих клавиш. Пожалуй, сделать сайт максимально удобным без горячих клавиш не получится, как ни крути, даже будь это социальная сеть мирового масштаба.
Ни одна современная социальная сеть, ориентированная не просто на широкую публику, а скорее на мировую, не обходится без горячих клавиш. Будь то , Facebook, YouTube или, как в нашем случае, ВКонтакте.
В социальной сети ВКонтакте горячих клавиш не так уж и много, учитывая количество различных разделов и функций на сайте. Однако и этого вполне хватает, особенно если пользоваться «правильным» веб-браузером. Дело в том, что через браузер Mozilla Firefox пользователям доступно немного меньше горячих клавиш, чем пользователям тех же Chrome, Opera, Safari или Internet Explorer. Почему так, неизвестно, да это и не столь важно. Давайте лучше остановимся на самих горячих клавишах.
В Контакте поддерживает горячие клавиши для самых разных разделов. Тут и горячие клавиши для аудио-плеера, и быстрая отправка записей на стену, и удобное переключение между диалогами и многое другое. Давайте детально разберём все клавиши.
Это, как ни крути, самые популярные горячие клавиши, о которых уж точно знают как минимум 95% пользователей ВКонтакте. Для записей на стене установлен единый для всех пользователей набор горячих клавиш:
Оба варианта практически не отличаются друг от друга. В первом варианте доступно три варианта сочетаний, в отличие от последнего. Но, как говорится, у всех свои вкусы.
Горячие клавиши для быстрого переключения между диалогами
Наиболее полезными данные сочетания придутся пользователям, ведущим активную деятельность как в сети, так и вне неё, потому что такие люди, как правило, ведут много личных переписок. И очень важно быстро между ними переключаться.
Однако есть и несколько нюансов. Во-первых, если вести сразу десять диалогов, то не всегда быстрее и удобнее вспомнить порядковый номер нужного диалога и нажать соответствующие клавиши. Оптимальнее всего в таком случае просто кликнуть мышью. Во-вторых, сочетание позволяет работать только с первой десяткой диалогов. При участии в более 10 диалогах переключаться между остальными будет невозможно.
Горячие клавиши для полноэкранного режима просмотра фотографий
Никогда не сталкивались с ситуацией, когда при просмотре новых фотографий своих родственников или знакомых не получалось разглядеть всех людей или достопримечательностей на снимках? Конечно, вы можете нажать на кнопку увеличения фотографии, открыть фотографию в оригинале, но это либо не всегда удобно, либо проблему это не решает. Для таких ситуаций на помощь приходит данный хоткей:
Мало того, что он открывает нужный снимок в полноэкранном режиме, так все последующие или предыдущие фотографии можно листать прямо в полноэкранном просмотрщике, что довольно удобно. А бонусом является возможность автоматического просмотра фотографий посредством слайдшоу, в котором можно задать интервал между сменой изображений.
Горячие клавиши для управления аудиоплеером
Ещё меньше людей знают, что в социальной сети ВКонтакте можно управлять воспроизведением музыки при помощи мультимедийных горячих клавиш. На самых простых и дешёвых клавиатурах, естественно, их нет, но если вы обладатель современной клавиатуры или, скажем, современного ноутбука, скорее всего данные клавиши у вас имеются. Под мультимедийными клавишами, конечно же, я подразумеваю кнопки Play/Pause, Previous, Next и Stop. Не трудно догадаться, какую роль выполняет каждая из этих кнопок:
На компактных клавиатурах, в первую очередь на ноутбуках, для работы вышеупомянутых клавиш необходимо зажимать клавишу Fn. Тогда выглядеть сочетания клавиш будут вот так:
Интересно ещё и то, что управлять музыкой можно даже в том случае, если вкладка с играющей музыкой является неактивной. То есть, если в вашем браузере открыто несколько вкладок с ВКонтакте, в одной из них музыка, но вы сидите в других вкладках, то горячие клавиши для управления музыкой будут работать и в этих вкладках тоже. Для управления музыкой важно лишь оставаться на просторах ВКонтакте.
Горячие клавиши для мультивыбора объектов
Это несомненно очень полезная фишка, но доступна, опять же, не всем пользователям. Обладатели браузера Mozilla Firefox не имеют доступа к мультивыбору треков таким методом, как и в случае с клавишами для управления плеером. И снова, мы не знаем почему.
Двойной клик
Это не совсем горячие клавиши, но в некотором случае смысл работы двух кликов с ними схож. Применение двум кликам можно найти самое различное. В социальной сети ВКонтакте два клика могут быть использованы пользователями в двух местах:
-
два клика по нижней части диалогов для закрепления области на нижней границе экрана или, наоборот, открепления. Избавляет от необходимости растягивать диалог с помощью мыши.
Полезная клавиша для закрытия окошек
Подключение дополнительных горячих клавиш
Перечисленные выше кнопки и сочетания горячих клавиш несомненно полезны и придутся по вкусу большинству тех пользователей, которые впервые сейчас о них узнали. Но стоит согласиться, того, что мы имеем, не всегда достаточно.
Выходом из такой ситуации может послужить подключение различных плагинов к браузерам, привносящим в социальную сеть некие горячие клавиши для более удобного времяпрепровождения во ВКонтакте. Некоторые плагины могут делать удобнее уже существующий функционал, а некоторые могут привносить новые функции и одновременно с ними удобный способ их использования в виде горячих клавиш.
ВАЖНО! Более свежая версия статьи находится здесь
Оглавление:
Создание и настройка сообщества
Настройка сервера
Теперь вам понадобится сервер для хостинга своего бота. Вы можете использовать бесплатные хостинги, например 000webhost.
Если вы будете использовать дешевые/бесплатные хостинги, то вероятнее всего на них будет отключен cURL(вы не сможете отправлять ботом медиа файлы, только текст), и его нельзя включить. У 000webhost все с этим нормально, можете использовать . Если у вас свой сервер или хороший купленный, то вам надо подключить cURL для полноценной работы бота из нашего примера.
Как работает Callback API и keyboard
Работа с библиотекой
Полный код бота на PHP
Теперь перейдем собственно к коду, где прокомментирована почти каждая строка.
Данный код поддерживается на PHP 5.6+
В блоке CONFIG укажите свой ключ доступа сообщества, ключ для подтверждения сервера а так же выбранную вами версию API.
Теперь вы знаете как работает код, и можете подстроить его под себя.
Стартуем!
Заливайте свой скрипт и библиотеку на сервер. Теперь заходим в настройках во вкладку Callback API, вписываем в поле адреса путь до своего скрипта и жмем подтвердить. Если вы все сделали правильно, то рядом с адресом появится зеленая галочка.
Вопрос: У меня все работает, но не отправляются картинки.
Ответ: Проверьте, добавили ли вы папку img с изобажениями. Так же, возможно вы используете сервер, где не поддерживается cURL.
Вопрос: Я изменил версию на 5.78 или любую другую. У меня ничего не работает.
Ответ: Используйте другие версии api кроме 5.80 на свой страх и риск. Например на версии 5.78 от ВК приходят другие названия переменных(например вместо object->text идет object->body), поэтому скрипт крашится. Все изменения api ищите здесь.
Остались еще какие-то вопросы? Пишите их нам в группу, обязательно поможем, если связано с примером из статьи или библиотекой.
Ну вот и все, у вас теперь тоже есть бот с клавиатурой 🙂
Делитесь этими знаниями с вашими друзьями и не забывайте подписаться на нашу группу ВК, там будет еще много интересного!
В этой статье мы рассмотрим как просто и быстро создать кнопки для управления ботом. Кнопки упрощают использование бота и делают управление им удобнее, чем писать текстовые команды.
Требования:
PHP +5.6
VK API v5.126
Статья обновлена до последней версии API 5.126 на сегодняшний день.
Мы будем использовать библиотеку для работы с API VK, скачать ее можете ниже
simplevk-master.rar
Загружаем папку с файлами на сервер, туда же где будем создавать файл, для работы бота нужен будет сервер, для начала можете использовать бесплатный, на сайте есть статья как запустить вк бота на бесплатном хостинге
Создаем файл с названием bot.php в том же месте, где лежит наша библиотека и начинаем писать следующий код.
Этот код мы писали ранее, в статье как создать простого бота вк, там же мы рассматривали как его подключать к сообществу.
Теперь создаем переменные кнопок, в этой статье их будет всего 4, но по этим примерам, Вы с легкостью сможете добавить еще. В коде выше они уже есть
Проверим работу в Вконтакте
Теперь для каждой кнопки сделаем свои ответы, так как сейчас они не работают. Для этого нужно получить payload и сделать проверку на выбранную кнопку
Сразу же сделали и скрытие кнопок по команде Отключить, кнопок может быть сколько угодно, отображать на странице за раз можно 10 кнопок, используя кнопки можно сделать переход в разные разделы и быстрое обращение к боту, исходник с библиотекой можете скачать в самом низу.
Для того что бы выставить кнопки столбцом, а не в ряд, нужно:
Заменить:
на
Получаем вот такой вариант:
Вид кнопок может быть разным, что бы разместить 1 кнопку в столбец, 2 и 3 в строку, а 4 тоже в столбец, нужно взять в квадратные скобки 2 и 3 кнопки
Переходим в ISPManager прямо из личного кабинета
Далее выбираем наш сайт, HostLine создает автоматически домен 3 уровня, и переходим в каталог
И закачиваем наши 2 файла
Мой первый пост. Будет кратко, емко и надеюсь актуально.
9го июля ВК выкатил callback кнопки для чат-ботов. Телеграм напрягся сделал это в 199. давно. Самая популярная библиотека для разработки чат-ботов под ВК на Python — vk_api (от разработчика python273). Ввиду того, что свежие правки в нее вносятся медленно, я взял на себя смелость сделать форк, дополнить его и описать небольшой пример использования.
Что сделано относительно исходной v11.80?
Обновлены ограничения по клавиатуре (в соответствии с изменениями в API):
- не более 5 кнопок в строке (было 4);
- не более 10 и 6 строк для стандартного и inline представления соответственно (было 10 и там, и там);
- Default кнопка переименована в Secondary.
- новый тип события "message_event" (клик по кнопке);
- новый метод "создать callback кнопку";
- добавлен example (анимация работы и код будут приведены ниже).
Виды callback кнопок
Как установить модифицированную библиотеку?
Инструкция по настройке группы
Если вы никогда не создавали свой бот, то это будет полезно. Все остальные могут пропустить этот раздел.
Код примера по частям
Импорты. Думаю, с ними все понятно.
Настройка и запуск бота. Указываем идентификатор и longpoll-токен группы.
Для использования кнопки "открыть ВК приложение" указываем идентификатор приложения и его владельца.
Создаем два меню
В первом меню — все 4 упомянутых выше действия кнопок.
Во втором — только кнопка "назад", возвращающая предыдущее меню.
.
Запускаем long poll
Как выглядит процесс
Заключение
Тот факт, что callback-кнопки наконец-то появились в ВК — радует. И пусть пока они работают только под мобильными приложениями, а в браузере — не поддерживают. Пусть в браузере inline-кнопки все еще не выравнивается по ширине. Все же их наличие хоть в каком-то виде — искренне радует меня, как разработчика коммерческого телеграмм-бота.
Теперь появилась возможность реализовать ВК-интерфейс для своего телеграм-бота, где в разы больше жителей РФ, т.е целевой аудитории. Этот факт заставляет мириться со всеми перечисленными неудобствами и минусами, и идти к горе, раз она не хочет идти к Магомеду. На скриншоте ниже реализация одного и того же интерфейса через callback-кнопки: справа в Телеграм, и слева — ВКонтакте.
.
Надеюсь, кому-то этот краткий обзор поможет начать использовать callback кнопки в своих ботах. Pull-request автору библиотеки отправлен.
Читайте также: