Как реализовать добавление ссылки на видео


Содержание материала:

Как добавить ссылку в видео на YouTube

Последнее обновление — 27 сентября 2020 в 17:52

1,0,1,0,0

3,1,0,0,0

Как добавить ссылку в видео на YouTube

4,0,0,1,0

  • Вводим номер мобильного телефона;
  • Приходит код, который отправляем на YouTube;

adsp-pro-2

  • Удостоверяемся, что у Вас хорошая репутация , подключена возможность добавления внешних аннотаций и переходим к следующему шагу;
  • Сайт проходит проверку, которая может занять более 24 часов;

Как добавить видео на сайт html, если вы полный чайник

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

Тогда ничего не поделаешь, придется осваивать «дзен» работы с видеофайлами при помощи современных механизмов веб-языков. Именно поэтому тема данной публикации: «Как добавить видео на сайт html».

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

Форматы видеофайлов

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

Наиболее распространенные форматы вам, вероятнее всего, известны. Это avi, asf, mov, mp4 (MPEG4), ogg и другие.

Начнем с AVI (Audio-Video Interleaved). Этот формат был разработан корпорацией Microsoft и представляет собой контейнер, в который можно вложить видео, сжатое любым стандартом. Храниться может как один поток (например, только аудио или только видео), так и несколько.

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

ASF разработан все той же корпорацией Microsoft и работает с потоковыми документами типа видео и аудио. Преимущество ASF состоит в том, что он не требует от вас установки определенных кодеков. Таким образом, он указывает структуру потока переносимых данных, но не ограничивает в выборе метода кодирования видеоинформации. Может иметь расширения: .asf, .wma и .wmv.

Контейнер MOV был разработан второй большой мировой корпорацией Apple специально для их приложения QuickTime. Хоть формат и рассчитан на операционную систему Mac OS X, он отлично воспроизводится и в Windows.

Контейнер чрезвычайно удобен для редактирования лежащих в нем файлов, а также может в себе хранить не только несколько дорожек аудио- и видеоинформации, а еще и субтитры, панорамы и анимации. Среди расширений можно встретить .QT или .MOV.

Mp4 – очень известный формат хранения видеофайлов. На самом деле это сокращение от названия стандарта сжатия – MPEG4. Это фильм или клип, который по своим возможностям не уступает предыдущему формату MOV.

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

И наконец ogg. Данный формат является универсальным, бесплатным и доступным для всех желающих. Этот мультимедийный контейнер был разработан некоммерческой компанией Xiph.Org Foundation. Формат функционирует с различными кодеками и может хранить в себе любые виды мультимедиа. Расширение таких файлов выглядит .ogg.

Учимся добавлять на веб-ресурс видео

Когда возникает желание предоставить возможность пользователям сайта смотреть видеоуроки или клипы с ютуба, то сразу же перед разработчиком возникает вопрос: «А каким именно образом мне стоит загрузить видеоконтент?»

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

Если вы хотите усвоить данный материал, то советую вам не лениться, а собрать всю свою волю в кулак и проработать примеры самостоятельно. Хочу напомнить, если у вас нет профессиональной среды разработки или хотя бы Notepad ++, то вооружитесь программой «Блокнот».

Итак, я научу вас вставлять видеодокументы тремя способами:

  • используя ссылку с YouTube;
  • загружая клипы с локального компьютера;
  • пользуясь стандартными механизмами html5.

Но для начала нужно подготовить каркас будущей страницы. Для этого через блокнот создаем документ с расширением .html (как правильно создавать веб-страницы через «Блокнот» я писал в первых уроках) и вставляем туда ниже представленный код:

Вставка видео из разных источников

Способ 1: добавление видео с веб-сервиса YouTube

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

Способ 3: добавление видео при помощи тегов html5

Самый простой способ добыть ссылку на видео, mp3 и тому подобное

Внимательные читатели уже знакомы с DowloadHelper, плагином для браузера Mozilla Firefox (почитать и скачать можно в этом посте). Подробно рассказывалось, как с его помощью можно скачивать изображения на странице превью, не открывая каждый исходный файл.

