В условиях замедления YouTube многие обращают внимание на альтернативные платформы для размещения и трансляции своей аудитории видеороликов. Одним из достойных аналогов является площадка Дзен Видео, которая уже содержит большое количество видеоконтента по самым разным темам.
Но как вставить видео с Дзен на сайт? Ведь у многих блогеров, помимо аккаунтов в различных соцсетях, есть свой отдельный блог на WordPress. Как быть в этом случае?
Для Ютуб существует множество плагинов, облегчающих эту задачу. Есть ли такой плагин для видео из Дзена? Оказывается, есть. Сегодня покажу, как с ним работать.
Инструкция: как вставить видео с платформы Дзен Видео на сайт
Добавить на свой сайт ролик из Дзен быстро и легко поможет OmniVideo от WPShop. Неудивительно, что вопросом поиска альтернатив YouTube озадачились именно русские разработчики и выпустили WordPress-плагин для внедрения видео с различных платформ на сайт взамен Ютуб.
Покажу по шагам, как встроить видеоролик на сайт с помощью OmniVideo:
1. Для начала установите и активируйте плагин в админ-панели WordPress.
2. Перейдите в раздел «Настройки» -> «OmniVideo» -> «Настройки».
Здесь выберите:
- Тег для заголовка видео. По умолчанию <div>, рекомендую использовать его. Хотя в некоторых случаях может потребоваться использовать тег <h2> или <h3>.
- Постер. Если планируете использовать один и тот же постер для всех видео на своем сайте, укажите ссылку на нужное изображение. Я рекомендую подбирать и устанавливать для каждого ролика свой постер. Это вы сделаете на следующем шаге при работе с шорткодом.
- Стиль. Выберите стиль блока с медиаплеером OmniVideo. По умолчанию стиль стандартный, он хорошо вписывается в разные дизайны, поэтому можно оставить как есть или поэкспериментировать с разными вариантами. Их на данный момент в плагине семь.
- Иконка. Если планируете добавлять во все публикации именно видео с Дзен, выбирайте соответствующую иконку «Dzen», выполненную в стиле этой площадки.
- Порядок. Заполняйте только, если хотите, чтобы в блоке отображалось сразу несколько роликов, которые будут доступны при переходе по иконкам видеохостингов.
Два следующих ползунка «Показать заголовки платформ» и «Показать иконки платформ» как раз актуальны для этого случая. Если, кроме Дзен Видео, другие варианты вас не интересуют, эти опции можно отключить.
3. Откройте страницу с нужным видео в Дзен. Нажмите на три точки под видеоплеером (справа).
Дальше нажмите «Поделиться» и «Встроить».
Чтобы ролик у вас на сайте проигрывался, вам потребуется скопировать embed-ссылку, а не просто линк на страницу с видео.
4. Вернитесь в админку WordPress, откройте запись, в которую хотите добавить ролик с Дзен, поставьте курсор в нужное место.
5. При работе в классическом редакторе (Classic Editor) вставьте шорткод OmniVideo в режиме «Текст», чтобы случайно не скопировать лишний «мусор» в коде:
[omnivideo title="Ваш заголовок ролика" dzen="Скопированная на предыдущем шаге ссылка" poster="Ссылка на постер"]
В плагине предусмотрена автоматическая подгрузка постера с YouTube и Vimeo. В случае работы с Дзен вам потребуется загрузить нужное изображение в медиатеку своего сайта, скопировать ссылку на него и вставить в атрибут шорткода poster.
Доступные атрибуты шорткода и их значения подробно описаны в русскоязычной документации.
6. При работе в блочном редакторе WordPress (Gutenberg) можете использовать как шорткод плагина (вставьте его через блок «HTML-код»), так и готовый блочный элемент с одноименным названием «OmniVideo». В последнем случае просто настройте блок, как хочется.
7. Все, вы встроили видео с Дзен на свой сайт.
Помимо отдельных записей и страниц, шорткод плагина OmniVideo можно использовать и в других частях макета Вордпресс, например, в сайдбаре, конструкторе главной страницы, подвале и т.д.
Преимущества встраивания Дзен Видео с помощью плагина
Вставка видеороликов с Дзен в WordPress посредством OmniVideo имеет целый ряд преимуществ:
- Встроенная микроразметка VideoObject для каждого ролика, которую так любит Гугл и после переиндексации отображает в Google Search Console.
- Поддержка технологии отложенной загрузки (Lazy Load), когда видео не начинает загружаться на сайте до начала взаимодействия с ним пользователя. Другими словами, пока посетитель не нажмет на иконку «Play» в медиаплеере, наличие видео никак не повлияет на скорость загрузки самой страницы. А это едва ли не главная боль любого владельца сайта.
- Возможность загружать видео сразу с нескольких платформ для удобства посетителей. Например, многие авторы в Дзен часто загружают свои ролики параллельно в VK Video. Видео ВКонтакте плагин также поддерживает.
- Гибкая настройка внешнего вида видеоблока с возможностью менять общий стиль отображения, иконки и многое другое.
- Возможность автоматически заменить все встроенные видео с YouTube шорткодом плагина, чтобы избежать замедления загрузки страниц и оставить возможность просмотра роликов с этого видеохостинга только пользователям из других стран.
- Техническая поддержка (первый год бесплатно) непосредственно от разработчиков.
- Регулярные обновления плагина даже после истечения срока бесплатной поддержки. Например, в ближайшем будущем планируется добавить поддержку коротких вертикальных видео (Shorts).
Несмотря на то, что OmniVideo — платный плагин, он стоит каждого рубля, покупается один раз и значительно облегчает жизнь веб-мастеру, сэкономив его время и силы по максимуму. По ссылке выше сможете забрать его со скидкой 15%.