Виджет "Видео"

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

Настройка виджета

Перейдите в раздел "Виджеты" и нажмите кнопку "Создать виджет":

Выберите виджет "Видео":

Вам откроются настройки с основной информаций:

Основная информация

  1. Укажите название виджета (это может быть любое удобное название, которое будет отображаться в общем списке в разделе "Виджеты"):

Название отображается только для вас.

  1. Укажите адрес сайта, на котором хотите показывать видео:

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

Условия срабатывания

  1. Когда показывать виджет

Можно выставить значение, когда отображать виджет на сайте:

а) сразу — при переходе на сайт, виджет сразу будет отображаться на сайте;

б) спустя время — виджет отображается на сайте спустя установленное время после перехода на сайт:

в) после прокрутки — виджет будет отображаться после пролистывания сайта на заданное количество пикселей:

Чекбокс "Закрывать виджет по нажатию на фон" Если активировать данный переключатель, то при клике на фон виджета, видео будет закрываться.

Чекбокс "Задать условия отображения на сайте" Если активировать переключатель, то виджет будет отображаться при удовлетворении каких-либо условий:

  1. UTM-метки

Чтобы узнать, что такое UTM-метки и как ими пользоваться, рекомендуем прочитать статью "Как передать параметры и UTM-метки".

В соответствующем поле пропишите название необходимой метки:

Далее выберите оператор соответствия метки значению:

В чем разница содержит/не содержит и равно/не равно?

Основное различие в том, что "содержит/не содержит" проверяет значение на факт того, что UTM-метка включает (или не включает) то или иное значение. Тогда как оператор "равно" строго присваивает значение, в связи с чем система ищет совпадение в UTM-метке по строгому значению (соответственно "Не равно" противоположно).

После чего пропишите необходимое значение для UTM-метки:

Тогда клиентам с указанными utm-метками будет отображаться видео на сайте.

  1. Страна

Видео будет отображаться клиентам из определенных стран.

  1. Устройство

Отображение виджета для определенных устройств: компьютера, планшета или телефона:

Внешний вид

После настроек основной информации и условий срабатывания перейдите во вкладку "Внешний вид":

Обязательные поля:

  1. Ссылка на основное видео;

  2. Ссылка для превью.

Для обязательных полей указываются ссылки на видео в формате mp4.

Достаточно загрузить видео в файлах и скопировать на него ссылку:

Далее вставьте ссылку в полях "Основное видео" и "Видео для превью": после чего превью видео будет отображено в правом углу экрана:

Далее напишите текст для кнопки (будет отображаться на видео), если вам нужно перенаправлять клиентов на другую страницу или, например, в мессенджер:

Далее выберите размер видео:

И положение на сайте:

Затем можно кастомизировать кнопку, выбрав цвет фона и текста:

Теперь нажмите "Добавить виджет", чтобы сохранить настройки:

После чего вы перейдете в соответствующий раздел и увидите новый созданный виджет "Видео":

Теперь осталось встроить виджет на сайт!

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

Нажмите на "Встроить код на сайт":

В открывшемся окне скопируйте код виджета:

Переходим в настройки сайта, адрес которого вы указали при создании виджета.

В настройках перейдите во вкладку "Цвета, шрифты и HTML":

Теперь вставьте скопированный код в поле <head>:

И нажмите "Сохранить".

Теперь в новой вкладке откройте раздел "Виджеты" и наведите на карточку созданного виджета:

Нажмите "Изменить видимость", чтобы запустить виджет.

Если виджет успешно запущен, то после обновления страницы вы увидите статус "Активен":

И ваш виджет будет отображаться на сайте:

PreviousВиджет "Стадный инстинкт"NextФайлы

Last updated

Was this helpful?