После постов “Как сделать простой MP3-плеер в посте” и “Вставляем в пост видеоплеер, не загружая файлы” больше всего не очень опытных пользователей напугала система “добычи” ссылки на MP3, FLV или, например, MP4-файлы. С плагином DownloadHelper этот процесс превращается в сплошное удовольствие.

Ничего не поняли? 🙂 Посмотрите предыдущий пост с фильмом “Свадебный переполох”, прочитайте указанные выше посты про видео- и mp3-плееры. Принцип такой: находим в Интернете файл и собираем плеер, не загружая видеоаудиофайл, а только указывая на него ссылку. Понятнее?

Покажу на примере.

Подробно о создании такого простого, но очень удобного видеоплеера рассказано в упомянутой статье “Вставляем в пост видеоплеер, не загружая файлы”.


В итоге нам нужно получить примерно такой код:

Самое важно – это получить ссылку на видеофайл — http://media.win.online.ua/d1/005/052/179/145917.flv. И здесь на помощь приходит плагин.

1. После установки плагина (как устанавливать плагины Firefox подробно написано в этом посте), в панели браузера появится вот такой значок:

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

Для скачивания (конвертации, получения ссылки. ) видео переходим на страницу с ним и нажимаем воспроизведение (просмотр видео).

Теперь нажимаем на черную стрелочку справа от разноцветного значка плагина, выбираем нужный файл (в данном случае он один) и в выпадающем меню нажимаем на “Копировать ссылку”. Всё!

Эта система работает на 99% сайтов и позволяет получать ссылки на любые медиафайлы: фото, видео, аудио разных форматов.

В нашем случае мы скопировали ссылку http://media.win.online.ua/d1/005/052/179/145917.flv. По ней можно скачать видео или вставить ее в код, как описано выше.

Вопросы по теме прошу задавать в комментариях. Спасибо за внимание! Получайте удовольствие в Интернете!

Вечно ваш, дядя Шурик.

Опубликовано: 14 Июня 2010 г. 11:19

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Как добавить ссылку в видео на YouTube?

Появляющиеся ссылки и аннотации при просмотре видео на YouTube позволяют авторам удерживать трафик на канале. С помощью таких вставок, можно порекомендовать пользователю посмотреть другие видеозаписи в блоге или вообще завлечь зрителей на свой сайт. Это очень удобно и эффективно в плане продвижения канала или какого-либо проекта. Давайте посмотрим — «как добавить ссылки в видео на YouTube?«.

Топ-пост этого месяца:  Как в Историю ВК добавить ссылку на запись, пост или фото

Со 2 мая YouTube обновил возможность вставки ссылок и аннотаций в видео. Теперь это делается с помощью «Конечной заставки» или «Подсказок». Эти 2 раздела полностью заменяют привычный уклад добавления различных элементов в видео. Предлогом для обновления стало то, что прежние объекты некорректно или вовсе не отображались на смартфонах и планшетах, в связи с чем стали использоваться реже на 70%. Откровенно говоря, прежние аннотации и прочие объекты, знатно раздражали зрителей, появляясь в неподходящий момент.

Конечная заставка в видео на YouTube

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

Войти в раздел создания конечной заставки вы можете нажав на кнопку «Конечная заставка и аннотации», в меню под вашим видео.

Внимание: Если под видео не появляется меню, как на картинке выше, то либо это видео не с вашего канала, либо вы не авторизованы на ютуб.

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

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

Рассмотрим, что представляет из себя каждый элемент по отдельности.

Видео или плейлист

На свою конечную заставку вы можете добавить ссылку на отдельное видео или плейлист со своего канала. Для этого кликните на кнопку «Создать» напротив пункта «Видео или плейлист». В появившемся popup окне выберите, на какое видео или плейлист вы хотите перенаправлять зрителей. Тут доступны следующие варианты:

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

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

Подписка

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

Канал

