Как встроить видео в WordPress (3 способа для начинающих)

Размещение видео на вашем веб-сайте — это проверенный способ повысить интерес и увеличить время, которое посетители проводят на вашем сайте. Хотите узнать, как встроить видео в WordPress самыми простыми способами?

В этой статье мы рассмотрим 3 различных способа встраивания видео в веб-страницу или запись WordPress. Встроенные видео размещаются где-то еще, например на YouTube, но отображаются и воспроизводятся на вашем веб-сайте.

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

Зачем добавлять видеоконтент на свой сайт WordPress?

Люди, которые просматривают Интернет в наши дни, ожидают полного, богатого опыта при посещении веб-сайтов. Это означает, что вам нужно предлагать разнообразный контент, который способствует интерактивности. Добавление видео на ваш сайт позволяет достичь обеих этих целей.

Сложно ли добавить видео в WordPress?

На самом деле очень просто добавить видео на сайт WordPress. Существует несколько методов, и для большинства из них требуется только скопировать и вставить URL-адрес видео или короткую строку текста.

Итак, раз уж мы рассказали вам, как легко встроить видео, давайте сразу приступим….

3 простых способа встроить видео в WordPress

Мы собираемся описать самые простые из возможных способов встраивания видео в запись или страницу WordPress.

1. Встраивайте видео с помощью плагина WordPress
2. Встраивание видео с помощью редактора блоков WordPress
3. Встраивание видео с помощью классического редактора WordPress

Мы начнем с самого мощного и эффективного способа добавления видео в WordPress: с помощью специализированного плагина, предназначенного для управления видеоконтентом YouTube.

Метод 1: как встроить видео в WordPress с помощью плагина

Пользователям WordPress посчастливилось иметь огромный выбор плагинов, которые позволяют легко добавлять расширенные функции на веб-сайты даже для новичков.

Теперь любой может вставлять видеофайлы на сайт WordPress без какого-либо опыта программирования или технических навыков!

В этом уроке мы собираемся использовать YouTube Feed Pro от Smash Balloon для встраивания видео с YouTube.

YouTube — самая популярная в мире платформа для размещения видео, а Smash Balloon позволяет размещать контент YouTube прямо на вашем веб-сайте.

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

Для начала вам необходимо установить плагин Smash Balloon YouTube Feed Pro на WordPress.

Установите и активируйте YouTube Feed Pro

Посетите Smash Balloon и получите лицензию YouTube Feed Pro здесь. Персональный план предоставляет вам все функции, необходимые для встраивания видео на один веб-сайт.

После завершения покупки перейдите на страницу Моя учетная запись » Загрузки на Smash Balloon, чтобы получить файл плагина. Просто нажмите значок загрузки рядом с YouTube Feed Pro , чтобы сохранить на свой компьютер.

Пока вы находитесь на странице «Загрузки», вам также следует скопировать лицензионный ключ из поля « Лицензия ». Вы собираетесь ввести этот лицензионный ключ в WordPress на следующем шаге.

На этом этапе вам нужно войти в WordPress, чтобы завершить установку. Как только вы окажетесь на панели инструментов WordPress, нажмите Плагины » Добавить новый . Затем нажмите кнопку « Загрузить плагин » в верхней части экрана.

Теперь выберите файл, загруженный с Smash Balloon, и нажмите « Установить сейчас» .

После установки плагина нажмите « Активировать плагин », и все готово! Для подтверждения проверьте меню панели инструментов WordPress на наличие нового элемента под названием YouTube Feed .

Хорошо, осталось закончить настройку. Нажмите YouTube Feed »Настройки и введите лицензионный ключ, который вы скопировали ранее из своей учетной записи Smash Balloon. После того, как вы вставите ключ, нажмите « Активировать », чтобы закончить.

Вот и все, давайте продолжим и создадим новый видеопоток для встраивания в WordPress.

Создать новый видеопоток

Чтобы создать новый видеопоток в плагине, нажмите All Feeds в меню. Поскольку у вас еще нет каналов, на этом экране отображается мастер создания новых каналов. Вы можете нажать кнопку « Добавить новый ».

Теперь вы увидите различные типы каналов, которые можно встроить с помощью Smash Balloon. Здесь у вас есть 6 вариантов:

