107  /  531
Нашли ошибку? Выделите мышкой и нажмите Ctrl+Enter

Блок «ВКонтакте» на главной

Блок «ВКонтакте» — это виджет для главной страницы сайта. Он автоматически подгружает посты из привязанного к сайту сообщества в VK. 

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

Для начала зайдите на https://dev.vk.com/ и нажмите «Создать приложение».


На новой странице введите название (1) и выберите платформу — standalone-приложение (2). Затем нажмите кнопку «Перейти в сервис».


Выберите, кем будет управляться приложение. Нажмите «Далее».


Затем заполните свои данные. Эта информация не будет отображаться публично. Согласитесь с офертой и обработкой персональных данных. Нажмите «Создать аккаунт».


Заполните название приложения и выберите платформу: Web. Нажмите «Далее».


Укажите домен сайта и адрес с протоколом.


Выберите способ подтверждения: через приложение VK или SMS-сообщение. Подтвердите действия.


После этого вы получите ID приложения. Оно будет доступно в соответствующем поле.


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

 https://oauth.vk.com/authorize?client_id=[ID нашего приложения]&scope=notify,photos,friends,audio,video,notes,pages,docs,status,questions,offers,wall,groups,messages,notifications,stats,ads,offline&redirect_uri=http://api.vk.com/blank.html&display=page&response_type=token

  • В client_id подставляем ID нашего приложения;
  • В атрибуте scope оставляем только тот контент, доступ к которому вам нужен. Как правило, достаточно оставить параметры video, wall и offline. 

Получившуюся ссылку вставьте в адресную строку браузера и перейдите по ней. После этого вас попросят авторизоваться в VK. Нажмите «Продолжить как …».

Разрешите приложению доступ к аккаунту.

В новом окне из ссылки скопируйте показатель атрибута «access_token». Это и есть ваш API токен.

Далее переходим к нашему сайту, в его административную часть. Проходим следующий путь:

Аспро (1) — Аспро: Max (2) — Настройки (3). Открываем вкладку «Блок ВКонтакте» (4).

Вставьте код полученного API токена (1) и ID сообщества, откуда вы хотите подтягивать посты (2). Укажите название для блока (3), текст ссылка на все записи (4) и размер отображаемого текста (5). Сохраните параметры.

ID сообщества по умолчанию находится в ссылке. Если же у вашего сообщества VK уникальный URL, откройте любой пост на стене.


Затем скопируйте ID сообщества из URL-адреса поста.


Сайт подключен к API ВКонтакте. Теперь нужно включить блок. Находясь в настройках в административной части, переходим во вкладку «Главная».

Находим «блок ВКонтакте» и ставим галочку.


Чуть ниже на этой же странице можно выбрать вид отображения блока — горизонтальный или квадратный.

Горизонтальный (прямоугольный) вид:


Квадратный вид:


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


Перейдите во вкладку «Главная» (1), найдите блок ВКонтакте и включите его (2).


Готово. Теперь посты из вашего сообщества будут отображаться на сайте.


Настройка периода обновления постов

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

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


На вкладке «Настройки кеширования» включите кеширование с необходимым типом (1) и задайте период обновления в секундах (2). Сохраните изменения.