В конечную заставку своего видео вы можете добавить также ссылку на чужой канал. Для этого нажмите кнопку «Создать» в пункте «Канал». При создании элемента со ссылкой на канал, вам нужно ввести название или URL канала и небольшой текст, типа «Спасибо за помощь Афоне!». После этого на вашей заставке появится круглый элемент с логотипом добавленного канала, который работает аналогично элементу со ссылкой на свой канал.

Ссылка

В конечную заставку к своему видео вы можете добавить и ссылку на свой сайт. Обратите внимание, что я написал «на свой сайт», а не на «внешний ресурс». Дело в том, что на YouTube вы можете вставлять ссылки на страницы сайта, который привязали к каналу и подтвердили права на него. Вставлять ссылки на чужие сайты на заставку к своему видео невозможно.

Для создания на конечной заставке к видео ссылки на свой сайт или отдельную страницу вашего сайта, кликните по кнопке «Создать», в пункте «Ссылка». В появившемся popup окне, в поле «Адрес», укжите URL сайта или страницы сайта, и нажмите кнопку «Далее».

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

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

  1. в режиме творческой студии на YouTube, нажмите в левой колонке на ссылку «Канал»;
  2. в выпавшем списке выберите пункт «Дополнительно»;
  3. на открывшейся странице найдите пункт «Связанный веб-сайт» и укажите в нем соответствующее значение;
  4. подтвердите право обладания сайтом по инструкции, которую предложит сервис YouTube.

Шаблоны конечной заставки

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

Подсказки в видео на YouTube

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

Подсказка отображается в видео в кружочке с латинской буквой «i» в правом верхнем углу. Подсказка может содержать:

  • Ссылку на видео или плейлист;
  • Ссылку на канал какой-либо YouTube;
  • Опрос;
  • Ссылку на ваш сайт или на его страницу.

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

Когда показывать в видео конечную заставку и подсказки?

Указать, в какое время на видео должна появится конечная заставка или подсказка, можно на временной шкале, которая находится ниже видеозаписи на странице редактирования видео. Просто перетащите валик конечной заставки или подсказки в указанное место на временной шкале видео.

На время появления конечной заставки на видеозаписи в YouTube есть ограничения. Так заставка не может появляться раньше 20 секунд с начала видео и позже 20 секунд до окончания. При создании конечной заставки, по умолчанию она помещается в конце временной шкалы, за 20 секунд до конца видео. Рекомендую придерживаться этого значения, так как заставка появившаяся поверх видео за несколько минут до окончания, однозначно вызовет негатив у зрителей.


На размещение подсказок на временной шкале ограничений нет, но хорошим тоном будет выводить подсказки в тот момент, когда они уместны. Например, если в видео есть эпизод, где говорится о источнике (канале YouTube), откуда вы взяли информацию, то можно вывести подсказку со ссылкой на источник в этот момент. Короче говоря — подсказка должна иметь причину появления.

Как поставить свою активную ссылку прямо в видеоролик с YouTube.

Если у вас есть свои сайты, то наверняка вы используете видеомаркетинг. Если умеете создавать видеоролики,то в основном свои.

Если нет то приходится пользоваться чужими. Естественно теми, которые разрешает устанавливать их владелец. То есть, те, на которых открыт код html и нет значка в виде замочка.

А когда наводишь мышку, то около значка появляется надпись «Это видео могут просматривать только те пользователи, у которых есть ссылка».

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

А если он зарабатывает на своих роликах, то 100% он будет согласен. Потому что, если вы поставите ролик на сайт так как надо. То есть нажмёте под роликом -> Поделиться -> HTML-код, скопируете его и поставите на свой сайт в режиме html. То владелец ролика будет получать просмотры ещё и с вашего сайта, а чем больше просмотров, тем больше он зарабатывает денег.

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

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

Топ-пост этого месяца:  Окончательное закрытие сервиса Яндекс.Каталог

Узнать свой IP можно простым вводом запроса в любой поисковик «Мой IP адрес» и вам тут же его покажут.

А теперь займёмся главной темой этой статьи. Внизу есть видеоурок, можете сразу начать с него. Переходим по адресу https://linkedtube.com И видим такую непонятную картину.

