Как добавить виджет YouTube

  Автор:
  2405
ставим виджет youtube на сайт

Здравствуйте, уважаемые читатели блога Владимир Есипов!

В этой статье вы найдете ответ на вопрос:
«Как добавить виджет YouTube на ваш сайт»

Прежде разберемся с терминами.

Что такое виджет YouTube?

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

В виджете YouTube отображается аватарка вашего YouTube-канала и количество доступных к просмотру видео.

Если виджет YouTube будет достаточной ширины (больше, чем установлен в моем сайтбаре), то станет видно сколько человек подписано на ваш YouTube-канал.

Добавляем Виджет youtube на сайт

Как добавить виджет YouTube на сайт?

оказывается просто!

Виджет YouTube представляет из себя маленький фрагмент простого кода. Вот так он выглядит на моем сайте

чтобы виджет появился на сайте просто вставьте его код для вставки youtube виджета на сайт

Вам нужно изменить два фрагмента.

1. вместо 179рх, поставить ширину соответствующую ширине вашего сайтбара.

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

2. замените VladimirEsipov, на идентификатор вашего канала.

Как узнать идентификатор своего YouTube канала?

1. Зайдите на свой YouTube канал

2. Щелкните мышкой по своему аватару, справа вверху

3. Выберите пункт “Мой канал”

YouTube канал. как найти идентификатор

4. Вверху, слева, в адресной строке, после слова user и наклонной черты ”/”  (слеша) находится идентификатор вашего YouTube канала. В свое время свой YouTube канал я назвал VladimirEsipov.

YouTube канал. как найти идентификатор. просто скопируйте из адресной строки

 

2. Чтобы на вашем сайте появился виджет YouTube, в главном меню админки WordPress откройте вкладку “Внешний вид” – “Виджеты”.

В нужно место установите новый виджет “Текст” и вставьте в него код.

 

виджет youtube на свой сайт можно установить вписав код в виджет текст

У меня этот так

вид кода виджета youtube канала в текстовом виджете wordpress

 

После вставки кода, внизу вкладки виджета “Текст” нажмите “Сохранить

 

вставили код виджета youtube канала нажмите Сохранить

Скачайте код, вставьте себе на сайт и отредактируйте

<Сачать файл с кодом>

Успеха!

С уважением,
Владимир Есипов

Нажмите на кнопку соцсети и я буду знать, что меня читают хорошие люди :)
Комментарии на Блог
20 комментариев
  1. А скажите на джимбо сервис есть такая форма?Чего-то у меня вставить не получается.

  2. Добрый день. Владимир!
    Статья оказалась оч кстати. Как раз искала код виджета от Youtube! Уже установила себе. Спасибо! =)

  3. Владимир, у меня тоже не срабатывает код :( Пытаюсь коммент отправить тут, тоже не получается. Открывается страница «Кажется, вы это уже сказали»

  4. Владимир, у меня тоже не срабатывает код :( Раз десять копировала, подставляла, получается ерунда. Я знаю, что Вы всегда качественную инфу даете, вероятно, у меня что-то не так получается. Хотя делала очень аккуратно, в нотпад++

  5. Заур

    Влад, слушай, а как Рамки обесцветить и цвет фона виджета поменять ?

  6. Владимир, спасибо огромное!!! Статья очень помогла!!! Все доступно, наглядно и понятно!

  7. Добрый день! У меня почему-то заместо идентификатора, стоит много букв, а перед ними слово «channel» заместо «user»

  8. Владимир, благодарю — скачал и сегодня же установлю — пора прибавлять подписчиков!

  9. Почему то не работает код.

Оставьте ваш комментарий или вопрос