Друзья, привет! Сегодня покажу вам пример, как можно создать интерактивный кликабельный слайд в видео на Ютуб.

Важно: данная инструкция уже неактуальна, в связи с отключением Ютубом аннотаций со 2 мая 2017 года.  Теперь для создания интерактивных элементов в видео используйте конечные заставки.

Сейчас, как раз, прохожу тренинг по настройке Ютуб-канала, и одно из заданий – сделать кликабельные элементы в видео с переходом на внешний сайт или другой видеоролик.

В общем, я решила совместить нужное с полезным, и продемонстрировать вам этот момент.

Для этого подготовила небольшое слайд-видео (1 мин, 18 сек.) под cpa-партнерку по женским браслетам. Сильно не креативила, создала подборку модной бижутерии нынешнего сезона, а в конце добавила вот такой слайд с возможностью перехода в каталог браслетов:

интерактивный слайд для ютуб

Для подготовки слайдов я использовала элементарные опции Фотошопа, а также внутренние возможности Youtube – видеоредактор и аннотации.

Что касается Фотошопа, то в нем я просто создала белый фон размером 1280х720 px. И перетащила на него нужные мне картинки для каждого слайда.

Ну а дальше…скомпоновала их и добавила эффекты в редакторе Ютуба. Данный инструмент доступен по адресу: youtube.com/editor. Или в «Творческой студии» вашего канала — нижняя вкладка «Создать» в левой боковой колонке и далее «Видеоредактор»:

видеоредактор youtube

В принципе, сделать это можно в любом редакторе, к которому вы привыкли. А я решила потренироваться здесь. В целом, ютубовский редактор — вещь удобная, но к нему нужно немного приноровиться.:)

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

Только видео должно быть уже загружено на Ютуб (можно в закрытом доступе). И когда мы меняем его через редактор, то оно публикуется заново. То есть, остается оригинал и появляется новый отредактированный ролик.

Тут же можем выбирать из предложенных или находить через поиск видео с лицензией Creative Commons. Она позволяет свободно использовать ролики других авторов (отмеченные этой лицензией) и менять их в редакторе. Если интересно, подробности о лицензии можно почитать здесь.

Как использовать видеоредактор Youtube?

Для начала работы, нам нужно выбрать видео или загрузить слайды в редактор. Слайды добавляем через вкладку «Фотографии»:

загружаем слайды в видеоредактор

А видео – просто выбираем из доступных, наводим мышкой на нужный ролик и справа сбоку появляется плюсик «добавить видеоклип». Кликаем, наше видео добавляется на шкалу редактирования.

добавляем видео на шкалу редактора

Или можем перетащить его на шкалу мышкой, точно так же, как и слайды:

добавляем слайды на шкалу редактирования

У добавленных слайдов можем менять время проигрывания, по умолчанию — 5 секунд. Для этого жмем на слайд, появляются синие ползунки. Сдвигая их, мы уменьшаем время показа, а раздвигая – увеличиваем.

изменяем время показа слайдов

Также можем добавить интересные эффекты – переходы и музыку из фонотеки Ютуба.

добавляем переходы и музыку в видеоредакторе

Или наложить текст на видео:

накладываем текст на видео в редакторе

Все свои эксперименты можно тут же посмотреть в проигрывателе.

Это самые основные настройки, разобраться в них несложно.:) Если, вдруг, что-то подтормаживает или не получается добавить, советую обновить страничку с редактором. Не волнуйтесь, все внесенные вами изменения сохраняются автоматически.

Ну а когда ваш проект готов – остается дать ему название и опубликовать, нажав на синюю кнопочку вверху «Создать видео». А затем дождаться пока он обработается.

Добавляем кликабельные аннотации

Когда ролик будет готов, заходим в «Менеджер видео», жмем по кнопке «Изменить» → «Информация и настройки».

оптимизируем видео

И приступаем к оптимизации – добавляем миниатюру, заголовок, описание, теги. Сохраняем  и переходим во вкладку «Аннотации», чтобы сделать нужный нам слайд кликабельным.

В данном примере я использовала аннотацию «Рамка». Выделила ее серым цветом на изображениях с браслетами и оставила прозрачной на кнопке «Перейти в каталог».

добавляем кликабельные аннотации

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

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

Последний штрих – добавление ссылки на связанный веб-сайт. О том, как связать канал с сайтом и включить внешние аннотации читайте тут.

А поскольку ссылки у меня партнерские, для их добавления я использовала фрейм на своем домене. Как вариант, можно применить и редирект с сайта, который вы привяжете к Ютуб-каналу. Пока этот вариант тоже работает.

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

Друзья,  вот такая инструкция для вас. Надеюсь, было полезно. Также предлагаю вам посмотреть видео, в котором все гораздо понятнее:

P.S. Если останутся вопросы, пишите в комментариях. Буду рада помочь.Добавляем интерактивные кликабельные элементы в видео на Ютуб

Желаю успехов!

С уважением, Виктория Карпова