Рекомендую вам воспользоваться браузером Google Chrome, так как он переводит такие страницы. Далее вам всё будет понятно. Но на всякий случай я напишу что и куда вставлять. В первую очередь мы идём на ЮТуб и берём код видео. Что это такое? Для того, чтобы добыть эту ссылку, мы нажимаем на кнопку Поделиться, она находится под видеороликами. И копируем ссылку, она выделена серым цветом.

Вот она https://youtu.be/182ewIJo97M , нам нужен только код, то что начинается с цифр, то есть вот эта часть 182ewIJo97M . После этого вставляем эту длинную цифру в первое окошко сервиса Linkedtube. Во втором окне пишем текст для кнопки. И вот что у нас получается после этого.

Дальше в третье уже поле ставим url. В следующем, четвёртом окне, выбираем как будет показываться наша кнопка. Там три значения

  • Шоу Всегда
  • Посмотреть на Hover (только после того, как посетитель наведёт мышку на видео) А он может её и не навести
  • Никогда

Для чего третье значение никогда, не понимаю. Так что советую выбирать Шоу Всегда. В пятом окне пишем название, которое будет показано большими буквами (у меня это слово БЕСПЛАТНО). И в шестом пишем, текст, который будет показан маленькими буквами (видеокурс). Жмём обновить, просматриваем и если всё устраивает, нажимаем получить код ( это нижняя панель, после всех окошек).

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

Но вот что я ещё хочу посоветовать вам. Видео в первоначальном варианте выглядит не лучшим образом. Как какой-то обрезок. Вот эта страшнота.

Для того, чтобы оно стало презентабельным, нужно просто изменить размеры в 2-х местах. Их я выделила красным, чтобы вам не искать. Нужные места кода я выделила красным, изначально там стояло 400*325.

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

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

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

И анализировать переходы посетителей. Для этого надо нажать зелёную кнопку Начало работы.

И зайти через facebook или google+ . После этого вам нужно опять нажать зелёную кнопку +Creat a New Player. Пишем название и создаём плеер. Если честно, я пока не разбиралась с этим сервисом вплотную. Так как пока все эти функции меня пока что не интересуют. Но возможно будут интересны вам.

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

А если вы активно интересуетесь заработком на видеохостинге YouTube, то познакомьтесь с новым совместным творением Эльдара Гузаирова (это известный и успешный видеоблоггер) и Евгения Попова (он выпустил много видеокурсов и все они несут важную информацию, очень красиво оформлены. То есть лажу он никогда не делал.)

Добавление видео из Youtube в email-рассылку

Видео ворвалось в жизнь интернета внезапно и, не сказать, чтобы так давно. Однако, уже стало неотъемлемой частью жизни любого из нас. Видео стало инструментом бизнеса в продвижении товаров и услуг. На Youtube можно найти инструкции к товарам, промо-ролики, записи вебинаров итд. Размещение видео в email-рассылках — это очень толковый маркетинговый ход. По нашей статистике это на 17% повышает долю кликов в вашей рассылке (по сравнению с аналогичными без видео).

Но как это сделать в своем html-макете рассылки?

Вставлять видео из Youtube на веб-страницах просто — достаточно скопировать html-код с iframe и разместить его у себя. А вот с email-рассылкой такой финт не пройдет. И, хотя, email-рассылка тоже содержит html-макет вставить в него iframe нельзя по соображениям безопасности. Открываем Технические и административные требования для отправки электронных сообщений на Mail.Ru. Мы их используем, как основные на рынке рунета (в нашем трафике доля Mail составляет более 70%).

… при использовании HTML в ваших сообщениях, убедитесь что соблюдена валидная структура HTML-документа. Запрещено использовать потенциально опасные объекты, такие как ActiveX, JavaScript, VBScript, Java-апплеты, Frames и IFrames, подключаемые с внешних сайтов CSS, Meta Refresh и т.п. (использование таких элементов может привести к блокировке ваших рассылок);

