Как встроить видео Яндекса на сайт

Видео на сайте не просто передает информацию, но и привлекает внимание посетителей. Множество сервисов позволяют хранить, размещать и делиться видеофайлами – среди них продукты экосистемы Яндекс. Ниже разберем каждый способ встроить яндекс-видео на сайт, а в конце познакомимся с интерактивным видео-виджетом, который не только воспроизводит видео, но и собирает заявки от зрителей.

Яндекс.Диск

Яндекс.Диск – это облачное хранилище для аудио-, видео- и других файлов. Встроить видео на сайт с Яндекс.Диска актуально, если у вас есть собственные видеофайлы, которые нужно показать посетителям. Однако учтите, что многие инструкции в интернете устарели – раньше Диск позволял получать код для вставки, но теперь такой возможности нет. На данный момент Яндекс.Диск не предоставляет iframe или HTML-код для плеера. Доступна только прямая ссылка на файл, QR-код или отправка по email. Вероятно, это сделано в целях безопасности, чтобы защитить файлы от несанкционированного распространения.

Бесплатный тариф Диска дает 5 ГБ пространства. Если нужно больше (200 ГБ, 1 ТБ или 3 ТБ), придется оформить одну из подписок пакета Яндекс 360 для расширения хранилища.

Яндекс.Видео

Яндекс.Видео – платформа-агрегатор, где можно искать и просматривать ролики из разных видеохостингов (YouTube, Rutube, VK и др.) в открытом доступе. Чтобы вставить видео с Яндекс.Видео на свой сайт, выполните следующие шаги:

1. Откройте сервис Яндекс.Видео и найдите нужный ролик через поиск. Кликните по превью видео, чтобы открыть плеер.
2. Кликните правой кнопкой по видео (в области плеера).

3. Скопируйте embed-код – в контекстном меню появится пункт для копирования кода в зависимости от источника видео:

4. Вставьте скопированный фрейм-код в HTML-разметку вашего сайта в том месте, где должно отображаться видео.

После этого на странице вашего сайта появится плеер с выбранным видео.

Учтите: преимущество Яндекс.Видео – можно встраивать ролики с разных платформ, не загружая их себе. Но и недостаток очевиден: если источник видео показывает рекламу при просмотре, на вашем сайте она тоже будет показана. Это происходит потому, что встроенный код только ссылается на внешний сервис (YouTube, Rutube и т.д.), а не хранит видеофайл у вас на сервере.

Знаем какие формы могут увеличить число заявок с вашего сайта!

Получи бесплатно PDF и рекомендации для современных веб форм

Подскажем, какой видеовиджет увеличит вам конверсию на 30%

Получи бесплатно PDF с эффективными кейсами

Расскажите мне

Яндекс.Дзен

Яндекс.Дзен (Дзен) – платформа для публикации статей и видео, работающая по принципу рекомендательной ленты. Встроить видео с Яндекс.Дзена на сайт можно следующим образом:

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

2. Нажмите кнопку «Поделиться». Под плеером видео на Дзене есть значок «Поделиться» (обычно изображение стрелки). Кликните его и выберите вариант «Встроить» из списка.

3. Скопируйте код публикации. Появится окно с HTML-кодом фрейма (iframe) для вставки – скопируйте этот код целиком.

4. Вставьте код на свой сайт в том месте, где должен отображаться данный ролик.

Если все сделано правильно, на странице вашего сайта отобразится встроенное дзен-видео.

Готовое решение от QForm: интерактивный видеоплеер с заявками

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

Зачем бизнесу интерактивное видео?

• Рост CTR. Интерактивные элементы (кликабельные кнопки, подсказки) побуждают пользователей взаимодействовать с видео, благодаря чему CTR может быть в 11–20 раз выше, чем у обычных видеороликов. 
• Рост конверсии (просмотр → действие). Добавление чётких призывов к действию прямо в видео существенно повышает конверсию из просмотра в целевое действие. Исследования показывают, что видео с правильно встроенными CTA увеличивают конверсию на до 80% по сравнению с роликами без явного призыва.
• Возможность встроить форму сбора данных. В интерактивном плеере QForm можно в нужный момент показать форму заявки или опрос прямо поверх видео. 
• Сокращение пути пользователя. Интерактивное видео убирает лишние шаги: не надо переходить на отдельную страницу или открывать сторонние ссылки, чтобы связаться с вами. 

Как это работает в QForm

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

1. Загрузите видео в QForm. Зарегистрируйтесь на платформе QForm и добавьте свой видеофайл в личном кабинете.
2. Добавьте CTA или форму. В конструкторе QForm Video настройте, когда в плеере должна появиться кнопка призыва (CTA) или форма. Задайте текст кнопки (например, "Запросить расчет") и действие по клику – открытие формы, переход на страницу или прокрутка к блоку.
3. Встройте виджет на сайт. Сервис сгенерирует код виджета (HTML/JavaScript). Скопируйте этот код и разместите его у себя на сайте в нужном месте – как вы бы вставляли обычное видео или форму.
4. Получайте клики и заявки в реальном времени. После установки виджета вы начнете видеть статистику по просмотрам и кликам в личном кабинете QForm. 

Интеграции

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

• Битрикс24 (CRM-система)
• AmoCRM
• Яндекс Метрика (аналитика)
• Telegram (уведомления о новых заявках в чат)
• Webhook (передача данных в любые другие системы)

FAQ

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

Влияет ли QForm-виджет на скорость загрузки сайта?
Виджет загружается асинхронно и не блокирует основной контент страницы.

Нужен ли платный тариф, чтобы попробовать QForm?
Нет, базовый функционал интерактивного видео доступен бесплатно. У QForm есть бесплатный тариф, которого хватит для старта (например, определенное количество показов и заявок в месяц). 

Работает ли QForm-видео на Tilda, Битрикс, Webflow и других конструкторах сайтов?
Да, видеовиджет QForm можно встроить на любой сайт, вне зависимости от CMS или конструктора.

Как отправлять заявки из видео сразу в CRM?
Через встроенные интеграции. В настройках QForm вы можете подключить свою CRM – достаточно в несколько кликов привязать, например, amoCRM или Битрикс24 (по API-ключу).