Недавно захотелось сделать свой виджет для сообщества, который бы сообщал небольшую статистику. В документации VK все описано достаточно сложно, без примеров, нежели как описали это для тех же ботов. Разобраться самостоятельно не удалось.
Поиск в интернете особо не дал результатов. Я нашел только одно решение, но почему-то это меня не спасло. Я сделал всё, как описано в ответе, но при клике на любую из двух кнопок, абсолютно ничего не происходит. Конечно же делаю это после добавления в iframe через само приложение. Страница запускается, но вот действия не происходят.
Быть может есть у кого другое решение, либо готовый код для примера?
- Вопрос задан более трёх лет назад
- 11805 просмотров
Комментировать
Решения вопроса 0
Ответы на вопрос 2
Простой способ
Есть готовое бесплатное приложение для Сообществ «LiveWidget» – там от вас требуется только код самого виджета составить. В вашем сообществе меню три точки — Управление сообществом — Приложения, листаете список предлагаемых приложений до LiveWidget, жмёте «Добавить»:
Подключение виджета сообщений сообщества ВКонтакте
- создать приложение – Встраиваемое приложение – Приложение сообщества
- адресом iframe укажите ваш сервер и папку, где лежит, например, такой HTML
- зайдите в ваше Сообщество – меню Управление сообществом – Приложения – выберите там ваше свежесозданное приложение
- дайте ему разрешение на добавление виджетов
- вставьте код вашего виджета и сделайте его предпросмотр – если в коде виджета нет ошибок, во всплывающем окошке покажут, как он выглядит и предложат установить его в сообщество.
Скрин приложения
Код приложения
Widgeteer
Виджет для сообщества ВК
Дать разрешение Тип виджета: text list table tiles compact_list cover_list match matches Код виджета: return < «title»: «Цитата», «text»: «Текст цитаты» >; Предпросмотр виджета function onReady() < // Слушать события предпросмотра виджета VK.addCallback(‘onAppWidgetPreviewFail’, function(e)< console.error(‘onAppWidgetPreviewFail’, e); showAlert(‘warning’, ‘onAppWidgetPreviewFail’); >); VK.addCallback(‘onAppWidgetPreviewCancel’, function(e)< console.error(‘onAppWidgetPreviewCancel’, e); showAlert(‘info’, ‘onAppWidgetPreviewCancel’); >); VK.addCallback(‘onAppWidgetPreviewSuccess’, function(e)< console.log(‘onAppWidgetPreviewSuccess’, e); showAlert(‘success’, ‘onAppWidgetPreviewSuccess’); >); // События нажатия на кнопки $(‘#btn-permission’).on(‘click’, function()< console.log(‘showGroupSettings’); VK.callMethod(«showGroupSettingsBox», 64); >); $(‘#btn-preview’).on(‘click’, function()< var type = $(‘#in-type’).val(), code = $(‘#in-code’).val() ; console.log(‘showAppWidgetPreviewBox’, ); VK.callMethod(«showAppWidgetPreviewBox», type, code); >); > function showAlert(className, text) < var html = [ », text, », ].join(‘n’); $(‘#b-alerts’).append(html); > VK.init(function() < // API initialization succeeded onReady(); >, function() < // API initialization failed // Can reload page here console.error(‘VK init error’, arguments); >, ‘5.74’);
Какие бывают типы виджетов см. на странице документации по объекту appWidget.
Как оформить сообщество Вконтакте | Дизайн, приложения, информация, меню, виджеты | Большой урок
Какой конкретно шаг в этом сценарии у вас не получился?
Ответ написан более трёх лет назад
Нравится 4 19 комментариев
Сейчас возникла проблема с php-скриптом, который бы и обновлял виджет. Я не могу правильно выполнить запрос appWidgets.update. Не совсем понимаю как именно передавать параметр «code». Пробовал и ввиде массива, но выходит ошибка что это не должен быть массив.
Подскажите, как правильно? Делаю вот такой запрос:
$code = ‘»title»: «Цитата дня», «title_url»: «https://link», «title_counter»: 42, «more»: «Читать все цитаты», «more_url»: «https://link2», «text»: ««Нам нужно гордиться»», «descr»: «Дэвид Кэмерон о победе сторонников выхода страныn из Евросоюза на референдуме», ‘; $request_params = array( ‘type’ => ‘text’, ‘code’ => $code, ‘v’ => ‘5.0’, ‘access_token’ => ‘ea9cdcc870dbbb4a8100829f48c9b3e3565bfae0e6aa55b3ec17101b34b54bb6119bfc65edd8f81093c92’ ); $get_params = http_build_query($request_params); $update = json_decode(file_get_contents(‘https://api.vk.com/method/appWidgets.update?’. $get_params));
- максимальная длина GET-запроса около 2к, легко превысить. Поэтому лучше POST – через cURL или создайте контекст для file_get_contents()
- версию API лучше указать свежую 5.74
- что там в переменной update после невыполненного обновления?
Сергей Соколов, с этим разобрался. Ошибка была связана с тем, что в этих виджетах нельзя передавать ссылки на сторонние сайты, по этому и не грузилось. Очень странно что прмиер именно с такими ссылками указан в документации.
Но сейчас никак не могу разобраться с типом «Table». Заменил все ссылки на VK, но ошибка идет к изображениям. То, что в примере, опять же не отображает.
return < «title»: «My Table», «title_url»: «https://vk.com», «title_counter»: 31, «more»: «Посмотреть все результаты», «more_url»: «https://vk.com», «head»: [< «text»: «Название первой колонки» >, < «text»: «Название второй колонки», «align»: «center» >], «body»: [ [< «text»: «Это первая ячейка первой строки», «icon_id»: «3484735_23434324» >, < «text»: «Это вторая ячейка первой строки», «url»: «https://vk.com/» >], [< «text»: «Это первая ячейка второй строки», «icon_id»: «3484735_23434324» >, < «text»: «Это вторая ячейка второй строки», «url»: «https://vk.com/» >] ] >;
Как именно можно загрузить эту иконку?
Источник: qna.habr.com
Где находятся виджеты ВКонтакте
Нажмите на кнопку «Добавить в сообщество» на странице виджета в каталоге приложений ВКонтакте. Чтобы настроить или удалить его, перейдите в «Управление» — «Приложения» в правом меню группы, найдите в списке нужное и кликните на «Изменить». Настройки зависит от виджета, но обычно интуитивно понятна.
Как установить виджет анкеты ВК
Чтобы создать виджет, перейдите в «Управление» сообществом ВК → «Приложения» → приложение «Конструктор виджетов» → виджет «Плитки» и кликните по «Создать виджет». Перед вами откроется редактор виджета, где можно добавить заголовок и ссылку к виджету (ссылка может быть любой, но в пределах ВК, т.
Как настроить виджет отзывы ВК
Чтобы добавить блок отзывов в сообщество ВКонтакте, перейдите в каталог из правого меню группы: «Управление» —> «Приложения». В списке найдите «Отзывы». Добавьте приложение в группу — можно при этом сообщить о новинке подписчикам.
Где виджеты в настройках
Как настроить виджет Поиска:
- Добавьте виджет Поиска на главную страницу. Подробнее…
- На телефоне или планшете Android откройте приложение Google.
- В правом верхнем углу экрана нажмите на значок профиля Настройки Виджет Поиска
- Задайте цвет, форму и прочие параметры, используя нужные значки внизу экрана.
- Нажмите Готово.
Какие есть виджеты
Виджеты для Android:
- KWGT Kustom Widget Maker — универсальный виджет
- Overdrop — виджет погоды для Android.
- Data Counter Widget — Виджет счетчика данных
- Musicolet — музыкальный виджет
- Calendar Widget — виджет календаря
- Sectograph — необычный виджет календаря
- Google News — лучший новостной виджет
Как добавить виджет ВК на айфоне
Добавление и изменение виджетов на iPhone:
- На экране «Домой» нажмите и удерживайте виджет или пустую область, пока приложения не начнут покачиваться.
- Нажмите кнопку «Добавить» в верхнем левом углу.
- Выберите виджет, выберите размер виджета, затем нажмите «Добавить виджет».
- Нажмите «Готово».
Как сделать чтобы услуги в ВК были видны
Для этого перейдем в управление сообществом. Кликаем: «Управление» → «Настройки» → «Разделы». Затем включаем нужный раздел («Товары» или «Услуги»). И выбираем расширенный режим.
Как добавить виджет приветствия в ВК
Как сделать виджет приветствия в группе ВК — настройка
В открывшемся окне выберите сообщество, к которому нужно подключить виджет, нажмите «Добавить». Появится сообщение, что приложение подключено, и предложение перейти в настройки. Переходим. В каталоге виджетов выбираем шаблон «Приветствие».
Какие есть виджеты ВК
Полезные виджеты для групп ВКонтакте и как их настроить:
- «Магазин товаров»
- «Сообщения сообщества»
- «Заявки»
- «Афиша»
- «Меню группы»
- «Рассылки»
Как найти свои анкеты в ВК
Откройте раздел управления сообществом, выберите Приложения. В списке найдите нужное и нажмите Настроить приложение → Редактировать анкету. Там будет показан список всех анкет и собранных ответов.
Как убрать виджеты ВКонтакте
Откройте раздел «Управление» в сообществе. Далее перейдите на вкладку «Приложения», найдите виджет, который нужно удалить, и нажмите на «Изменить» напротив. Остается только нажать на «Удалить приложение», и виджета как не бывало.
Как включить виджеты ВКонтакте
Перейдите в раздел «Управление сообществом» → «Приложения», нажмите кнопку «Изменить» и выберите, кому будет виден виджет — всем пользователям или только подписчикам сообщества.
Зачем нужны виджеты в ВК
Виджеты в сообществе ВК предоставляют пользователям дополнительную информацию, отвечают на часто задаваемые вопросы, развлекают, опрашивают, учат и помогают оплатить услуги. Море плюшек и возможностей для применения.
Почему не добавляется виджет
Почему виджет не добавляется
Чаще всего это связано с блокировкой изменений экрана. Вот как ее можно отключить на Android: Используйте долгое нажатие или сведите пальцы вместе на экране, чтобы открылось меню редактирования. Нажмите на иконку «Настройки».
Как добавить виджет с картинкой
Для этого нажмите и удерживайте пальцем на фоне главного экрана, пока не войдете в режим покачивания иконок. Теперь нажмите кнопку «плюс» (+) в верхнем левом углу экрана. В списке найдите Фото виджет. Он может сразу появиться в качестве предлагаемого виджета, но, если нет, нужно прокрутить вниз и выбрать его из списка.
Как скачать новые виджеты
Большое разнообразие виджетов можно найти в приложении Google Play. Просто выбираете понравившийся, скачиваете и нажимаете кнопку «Установить». После того, как он установится на планшет/смартфон, следует разместить его на рабочем столе своего устройства.
Как вывести значок ВКонтакте на экран телефона
Недавно на Android появилась возможность вынести на главный экран иконку любого мини-приложения ВКонтакте. Для этого просто откройте нужное приложение, раскройте меню (три точки в правом верхнем углу) и нажмите на «Добавить на главный экран».
Как настроить виджет активности
Для начала добавьте приложение к себе в группу: https://vk.com/app7354587. Далее в правом верхнем углу (на мобильном в левом углу) есть иконка настроек приложения, нажмите ее. На странице настроек виджета нужно нажать зеленую кнопку «Подключить виджет» и предоставить права на обновление виджета в группе. И все!
Как сделать Меню в ВК
Чтобы создать меню, зайдите на страницу сообщества и справа выберите пункт «Управление». Откроется раздел настроек — кликните на «Меню». Оформляйте каждый пункт с помощью кнопки «Новая ссылка». Программа позволяет добавить до 7 пунктов, не считая ссылок на приложения.
Что такое виджет теста
A/B-тестирование виджетов — метод маркетингового исследования, суть которого заключается в том, что контрольная группа виджетов сравнивается с набором тестовых групп, в которых один или несколько показателей были изменены для того, чтобы выяснить, какие из изменений улучшают целевой показатель.
Где найти ответы ВКонтакте
Обратите внимание на изображение колокольчика сверху страницы — именно там можно будет получать оповещения и ответы. При нажатии на колокольчик появляется выпадающее меню с самыми актуальными оповещениями, полный список доступен по нажатию на кнопку «Показать все» внизу.
Как добавить метку ВКонтакте
Откройте нужный диалог и нажмите «Управление метками». Шаг 2. Напишите название метки и выберите цвет. Жмите «Добавить» и «Сохранить».
Как найти виджеты в телефоне Samsung
Удерживайте нажатие на свободном местом на главном экране. Нажмите «Виджеты». Нажмите на нужный Вам виджет.
Как добавить виджет любого приложения
Нажмите на значок «Виджеты», который появился в нижней части вашего рабочего стола. Выберите нужный вариант, листая ленту приложений вправо, и нажмите на него. Подберите подходящий размер и нажмите на него. Переместите виджет на рабочий стол и разместите его в удобном месте, а после уберите палец.
- Сколько нужно денег чтобы открыть Вкусно и точка
- Можно ли уволиться из Макдональдса
Источник: svyazin.ru
Как добавить виджет для сообществ ВКонтакте?
2. Укажите ссылку на группу, установите настройки, скопируйте код виджета. 3. В редакторе 2.0 добавьте новый блок нажатием кнопки «плюс» в правом нижнем углу страницы. Выберите «Виджеты» — «ВКонтакте. Виджет для сообществ».
5. Нажмите кнопку «Дизайн» в правом верхнем углу блока.
6. Вставьте скопированный код в поле «Код виджета».
7. Опубликуйте страницу.
Готово!
Была ли статья полезна?
Каталог товаров и услуги
- Как добавить товар?
- Как копировать товар?
- Как быстро изменить основные данные о товаре?
- Как добавить увеличение изображения товара при наведении?
- У меня не отображается каталог товаров
- Как продавать цифровые товары?
- Как вывести товар на главную страницу?
- Как скрыть на главной странице товары, которых нет в наличии?
- Как скрыть заголовок страницы в карточке товара?
- Как показывать товары, которых нет в наличии, в конце каталога?
- Как включить информирование клиентов о поступлении товаров?
- Как вывести раздел каталога товаров на главную страницу?
- Как вынести каталог товаров в отдельный блок?
- Как изменить адрес страницы товара?
- Как изменить единицы измерения товаров?
- Как изменить адрес раздела товара?
- Как переместить товар из одного раздела в другой?
- Как переместить один товар в пределах раздела?
- Как добавить описание к разделу каталога товаров?
- Как установить скидку на товар?
- У меня не отображается поле для ввода скидки
- Как установить на товар рекламную метку?
- Как добавить к товару блок «С этим товаром покупают»?
- Как добавить поиск и сортировку по каталогу товаров?
- Как работает поиск по каталогу товаров?
- Как быстро найти нужный товар в каталоге, чтобы внести в него изменения?
- Как добавить фильтры по товарным группам и характеристикам?
- Как включить сортировку в разделах каталога товаров и фильтр по цене?
- Установил «Товар в наличии» 1 штуку, а заказать можно больше.
- Как изменить количество товаров на странице?
- Как добавить дополнительное меню каталога товаров?
- Как показать, что товара нет в наличии?
- Как создать модификацию товара?
- Как создать новую/изменить товарную группу?
- Как создать новую/изменить характеристику?
- Тип характеристики «Чекбокс»
- Тип характеристики «Текстовое поле»
- Тип характеристики «Список»
- Как передавать коды маркировки в чек на полный расчет?
- У меня исчезли параметры товаров
- Как использовать параметры товара?
- Как сделать разные цены на товар в зависимости от параметра?
- Как работает опция для товаров «Поставка под заказ»?
- У товара исчез значок корзины для быстрого заказа
- Я удалил каталог товаров целиком, как его восстановить?
- Я удалил раздел в каталоге товаров, помогите восстановить.
- Как изменить размер изображений в каталоге товаров (превью)?
- Как создать в разделе каталога товаров подраздел?
- Как массово изменить цены на товары?
- Как упорядочить изображения в карточке товара?
- Как добавить услугу?
- Как добавить скидку к услуге?
- Как добавить описание к разделу Услуги?
- Как изменить адрес страницы услуги?
- Не отображается раздел Услуги
Контактная информация
- Как указать номер телефона на сайте?
- Как вывести блок контактов на главную страницу?
- Как изменить форму «Напишите нам»?
- Как изменить форму «Обратный звонок»?
- Как показать адрес офиса/магазина на карте?
- Как добавить фотографии к адресу?
- Как создать паблик чат в Viber?
- Как создать канал в Telegram?
- Как получить API Key для карт Google?
- Как получить API Key для Яндекс.Карт?
- Как добавить иконки мессенджеров в шапку сайта?
Фотогалерея
- Как добавить блок фотогалерея на главную страницу?
- Как добавить фотографии?
- У меня не отображается фотогалерея
- Как изменить размер изображений (превью) в фотогалерее?
Отзывы и комментарии
- Как добавить блок «Отзывы и комментарии» на главную страницу?
- Как добавить блок «Отзывы и комментарии» в меню?
- Как включить премодерацию комментариев?
- Как изменить вкладку Комментарии в товаре?
- Как вынести отзыв в левую часть сайта?
- Как вынести отзывы на главную страницу?
- Как подключить авторизацию через ВКонтакте для отзывов?
- Как подключить авторизацию через Facebook для отзывов?
- Как ответить на отзыв от лица администратора сайта?
- Как изменить дату и время отзывов и комментариев на сайте?
- Можно ли банить посетителей, которые оставляют негативные комментарии?
Доставка и текстовые страницы
- Как добавить страницу доставки и способы доставки на сайт?
- Как добавить текстовую страницу на сайт?
- Как добавить блоки на текстовую страницу?
- Как установить пароль на текстовую страницу?
- Как изменить адрес текстовой страницы?
- Как разместить рекламу/баннер партнеров на сайте?
- Как добавить на сайт страницу оплаты?
- Как добавить на сайт страницу производителя?
- Как добавить на сайт всплывающее рекламное окно?
Меню
- Как переименовать раздел в меню?
- Можно ли сделать меню с выпадающими окнами?
- Не отображаются пункты меню
- Как скрыть меню сайта?
Элементы оформления
- Как добавить логотип?
- Как настроить отображение логотипа на сайте?
- Как добавить слоган?
- Как добавить промо-баннер?
- Как добавить баннер в левый блок сайта?
- Как изменить копирайт сайта?
- Как добавить фон к таблице?
Новости и О компании
- Как добавить новость на сайт?
- Как изменить адрес страницы новости?
- Почему я не могу прочитать новости своего сайта в ленте RSS?
- Как добавить на сайт триггеры?
- Как добавить на сайт кнопку, картинку и картинку плюс текст?
- Как редактировать промо-баннер в шаблоне «Лендинг»?
- Как редактировать архивный слайдер в профессиональном шаблоне, Дизайн №1, №2?
- Как добавить видеофон на слайдер?
Статьи
- Как добавить разделы к статьям?
- Как добавить статью?
- Как разбить статью на две части (убрать часть текста под кат)?
- Как изменить адрес страницы статьи?
Видео
- Как добавить блок видео на сайт?
- Как добавить видеофайлы на сайт?
Статистика
- Как добавить блок статистики на сайт?
- Почему не работают счетчики статистики?
- Не вижу счетчики Яндекс.Метрики и Google Analytics на сайте
- Как добавить сайт в Яндекс.Вебмастер?
- Как установить счетчик Яндекс.Метрика (редактор 1.0)?
- Как установить информер Яндекс.Маркет?
- Как настроить цели в Яндекс.Метрике?
- Как настроить электронную коммерцию в Яндекс.Метрике?
- Как добавить сайт в Google Search Console?
- Как установить счетчик Google Analytics (редактор 1.0)?
- Как настроить цели в Google Analytics?
- Установка Google Analytics с помощью Google Tag Manager
- Как в Google Analytics отображать знак # в URL в отчетах и настроить цели на отправку форм?
- Как настроить электронную торговлю в Google Analytics?
- Как установить счетчик Liveinternet?
- Как добавить сайт в Вебмастер Mail.ru?
- Как добавить сайт в Вебмастер Bing?
- Как работает Вебвизор?
- Надо ли снова подключать сервисы статистики, если просрочить оплату платного тарифа?
Лид-форма и таймер для акций
- Как добавить блок «Таймер» на сайт?
- Как найти таймер для акций в шаблоне Презентационный?
- Как добавить и отредактировать лид-форму?
Социальные сети
- Как добавить кнопки социальных сетей на сайт?
- Как вывести кнопки социальных сетей в левом блоке?
- Как добавить сайт в Google Мой бизнес?
- Как установить поиск по сайту от Яндекса?
- Как установить поиск по сайту от Google?
- Почему моего сайта нет в поисковых системах Яндекс, Google, Mail.ru?
- Надо ли делать автоматический прогон по каталогам?
- Как выделить сниппет в поисковой выдаче Яндекса?
Прочее
- Как перейти в режим просмотра / редактирования?
- Как перемещать (менять местами) блоки на сайте?
- Как скрыть/показать блок на сайте?
- Как скрыть сайт на время его разработки?
- У меня ничего не работает
- Как добавить на сайт блок Возможности?
- Как добавить на сайт блок Карточки?
- Как добавить на сайт блок Карусель?
- Как добавить на сайт блок Слайдер?
- Как добавить на сайт блок Ссылки?
- Как добавить на сайт блок HTML-код?
- Как добавить на сайт блок Карта?
- Как добавить на сайт блок Призыв к действию?
- Как добавить на сайт блок Видео?
- Как добавить на сайт блок Текст?
- Как добавить на сайт блок Колонки?
- Как добавить на сайт блок Вопрос/Ответ?
- Как добавить на сайт блок Таймлайн?
- Как добавить раздел Документы?
- Как добавить меню питания для школ?
- Как добавить информер Gismeteo на сайт?
- Как добавить атрибут nofollow к ссылке?
- Как добавить в форму на сайте чекбокс (флажок, галочку)?
- Как создать ссылку?
- Как создать якорную ссылку?
- Как добавить пользовательское соглашение и политику конфиденциальности на сайт?
Редактор 2.0
- Как удалить блок или элемент со страницы?
- Как добавить блок на сайт?
- Как добавить изображение?
- Как отредактировать текст?
- Как изменить название блока?
- Как изменить фон блока?
- Как сделать блок сквозным?
- Как работать с кнопками?
- Как прописать SEO-настройки и ЧПУ страницы?
- Кнопки «Предпросмотр», «Опубликовать», «Восстановить»
- Как скопировать страницу?
- Как указать тип заголовка H?
- Как добавить/изменить блок “Обложка”?
- Как добавить/изменить/удалить пункт меню?
- Как добавить/изменить блок «Обложка с меню»?
- Как добавить страницу «Меню с телефонами»?
- Как добавить/изменить блок «Форма»?
- Как добавить/изменить блок «Преимущества»?
- Как добавить/изменить блок «Сотрудники»?
- Как добавить/изменить блок «Видео»?
- Как добавить/изменить блок «Отзывы»?
- Как добавить/изменить блок «Контакты»?
- Как добавить/изменить блок «Призыв к действию»?
- Как добавить/изменить блок «Партнеры»?
- Как добавить/изменить блок «Соц.сети»?
- Как добавить/изменить блок «Подвал»?
- Как добавить/изменить блок «Схема работы»?
- Как добавить/изменить блок «Галерея»?
- Как добавить/изменить блок «Текст»?
- Как добавить виджет Яндекс.Такси?
- Как установить счетчик Яндекс.Метрика (шаблоны 2.0)?
- Как установить счетчик Google Analytics (шаблоны 2.0)?
- Как добавить страницу «Главная»?
- Как добавить страницу «О компании»?
- Как добавить страницу «Услуги»?
- Как добавить страницу «Наша команда»?
- Как добавить страницу «Контакты»?
- Как добавить страницу «404»?
- Как добавить страницу «Пользовательское соглашение»?
- Как добавить страницу «Политика конфиденциальности»?
- Как добавить отступы между блоками?
- Как добавить дополнительные элементы внутри блока?
- Как перемещать элементы внутри блока?
- Как добавить виджет Календарь Travelpayouts?
- Как добавить виджет Поисковые формы Travelpayouts?
- Как добавить виджет отеля Travelpayouts?
- Как добавить виджет популярных направлений Travelpayouts?
- Как добавить виджет «Планоплан»?
- Как добавить виджет для комментариев ВКонтакте?
- Как добавить виджет для сообществ ВКонтакте?
- Как добавить виджет опросов ВКонтакте?
- Как добавить модуль поиска туров 5.0 от Слетать.ру?
- Как добавить Google Календарь?
- Как добавить блок Google AdSense?
- Как добавить Яндекс.Поиск для сайта?
На всех мониторах страны.
На визитке каждого.
Источник: nethouse.ru