К тому же, такие iframe зачастую будут просто некорректно отображаться почтовыми клиентами, программами или веб-сервисами. И, все-таки, как вставить видео в письмо? Сервис email-маркетинга Pechkin-mail.ru, как всегда, делает всю основную работу за вас.

Единственный эффективный способ — это размещение картинки с активной ссылкой на видео в виде скриншота вашего видео с кнопкой Play поверх него. Например, это может выглядеть вот так:

Действительно, просто и эффективно. Единственный минус — снимать вручную такой скриншот муторно и занимает некоторое время. Печкин предложил функцию для добавления видео в 2 клика: вы просто нажимаете на блок “Видео”, вставляете ссылку на него и нажимаете “Вставить”. После чего в создаваемом вами макете появится скриншот вашего видео с уже наложенной кнопкой Play и ссылкой на видео в Youtube.

Как это реализовано у нас?

Печкин всегда старается помочь разработчикам, если они сталкиваются с такими же вопросами, и поэтому сейчас расскажем об алгоритме:

  1. Парсим ссылку из youtube, проверяя ее валидность, чтобы вытащить ID видео.
  2. Берем скриншот из youtube в среднем качестве. Это может сделать элементарно по ссылке: img.youtube.com/vi/%YOUTUBE_ID%/hqdefault.jpg
  3. Накладываем сверху изображение “apple-подобной” кнопки Play с помощью PHP-функции.
  4. Выкладываем в облачное хранилище Selectel, получаем ссылку на изображение, вставляем ее в рассылку.
  5. Радуем пользователя.

Вот пример функции на PHP, которая используется у нас:

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

Как добавить внешние ссылки в видео на Ютуб?

Привет, друзья. Сегодня мы будем добавлять внешние ссылки в свои видеоролики на Ютуб при помощи аннотаций и оверлеев.

ВАЖНО: ДАННАЯ ИНФОРМАЦИЯ УЖЕ НЕ АКТУАЛЬНА!

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

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

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

– мы рассмотрим два варианта размещения в видеоролике внешних ссылок – аннотации и оверлеи; Обновленный урок по оверлеям смотрите здесь!

Что касается аннотаций, то со 2 мая 2020 года Ютуб их отключил (поэтому информация в видео ниже неактуальна). Но, вы по-прежнему можете бесплатно добавлять в свои ролики внешние ссылки, пользуясь актуальными инструментами Ютуба – подсказками и конечными заставками.

При этом, чтобы добавлять внешние ссылки, на канале нужно включить монетизацию (это возможно, если канал набрал 10 000 просмотров суммарно).


– я пошагово расскажу, как их создать;

– поговорим о нюансах использования этих двух видов рекламы;

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

– и, конечно, я с радостью отвечу на ваши вопросы по данному видео.

Посмотрите урок о том, как добавить внешние ссылки в видео на Youtube и начинайте использовать на своем канале эти рекламные инструменты:

Материалы к уроку:

Видео по созданию и оптимизации своего канала на Ютуб.

Урок по созданию фреймового сайта.

Подсказки от Google, как управлять видеокампаниями.

Несколько ссылок видео youtube в доп. поля

Ответа пока нет

9 комментариев

Похожие вопросы

Поправить видео плеер или заменить

Задать доп. размеры youtube видео в админке в редакторе новостей.

Вытянуть > 17.10.2014 gresius Хаки

Как вывести видео с разных сайтов?

Youtube видео в DLE 10.1, как?

Ну а найти ‘‘ в файле addnews.php можете ? Затем с низу в верх выписывая весь зависимый код пока выписывать будет нечего.

Топ-пост этого месяца:  Плагин Admin columns выводим дату регистрации пользователей

Найдя по тегу строку Вы увидите
$tpl->set( ‘‘, $cats );
затем выше включая данный тег выписываете включая $cats, после увидите еще одну переменную $categories_list, и попробуете найти её (найдёте что-то вроде $categories_list = CategoryNewsSelection( $cat_list, 0 );)

а затем видим еще $cat_list, и тут же строка выше $cat_list = explode( ‘,’, $row[‘category’] );

