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

Блок «YouTube» на главной странице


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

52b842f3-7b5b-11f1-8fe4-fa163e2ff576

Ролики подгружаются из YouTube, а также с сервиса VK Видео и Rutube из плейлиста или с главной страницы канала. Также вы можете переименовать блок и выводить туда любые видео на ваше усмотрение. Например, обзоры своих проектов.

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

Чтобы настроить блок с видео, в административной части сайта перейдите в Аспро (1) → Аспро: Премьер (2) → Настройки (3) → YouTube (4).

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

Для подключения роликов с канала потребуется API Token YouTube.

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

Чтобы его получить, зайдите на специальный сервис от Google. Выберите пункт YouTube Data API v3.

651c0d9b-7b60-11f1-8fe4-fa163e2ff576

Нажмите кнопку ENABLE.

4896da20-7b5b-11f1-8fe4-fa163e2ff576

После этого откроется новое окно, в котором нужно нажать на кнопку CREATE CREDENTIALS.

14a2729c-7b5f-11f1-8fe4-fa163e2ff576

В поле Select an API выберите YouTube Data API v3.

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

На выбор появится два пункта. Отметьте Public data и нажмите NEXT.

28bd5a56-7b5e-11f1-8fe4-fa163e2ff576

Скопируйте ключ из поля API Key и нажмите Done.

15cc4678-7b60-11f1-8fe4-fa163e2ff576

Полученный ключ вставьте в соответствующее поле в административной части сайта.

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

После этого укажите ID канала (1), если хотите брать видео напрямую с YouTube-страницы. Укажите ID плейлиста (2), если хотите использовать видео из плейлиста. Также здесь вы можете задать заголовок блока (3) и указать подсказку ссылки на все видео (4).

dc3a527d-7b5f-11f1-8fe4-fa163e2ff576

Сохраните изменения.

Для корректной работы блока «Видеоотзывы» в настройках хостинга необходимо включить модуль allow_url_fopen. На картинке ниже показали пример для хостинга Reddock.

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

Настройки оформления блока

Вы можете настроить оформление блока «YouTube» через публичную и административную часть сайта.

Для настройки через публичную часть перейдите в виджет «Точная настройка». Затем перейдите на вкладку «Главная» и раскройте пункт «YouTube».

234389a7-7b62-11f1-8fe4-fa163e2ff576

Здесь вы можете задать разделитель и серый фон (1), задать количество элементов в строке (2), задать отступы блока (3), подключить заголовок и выбрать его позицию (4).

51193cf5-7b60-11f1-8fe4-fa163e2ff576

Для настройки через административную часть перейдите в Аспро (1) → Аспро: Премьер (2) → Настройки (3) → Главная (4).

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

Здесь вы можете подключить блок «YouTube» на главной.

6062e98e-7b5c-11f1-8fe4-fa163e2ff576

Ниже вы можете настроить отображение блока «YouTube». Чтобы сохранить изменения, нажмите «Применить».

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

Дополнительные настройки

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

fe481825-7b62-11f1-8fe4-fa163e2ff576

Здесь вы можете выбрать ID канала, сортировку видео и другие опции.

0be9b0f6-7b60-11f1-8fe4-fa163e2ff576

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