1. aspro.ru
  2. Аспро: Максимум
  3. Главная страница
  4. Блок «ВКонтакте» на главной

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


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

0eb0afb6-7b62-11f1-8fe4-fa163e2ff576

Картинка для блока будет браться из ленты «ВКонтакте». Поле, в которое она будет вставляться, имеет соотношение сторон 16:9.

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

Для начала зайдите на https://id.vk.com/about/business/go/ и нажмите «Добавить приложение».

72a5af3c-7b63-11f1-8fe4-fa163e2ff576

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

b822bb41-7b61-11f1-8fe4-fa163e2ff576

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

e34a839d-7b5d-11f1-8fe4-fa163e2ff576

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

dcf96b87-7b5e-11f1-8fe4-fa163e2ff576

В поле «Базовый домен» напишите адрес вашего сайта без протокола (1). В поле «Доверенный Redirect URL» вставьте: https://oauth.vk.com/blank.html (2). Нажмите «Готово».

С начала 2025 года появился новый способ получения токена VK при создании нового приложения. Теперь нужно указывать другой доверенный Redirect URL: https://ДОМЕН/bitrix/tools/КОД_РЕШЕНИЯ/vk_oauth.php

Пример для демоверсии Аспро: Максимум: https://max-demo.ru/bitrix/tools/aspro.max/vk_oauth.php

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

729b0a0a-7b61-11f1-8fe4-fa163e2ff576

Введите код из push-уведомления для подтверждения.

f5168863-7b5c-11f1-8fe4-fa163e2ff576

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

1dffe354-7b5d-11f1-8fe4-fa163e2ff576

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

Аспро (1) → Аспро: Max (2) → Настройки (3) → Социальные сети (4).

43074a4a-7b5f-11f1-8fe4-fa163e2ff576

В пункте «VK» доступны следующие поля:

  1. Способ обращения к API — вы можете выбрать новый вариант через VK ID или устаревший через OAuth. Мы рекомендуем первый вариант — VK ID.
  2. ID приложения — введите ID вашего приложения ВКонтакте, который вы получили ранее. Если у вас есть API-токен, в предыдущем поле выберите вариант «OAuth (устаревший)» и вставьте имеющийся токен.
  3. ID сообщества ВКонтакте — для его получения достаточно открыть любую фотографию сообщества или скопировать ссылку на пост. Тогда в URL-адресе появится часть с ID сообщества. Например, ID сообщества Аспро — 26208053.
  4. Название для блока.
  5. Текст ссылки на все записи.
  6. Размер отображаемого текста — в символах.
  7. Заголовок блока с видео.
  8. Ссылки на все видео.

632d43c7-7b60-11f1-8fe4-fa163e2ff576

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

912fd9c7-7b5b-11f1-8fe4-fa163e2ff576

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

3a1db39d-7b5c-11f1-8fe4-fa163e2ff576

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

8bc48bb3-7b63-11f1-8fe4-fa163e2ff576

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

174d5061-7b60-11f1-8fe4-fa163e2ff576

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

1a94e503-7b5e-11f1-8fe4-fa163e2ff576

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

577721c5-7b62-11f1-8fe4-fa163e2ff576

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

e74adb54-7b5d-11f1-8fe4-fa163e2ff576

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

0f8f15a4-7b5c-11f1-8fe4-fa163e2ff576

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

5aab93b3-7b63-11f1-8fe4-fa163e2ff576

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

e954f544-7b5c-11f1-8fe4-fa163e2ff576

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

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

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

1027d79e-7b63-11f1-8fe4-fa163e2ff576

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

db1fe22b-7b5b-11f1-8fe4-fa163e2ff576

Предыдущая статья Боковая колонка на главной
Следующая статья Блок «Видеоотзывы» на главной странице