всё на этом формирование категорий закончено (вместо $tpl->set используем просто ‘<$cats>‘ в месте где нужно разместить выборку категорий), это всё нужно разместить ниже запроса $row в editnews.php

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

создание тега категорий описано в файле addnews.php, найти не сложно по слову
а там выдернуть и перенести весь код.

Я не кодер тут ничего сложного нету кодеры уже написали код который Вам просто следует по малу перенести или добавить.

Ссылка на видео и HTML-код для вставки видео на сайт c YouTube

Интерфес на YouTube поменялся и статья «Как получить HTML-код для вставки на сайт видео с YouTube» немного устарела, хотя все принципы получения HTML-кода видео для вставки на сайт остались прежними. К тому же хочется ещё затронуть вопрос о том, как получить просто ссылку на видео с Ютуба. Поэтому решил обновить материал и добавить в него информацию про ссылку на видео. Итак, обо всём по порядку:

Кнопка «Поделиться» для получения ссылки на видео и HTML-кода для вставки видео на сайт c YouTube

Кнопка «Поделиться» для получения ссылки на видео и HTML-кода для вставки видео на сайт находится справа под заголовком видео YouTube (под самим видео). Рядом с кнопками лайков и прочими ссылками по пользовательскому управлению видео.

Для того, чтобы открыть панель со ссылкой на видео и HTML-кодом для вставки, нужно найти эту кнопку и кликнуть по ней один раз левой кнопкой мышки:

Как скопировать ссылку на видео YouTube

После того, как открыто всплывающее окно со ссылками, нужно обратить внимание на строчку типа:

Она находится под кнопками социальных сетей. Именно эта ссылка и является ссылкой на выбранное видео на Ютубе. Скопировать её можно выделив мышкой и нажав Ctrl + C , а можно просто кликнуть мышкой по кнопке «Копировать». После копирования ссылку можно отправить по электронной почте, в мессенждере, вставить в пост в соц.сетях или разместить в виде ссылки у себя на сайте. О том, что ссылка скопирована будет уведомление в нижнем левом углу экрана «Ссылка скопирована в буфер обмена»:

Как получить HTML-код для вставки на сайт видео с YouTube

Кнопка «Встроить» HTML-код с YouTube

Для того, чтобы получить HTML-код для вставки на сайт видео с YouTube нужно кликнуть левой кнопкой мышки один раз по кнопке в виде <> с названием «Встроить». Эта кнопка первая в верхнем ряду кнопок со ссылками на соц.сети:

с названием «Встроить»» w />

Копирование HTML-кода для вставки на сайт видео с YouTube на широких экранах

На широких экранах при раскрытии нового всплывающего окна в нижнем правом углу будет ссылка-кнопка «Копировать». После клика по этой кнопке, HTML-код для вставки видео с Ютуба будет скопирован в буфер обмена. Об этом будет сообщено в надписи в нижнем правом углу экрана: «Ссылка скопирована в буфер обмена». После этого, полученный код можно вставлять в HTML-документ.

Код выглядит например так:

Ну и конечно картинка, как найти эту кнопку «Копировать» на Ютубе:

Копирование HTML-кода для вставки на сайт видео с YouTube на узких экранах

На узких экранах кнопки «Копировать» почему-то дизайнерами YouTube не предусмотрено, поэтому HTML-код для вставки нужно скопировать вручную. Для этого нужно кликнуть один раз левой мышки в любое место, где расположен код:

После этого весь код для вставки на сайт выделится, останется нажать только Ctrl + C , чтобы он попал в буфер обмена, после этого его можно будет вставить в HTML-код страницы на сайте:

Для тех, кто привык пользоваться мышкой для копирования, нужно кликнуть правой кнопкой мышки по выделенному HTML-коду. Откроется контекстное меню браузера. Из него нужно выбрать пункт «Копировать»:

Резюме:

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

Как добавить ссылку в видео на Youtube