• Канал — показывает ленту всех видео на выбранном канале.
• Список воспроизведения — отображает список воспроизведения, который вы выбираете на своем канале.
• Избранное — показывает любимые видео любого пользователя.
• Поиск — отображает видео, соответствующие выбранным вами критериям поиска.
• Прямые трансляции — показывает текущие и предстоящие видеотрансляции в прямом эфире.
• Отдельные видео — позволяет составить список отдельных видео для встраивания.

Выберите стиль фида, который вы хотите отображать на своем веб-сайте, и нажмите « Далее » .

Здесь вам будет предложено подключить свою учетную запись YouTube, используя идентификатор канала или имя пользователя .

Идентификатор вашего канала — это строка букв и цифр, которую вы найдете в URL-адресе, когда вы находитесь на панели инструментов своего канала на YouTube. Идентификатор канала отображается в красной рамке:

Ваше имя пользователя отображается в URL-адресе, когда вы находитесь на главной странице своего канала. Например, в этом URL-адресе www.youtube.com/@Monsterinsightsplugin имя пользователя — @Monsterinsightsplugin .

Введите один из этих двух пунктов в поле и нажмите Далее . На этом этапе вам будет предложено ввести ключ API YouTube или выбрать учетную запись для подключения.

Лучший вариант — ввести ключ API от Google, который подтверждает вашу учетную запись YouTube. Просто следуйте этому простому руководству, чтобы получить бесплатный ключ API от Google.

Спроектируйте и настройте свой встроенный видеопоток

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

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

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

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

Когда вы будете довольны видом своего видеопотока на экране предварительного просмотра, нажмите кнопку «Сохранить». Ваша лента настроена и готова к публикации, отличная работа!

Опубликуйте свой видеопоток на WordPress

Чтобы опубликовать свой канал YouTube как встроенное видео в WordPress, нажмите кнопку « Встроить » на экране редактирования канала. Не забудьте сначала сохранить все изменения!

Откроется окно Embed Feed . Это дает вам 3 варианта встраивания вашего видеопотока.

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

Во-вторых, вы можете нажать кнопку « Добавить на страницу », чтобы увидеть список всех ваших опубликованных страниц. Выберите страницу и нажмите « Добавить », чтобы сразу открыть ее в режиме редактирования. Затем вам будет предложено выбрать блок под названием Feeds for YouTube .

Просто нажмите на блок и ваша лента будет размещена на странице!

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

Хорошо, это завершает наше руководство по использованию мощного плагина, такого как YouTube Feed Pro, для встраивания видео в WordPress. Как и обещали, сейчас посмотрим, как добавить видео без плагина.

Как добавить видео в WordPress без плагина

Теперь, возможно, у вас есть видео, которые размещены не на YouTube, а на другом сервисе. Вы по-прежнему можете легко вставлять эти видео на свой сайт WordPress.

Мы покажем вам два способа встроить видео в WordPress без плагина. Один метод использует редактор блоков WordPress, другой работает с классическим редактором.

К сожалению, эти методы действительно работают только для добавления отдельных видео. Итак, если вам нужен тип отображения галереи или карусели или вы хотите показать несколько видео, плейлистов и т. д., вам нужно использовать плагин.

Начнем с блочного метода….

Способ 2: как встроить видео с помощью блоков WordPress

Используете ли вы редактор блоков WordPress Gutenberg на экране редактирования страницы? Если да, то у нас есть очень простое решение для встраивания видеоконтента с помощью блоков.

Сначала вы откроете видео на YouTube или другом сервисе, которое хотите встроить на свой сайт. Затем нажмите кнопку « Поделиться ». Вот как это выглядит на YouTube:

Откроется диалоговое окно «Поделиться» со ссылкой на видео, которой можно поделиться. Скопируйте эту ссылку, нажав кнопку « Копировать ».

Теперь откройте страницу или публикацию в WordPress и поместите курсор туда, куда вы хотите встроить видео.

Хотя вы можете сначала выбрать тип блока, вы также можете просто вставить ссылку в блок абзаца по умолчанию. Если WordPress поддерживает видеосервис, он автоматически изменит тип блока.

Вот как выглядит ссылка для обмена в Vimeo:

