Вы хотите встроить плейлисты YouTube на свой сайт WordPress?
Добавление плейлистов YouTube к вашим сообщениям в блоге и на целевые страницы может повысить вовлеченность пользователей и улучшить вашу поисковую оптимизацию (SEO). Это также помогает получить больше подписчиков и расширить свой канал.
В этой статье мы покажем вам, как встроить плейлист YouTube в WordPress.
Как встроить плейлист YouTube в WordPress
Зачем встраивать плейлисты YouTube в WordPress?
Если вы хотите сделать свой контент более привлекательным, добавление видео на YouTube — отличный способ привлечь внимание посетителей.
Встраивание контента YouTube имеет много преимуществ:
Вы можете заинтересовать людей и заставить их проводить больше времени на вашем сайте.
Видеоконтент помогает повысить WordPress, потому что высокий уровень вовлеченности и низкий показатель отказов посылают положительный сигнал поисковым системам.
Это поможет вам продвигать свой канал на YouTube и получать больше подписчиков.
Youtube встраивание видео Разрешать или Запрещать встраивать свой ролик ?
Есть несколько разных способов добавить контент YouTube на свой сайт. Вы можете встроить одно видео YouTube, показать последние видео с вашего канала YouTube или даже создать видеогалерею.
Итак, зачем выбирать плейлист?
Встраивание плейлиста позволяет сосредоточить видео на одной теме.
Плейлист также поможет вам направлять посетителей от одного видео к другому по порядку, помогая им оставаться еще более вовлеченными в ваш .
Тем не менее, давайте посмотрим, как вы можете встроить плейлисты YouTube на свой сайт WordPress.
Встраивание плейлистов YouTube в WordPress
WordPress по умолчанию не позволяет встраивать плейлист. Самый простой способ встроить плейлист YouTube в WordPress — использовать плагин YouTube Feed Pro by SmashBalloon.
Это лучший плагин WordPress для YouTube, который помогает создавать собственные каналы YouTube для вашего . Он позволяет добавлять свои плейлисты YouTube и предлагает множество функций настройки.
Профессиональные каналы YouTube от SmashBalloon
Плагин автоматически обновляет плейлист, когда вы добавляете в него новые видео на YouTube. Вы даже можете встраивать прямые трансляции YouTube в WordPress.
В этом уроке мы будем использовать YouTube Feed Pro, поскольку она предлагает больше возможностей. Существует также бесплатная версия, которую вы можете использовать, чтобы попробовать ее.
, вам необходимо установить и активировать плагин YouTube Feed Pro by SmashBalloon. Пожалуйста, ознакомьтесь с нашим руководством по установке плагина WordPress для более подробной информации.
После активации вы можете перейти к Feeds for YouTube с панели инструментов WordPress, а затем перейти на вкладку «Лицензия».
Просто введите лицензионный ключ и нажмите кнопку «Активировать лицензию». Ключ можно найти в личном кабинете.
Введите лицензионный ключ
Далее вам нужно будет перейти на вкладку «Настроить» и подключить свою учетную запись YouTube.
Для этого нажмите кнопку «Подключиться к YouTube, чтобы создать ленту».
Подключитесь к YouTube, чтобы создать фид
Появится всплывающее окно, информирующее вас о том, что плагину потребуется доступ только для чтения к вашей учетной записи YouTube для получения ключа API.
Просто нажмите кнопку «Продолжить», чтобы перейти к следующему шагу.
Нажмите кнопку «Продолжить»
Далее вам нужно будет выбрать свою учетную запись Google.
Выберите аккаунт Google
На следующем экране плагин потребует доступ к вашей учетной записи Google.
Просто нажмите кнопку «Продолжить».
Разрешить доступ к вашей учетной записи
Теперь вы будете перенаправлены обратно на свой WordPress, и появится всплывающее окно, показывающее, что вы успешно подключили свою учетную запись.
Нажмите кнопку «Отклонить», чтобы продолжить.
Успешно подключили ваш аккаунт
Рядом с разделом «Учетные записи YouTube» вы можете увидеть, что вы успешно подключили свою учетную запись Google.
Увидеть уведомление об успешном подключении
Теперь вам нужно создать ключ API, чтобы плагин автоматически извлекал ваши плейлисты и отображал их в WordPress.
Давайте посмотрим, как вы можете получить ключ API.
Создание ключа API YouTube
Сначала вам нужно посетить Google Cloud Platform, а затем войти в свою учетную запись Google.
После этого нажмите на опцию «Мой первый проект» вверху.
Нажмите на мой первый проект
Теперь вы увидите всплывающее окно, в котором вы можете выбрать свои проекты.
Просто нажмите кнопку «Новый проект», чтобы начать. Вы также можете выбрать существующий проект, если хотите.
Создать новый проект
После этого вам нужно будет ввести имя для вашего проекта в поле «Имя проекта». Мы назвали наш «Плейлист YouTube».
Затем нажмите кнопку «Создать».
Введите название для проекта
После того, как ваш проект создан, вы можете щелкнуть пункт меню в верхнем левом углу (3 горизонтальные линии) рядом с Google Cloud Platform и перейти в меню «API и службы».
Затем нажмите «+ Включить API и службы» вверху.
Включить API и сервисы
Откроется страница библиотеки API. Идите вперед и введите YouTube в поле поиска, чтобы найти YouTube API.
Затем вам нужно будет выбрать опцию «YouTube Data API v3».
Выберите API данных YouTube v3.
После этого просто нажмите кнопку «Включить», чтобы активировать ключ API YouTube.
Включить API YouTube
Теперь вам нужно перейти в меню «Учетные данные» в левом меню, а затем нажать «+ Создать учетные данные» вверху.
Из вариантов, которые появляются в раскрывающемся списке, выберите «Ключ API».
Создать ключ API
Появится всплывающее окно с ключом YouTube API.
Просто скопируйте ключ API или сохраните его в файле блокнота.
Скопируйте ключ API
Затем вы можете вернуться на свой WordPress, а затем вернуться к Feeds for YouTube со своей панели инструментов.
Теперь перейдите на вкладку «Настроить» и введите свой ключ API.
Когда вы введете ключ API, вы заметите, что в каналах для YouTube будут разблокированы дополнительные параметры, включая параметры «Выбрать тип канала».
Теперь вы можете выбрать «Плейлист» в качестве типа фида и ввести идентификатор плейлиста YouTube. Существует также возможность изменить частоту, с которой ваш сайт будет проверять наличие новых сообщений в вашем плейлисте YouTube.
Разблокировать параметры типа фида
Вы можете найти идентификатор списка воспроизведения, посетив свой канал YouTube, а затем перейдя к списку воспроизведения, который вы хотите отобразить на своем .
Строка букв и цифр после символа «=» в URL — это идентификатор вашего плейлиста. Просто скопируйте идентификатор и введите его в плагин Feeds for YouTube.
Найти идентификатор плейлиста YouTube
Теперь, когда вы создали ключ API и добавили идентификатор плейлиста YouTube, давайте посмотрим, как можно настроить канал и встроить его на свой .
Настройте и вставьте свой плейлист YouTube
Чтобы настроить ленту плейлиста YouTube, просто перейдите на вкладку «Настроить» в плагине «Каналы для YouTube».
Здесь вы можете изменить ширину, высоту и цвет фона канала YouTube.
Изменить ширину и высоту фида
Затем вы можете прокрутить вниз и изменить макет ленты. Плагин предлагает несколько вариантов макета, включая сетку, галерею, список или тип карусели.
Кроме того, есть также варианты выбора количества столбцов (для мобильных и настольных компьютеров), количества видео и интервалов между видео.
Плагин также предлагает дополнительные параметры для настройки вашей ленты YouTube. Например, вы можете выбрать, какую информацию отображать, например значок воспроизведения, заголовок, просмотры, дату и т. д.
Также есть варианты для ввода переводов информационного текста, редактирования параметров заголовка, изменения настроек кнопок «Загрузить еще» и «Подписаться «, добавления модерации и других дополнительных настроек.
Настройки просмотра видео
Не забудьте нажать кнопку «Сохранить изменения», когда закончите.
Теперь вы можете отображать свой плейлист YouTube на любой странице или в записи WordPress.
Для начала просто создайте новую страницу или отредактируйте существующую. Как только вы окажетесь в редакторе контента WordPress, просто нажмите кнопку «+» и добавьте блок «Каналы для YouTube».
Добавить блок фида для YouTube
Теперь ваш плейлист YouTube появится на вашей странице.
Опубликуйте свою статью, чтобы увидеть ленту плейлистов YouTube в действии.
Предварительный просмотр плейлиста YouTube
Как настроить отображение плейлистов youtube при их встраивании?
В страницу встроен ютубовский плеер, но не отдельное видео, а плейлист. Проблема в том, что увидеть сам список роликов, входящих в плейлист, можно только после нажатия специальной кнопки. Можно ли сделать так, чтобы изначально при загрузке страницы был виден весь список видео (точнее — его часть, т.к. плейлист большой и всё не влезет), и пользователь сможет сразу выбирать, что посмотреть?
Как реализовать данное решение?
Обязательно ли лезть в API?
- Вопрос задан более трёх лет назад
- 6944 просмотра
Комментировать
Решения вопроса 2
И вновь спасибо отзывчивым участникам toster.ru за «активную» помощь!
По факту: поиск решений показал, что самый подходящий вариант использовать что-то а-ля uppod.ru для того, чтобы размещать видео с ютуба на сайте через их плеер.
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
upd: объединил последние два скрипта, получил желаемый результат. Посмотреть можно в разделе «видео из youtube» на главной soundaround.me
Ответ написан более трёх лет назад
Комментировать
Нравится Комментировать
Ответы на вопрос 0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
- YouTube
Как выводят топ?
- 1 подписчик
- 10 сент.
- 38 просмотров
- Windows
- +3 ещё
Как мне отучить VMWare Player 16.2.5 автоматически увеличивать разрешение экрана Windows XP?
- 2 подписчика
- 06 сент.
- 80 просмотров
Источник: qna.habr.com
Настройки встраивания YouTube видео. Расширенные настройки для эффективного встраивания
Во времена, когда широкополосным интернетом могли похвастаться только обеспеченные пользователи и жители крупных городов, информация в интернете была в основном в текстовом виде. Даже картинки сжимались всевозможными протоколами для экономии драгоценных байт. Но теперь, когда скоростной интернет доступен даже на мобильных телефонах, многие авторы считают, что гораздо проще показать на видео, например, как разобрать гаджет или приготовить торт, чем объяснять то же самое на словах.
Общепринятой платформой для публикации видео давно стал YouTube от Google, как обладающий практически неограниченными техническими возможностями, шириной канала и удобным интерфейсом управления настройками видео и плей-листами.
Но что, если видео нужно вставить непрерывным звуковым сопровождением (скрыть от пользователя кнопки управления воспроизведением) или, к примеру, хочется избавиться от логотипа YouTube поверх видео?
Для этого у YouTube предусмотрено несколько дополнительных опций, не предлагаемых в базовом интерфейсе встраивания видео, но при этом несомненно полезных.
Стандартный код для встраивания
Если ваше видео уже опубликовано, просто щелкните по нему правой клавишей и выберите «Copy embed code», и нужный код окажется в буфере обмена:
Базовые настройки встраивания видео
Список настроек приводится на странице с описанием API Youtube на developers.google.com. Рассмотрим основные и наиболее полезные кратко с примерами.
Autoplay — автоматический запуск при загрузке страницы
Этой опцией, пожалуй, не стоит злоупотреблять. Пользователи не любят, когда сразу после загрузки страница начинает издавать звуки. Однако, в некоторых случаях это может быть полезно. По умолчанию параметр «autoplay» равен 0 (выключен). Чтоб его включить, добавим в конце URL вопросительный знак и запись «autoplay=1»:
Получаем видео, которое включается сразу при загрузке страницы.
Управление воспроизведением: Play, Pause и звук
Опция «controls» позволяет спрятать от пользователя кнопки управления воспроизведением (в том числе временную шкалу). Чтобы добавить эту опцию к предыдущей, допишите в конце URL символ «» и «showinfo=0».
Как только вы выключите верхнюю панель, YouTube автоматом добавит свой логотип в нижний правый угол.
Логотип YouTube поверх видео
Опция «modestbranding» позволяет частично избавиться от показа того, что видео загружено на YouTube. При значении 1 логотип YouTube не будет отображаться на панели управления. Небольшая текстовая метка YouTube будет отображаться в углу при наведении курсора на проигрыватель во время паузы.
Похожие видео
Для популярных видео YouTube в конце просмотра может добавить «Похожие». Совсем непрактично, если вы встраиваете видео-обзор вашего товара, а YouTube предложит пользователю обзоры конкурентов. Чтобы после окончания просмотра плеер просто останавливался и не показывал похожие видео, добавим символ «https://code-inside.com/ru/nastroyki-vstraivaniya-youtube-video-rasshirennyie-nastroyki-dlya-effektivnogo-vstraivaniya/» target=»_blank»]code-inside.com[/mask_link]