Все, кто хоть раз заходил на Youtube и просматривал там видеоролики, видели, что во время воспроизведения очень часто всплывают ссылки на другие ресурсы или видеоролики, каналы на Ютубе или просто любые текстовые послания. Многие задаются вопросом, как добавить ссылку в видео на Youtube? Все это реализуется с помощью так называемых аннотаций. Как сделать аннотации в Youtube Вы уже знаете, мы об этом писали ранее на нашем сайте. Но все же мы напомним Вам некоторые моменты. Отметим, что в видео ссылки можно добавлять только на проверенные сайты, связанные с Ютубом. Нельзя так взять и вставить любую ссылку в видео – все тщательно проверяется. Добавлять сайты нужно через Search Console. Сначала Вы добавляете через Search Console один ресурс, админы его проверяют, а потом можно добавлять и другие ресурсы. Далее в Вашем видео при показе аннотаций канал обращается в тот самый Search Console и проверяет подтверждены ли ссылки на внешние ресурсы. Выскажем предположение о том, что аннотациями нельзя злоупотреблять, потому что большое их количество может раздражать Ваших подписчиков на канал в Ютубе . На нижнем рисунке показан пример, как выглядит ссылка в видео на Ютубе.

Как сделать ссылку в видео на Youtube

Перед нами стоит вопрос, как сделать ссылку в видео на Youtube? Для чего встраивать ссылки в видео? Это нужно, чтобы раскрутить свой канал на видеохостинге, поведать посетителям и подписчикам о своих каких-либо проектах или попросту сослаться на любое другое видео или канал. Такой подход позволяет пользователям расширить свой кругозор, узнать что-то новое кликнув на ссылки, которые приведут на другие ресурсы. Это, несомненно, приведет к тому, что Ваши видеоматериалы смогут набрать значительное количество просмотров на Youtube , а это приведет к повышению популярности канала.

Заходим в настройки своего канала на Youtube, далее заходим в «Менеджер видео». Напротив того видеоролика, который мы хотим изменить, нажимаем на ссылку «Изменить», а далее выбираем «Аннотации». Добавляем аннотацию, выбираем ее тип. Можно выбрать визуализацию ссылки (выноска, рамка, название, ярлык или примечание) во время воспроизведения видео. Там есть много полей для заполнения и различных вариантов: текст ссылки, стиль, временные рамки показа аннотации, поле «Ссылка», где мы выбираем ее тип. Обязательные условия добавления внешних ссылок в видео – это хорошая репутация канала, а также и статус аккаунта (он должен пройти подтверждение). Подтверждение канала на Ютубе происходит по телефону. Гугл хочет по телефону убедиться, что Вы не являетесь роботом. Также проследите, чтобы были включены «Внешние аннотации». И еще важно, как Вы добавляете свой сайт с «www» или без «www», потому что если Вы добавите в настройках с «www», а в аннотации без «www», то будет конфликт и внешняя ссылка будет неработоспособной.

Как добавить ссылку на канал Youtube

Мы разобрались с различными типами ссылок в видео. Теперь рассмотрим, как добавить ссылку на канал Youtube?

Если Вы создали много плейлистов на Youtube , залили много видеороликов, постоянно развиваете свой аккаунт, ссылаетесь на другие ресурсы и каналы, то Вам очень важно не запутаться и уметь делать ссылки на другие Ютуб-каналы. Чтобы реализовать ссылку на канал друга или Вашего знакомого, или просто на интересный канал, Вам нужно опять же создать новую аннотацию, как мы разобрали выше, ввести анкор ссылки, выбрать визуализацию, кликаем на «Ссылку», как показано на верхнем рисунке. В выпадающем меню из предложенных вариантов выбираем «Канал». Все, ссылка на Ютуб-канал готова. Но остается нерешенным последний вопрос – где взять ссылку на интересующий канал? Для этого под каждым видео есть аватарка автора видео, кликаем на нее и мы переходим на канал автора видео. Это и будет ссылка на автора или канал. Копируем ее из адресной строки в свою аннотацию, сохраняем. Ссылка на канал в Ютубе готова. Снимайте интересное видео, выкладывайте на Youtube, набирайте подписчиков и поклонников, развивайте свой канал и тогда о Вас все узнают. Удачи Вам.

Добавить комментарий