Раздел VK Comments в конструкторе сайтов Gridbox для Joomla описывает пошаговый процесс подключения и размещения официального виджета комментариев социальной сети ВКонтакте (VK Open API). Интеграция позволяет пользователям мгновенно оставлять комментарии со своих личных страниц VK без регистрации на сайте, делиться репликами на своей стене и прикреплять медиаконтент.
1. Создание приложения и получение VK App ID (Getting VK App ID)
Для подключения виджета к домену сайта необходимо создать веб-приложение на платформе разработчиков ВКонтакте и получить API ID (ID приложения):
- Перейдите на официальный портал для разработчиков VK Developers и авторизуйтесь под своей учетной записью (главный портал платформы — VK.com, документация по виджету комментариев — VK Widget Comments Docs).
- В верхнем меню перейдите в раздел управления приложениями по прямой ссылке: Мои приложения (My Apps).
- Нажмите кнопку Создать приложение (Create Application).
- В открывшейся форме заполните ключевые поля:
- Название (Title): Введите имя вашего сайта или проекта;
- Тип (Category): Обязательно выберите тип Сайт (Website);
- Адрес сайта (Site Address): Укажите полный URL вашего сайта (например,
https://mysite.ru); - Основной домен (Base Domain): Укажите доменное имя без протоколов (например,
mysite.ru).
- Подтвердите создание приложения через SMS-код или push-уведомление VK ID.
- В левом меню перейдите в раздел Настройки (Settings) и скопируйте цифровое значение из поля ID приложения (App ID / API ID).
2. Добавление и настройка плагина VK Comments в Gridbox (Configuring the Plugin)
После получения идентификатора приложения добавьте плагин в визуальный макет страницы:
- Откройте в редакторе Gridbox шаблон записи блога (Single Post Layout) или страницу сайта, где требуется блок комментариев.
- Нажмите кнопку добавления нового плагина (+) ➝ перейдите в категорию Integrations / Social ➝ выберите плагин VK Comments.
- Перетащите плагин в нужное место макета (под контентной частью статьи).
- В открывшейся панели настроек плагина вставьте скопированный App ID в соответствующее поле.
- Сконфигурируйте параметры работы виджета:
- Limit: Задайте количество комментариев на странице (5, 10, 15, 20);
- Attach: Выберите типы разрешенных вложений в комментариях (All — все медиафайлы, Graffiti, Photos, Audio, Video, Links или None — только текст);
- Auto Publish: Включение/отключение автоматической отметки «Опубликовать на моей странице» для авторов комментариев;
- Real-time updates: Автоматическое обновление ленты комментариев в реальном времени при появлении новых сообщений.
- Нажмите кнопку Save для сохранения и публикации изменений.
3. Модерация комментариев и администрирование (Comment Moderation)
Управление ветками обсуждений и защита от спама в виджете ВКонтакте:
- ■ Модерация прямо на сайте: Администраторы и создатели приложения VK видят кнопки удаления сообщений, редактирования и отправки авторов в черный список непосредственно в самом виджете на страницах сайта.
- ■ Автоматическая изоляция страниц: Gridbox автоматически передает идентификатор страницы (
page_id), разделяя ветки комментариев для каждой статьи, новости или карточки товара. - ■ Уведомления авторам: При получении ответа на комментарий пользователь мгновенно получает уведомление (колокольчик) внутри своего аккаунта ВКонтакте.
4. Сводная таблица параметров VK Comments Integration
Полный перечень параметров конфигурации плагина VK Comments в Gridbox:
| Параметр / Поле | Описание и функциональное назначение | Формат / Источник |
|---|---|---|
| App ID / API ID | Цифровой идентификатор приложения, созданного на портале разработчиков VK Developers. | Числовой ID (Строка) |
| Limit | Количество одновременно отображаемых комментариев в виджете до подгрузки остальных. | Числовое значение (5, 10, 15, 20) |
| Attach | Настройка разрешенных форматов вложений в тексте сообщений (фото, граффити, аудио, видео, ссылки). | Выпадающий список / Чекбоксы |
| Auto Publish | Автоматическая установка галочки «Поделиться с друзьями» при написании отзыва. | Переключатель (Yes/No) |
| Margin / Padding | Настройка внешних и внутренних отступов контейнера виджета на холсте страницы. | CSS-значения (px, %, rem) |
| Save | Сохранение параметров плагина в базе данных и макете Gridbox. | Кнопка действия |
Когда посетитель оставляет комментарий с активной опцией «Поделиться с друзьями», запись с прямой ссылкой на ваш сайт и превью статьи мгновенно транслируется в новостную ленту его подписчиков, генерируя бесплатные переходы целевой аудитории.
Убедись, что поле «Основной домен» в настройках приложения на портале VK Developers в точности соответствует реальному домену сайта (без http://, https:// и слешей на конце). Если домены в VK и на сервере не совпадут, скрипт Open API заблокирует инициализацию виджета из соображений безопасности (Cross-Origin Resource Sharing).