После того, как вы вставите эту ссылку в редактор блоков WordPress, если видео появится, это все, что вам нужно сделать!

Если видео не отображается, возможно, WordPress не поддерживает видеосервис, в который вы скопировали ссылку. Вот пример блоков <embed>, доступных в WordPress.

Как видите, поддерживается несколько видеоплатформ, включая YouTube, Vimeo, Animoto и другие. Существует также общий блок Embed , который вы можете использовать, если ваша платформа изначально не поддерживается.

Если вы хотите встроить свое видео в WordPress, используя его собственный блок, просто найдите название вашей видеоплатформы. Добавьте блок на свою страницу WordPress, затем вставьте URL-адрес вашего видео в соответствующее поле. Вот блок Vimeo в редакторе страниц WordPress:

Это все, что нужно для добавления видео в редакторе блоков WordPress. Довольно просто!

Способ 3: как встроить видео в классический редактор WordPress

Если вы все еще используете старый классический редактор WordPress, вставлять видео по-прежнему легко. Процесс работает немного по-другому, так что давайте посмотрим.

Классический редактор WordPress имеет две вкладки: Visual и Text . Если вы редактируете страницу на вкладке «Визуальные», вы можете просто вставить URL-ссылку для обмена видео из вашего сервиса, если он поддерживается WordPress.

Итак, вкладка «Визуальные» в основном работает так же, как редактор блоков. Вставьте URL-ссылку на видео на страницу, и WordPress автоматически настроит видео.

Однако, если вы хотите добавить видео с помощью вкладки «Текст», вы не можете использовать URL-ссылку. Вам нужно будет получить код для встраивания из вашего видеосервиса.

В Vimeo он находится в поле « Встроить », как показано на нашем снимке выше. Просто скопируйте этот код и вставьте его в HTML-код на вкладке «Текст» в WordPress.

В YouTube вам нужно нажать кнопку «Встроить» в диалоговом окне «Поделиться».

Затем вы увидите код, который нужно скопировать, чтобы встроить видео в WordPress.

Вставьте свой код в то место, где вы хотите, чтобы видео отображалось, и все готово. Сохраните и просмотрите новое встроенное видео!

Как отслеживать воспроизведение видео с помощью MonsterInsights

Как только ваши видео начнут привлекать больше трафика на ваш сайт, вам захочется точно знать, как пользователи взаимодействуют с этим контентом.

Когда вы используете MonsterInsights, лучший плагин Google Analytics для WordPress, вы можете видеть статистику видео прямо на панели инструментов WordPress. Кроме того, плагин автоматически настраивает отслеживание видео, поэтому вам не нужно беспокоиться о добавлении пользовательского кода или тегов на свой веб-сайт.

MonsterInsights поддерживает отслеживание видео YouTube, Vimeo и HTML5 в WordPress.

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

После установки плагина MonsterInsights вы можете активировать надстройку Media , чтобы получить доступ к отчету Media. Затем, чтобы просмотреть статистику воспроизведения видео в MonsterInsights, перейдите в Insights » Reports и щелкните вкладку Media .

Здесь вы увидите график, показывающий ваш ежедневный объем всех воспроизведений видео. При этом вы получаете список отдельных видео и сколько раз каждое из них было воспроизведено, а также эту расширенную статистику видео:

• Среднее время просмотра в минутах
• Средний процент просмотра видео
• Какой процент зрителей досмотрел все видео

Эти данные могут помочь вам несколькими способами. Возможно, вы захотите заменить видео с низким средним процентом просмотров и процентом завершения на более эффективные видео.

Или, если зрители рано уходят, выясните, что в вашем видеоконтенте не соответствует потребностям зрителей. Теперь у вас есть достоверные данные, чтобы увидеть, когда зрители теряют интерес и перестают вовлекаться.

Конечно, MonsterInsights предоставляет вам все необходимые метрики и аналитические данные из Google Analytics, а не только отслеживание видео.

И это завершает наш учебник по встраиванию видео в WordPress. Если вам понравилась эта статья, вы можете прочитать это руководство по отслеживанию конверсий в Google Analytics.

Все еще не используете MonsterInsights? Чего же ты ждешь?

Не забудьте подписаться на нас в Twitter, Facebook и YouTube, чтобы получать дополнительные советы и инструменты Google Analytics.