Видео виджет для сайта

Ставим виджет youtube для сайта WordPress

Ставим виджет youtube для сайта WordPress

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

Как сделать виджет подписки youtube

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

Переходим непосредственно к созданию виджета подписки youtube, для этого зайдите на ваш канал. Первым делом мы с вами должны выяснить ваш ID канала, у всех он уникальный и именно он будет в коде ссылаться на вас. Найти ID канала Youtube можно в адресной строке, все что идет после https://www.youtube.com/channel/ и есть этот идентификатор, в моем случае это

Копируем данный абракадабный код к себе в блокнотик, он нам еще пригодится, при создании виджета youtube.

Теперь получив ID канала идем далее, прокручиваем страницу канала до самого низу и видим в футере, ссылки:

• О сервисе
• Правообладателям
• Авторам
• Рекламодателям
• Разработчикам

Нам нужен пункт разработчикам

Вас будет интересовать пункт Документация и материалы.

В разделе Виджеты и инструменты, нажимаем пункт Кнопку «Подписаться», это как раз то, что нам нужно.

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

• Название канала или ID канала (Обязательно именно суда вставляем тот код, что мы сохранили выше)
• Макет > ставим полный, чтобы еще и фотка была рядом с кнопкой
• Фон > не обязательно
• Число подписчиков > не обязательно, можете скрыть эти данные такая функция есть.

Далее ниже у вас будет код, его нужно сохранить, по сути это тоже самое, что скачать виджет youtube

Установка кода виджета youtube на сайт

Далее открываете админку WordPress, переходите в пункт Внешний вид > Виджеты. Именно тут настраивается боковая колонка.

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

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

Если например вы хотите расположить кнопку подписки внизу или вверху, то придется править файл конфигурации, тут все зависит от темы, но если, вы хотите например расположить его в подвале, то вам нужен файл footer.php если в шапке сайта, то в header.php, найти эти файлы можно в директории на ftp сервере хостера. Не забудьте перед редактированием сделать резервную копию файлов.

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

Изучаем специальный виджет для Youtube

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

Многие пользователи мобильных гаджетов и других смарт устройств практически не представляют свою жизнь без удобных элементов управления под названием виджет………….

Вы владелец сайта или хотите с удобством просматривать ролики на смарт тв – теперь и для вас доступен виджет от Ютуб ↓↓↓

Какие они бывают — все виды

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

Основные виды: ↓↓↓

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

Помимо этого вы можете найти не менее интересные виджеты для телефонов, планшетов и других устройств.

Ниже мы поговорим о наиболее популярных из них ↓↓↓

Для сайта: простой метод установки

У этого элемента есть конкретное назначение – привлечение новых подписчиков на канал.

Он представляет собой небольшой блок, где находятся основные данные о вашем проекте.

Теперь пользователи смогут оформить подписку в один клик.

По сути, это виджет вашего канала на Ютуб – давайте рассмотрим инструкцию по его установке: ↓↓↓

• Первое, что нам потребуется, — это ID канала, представляющий собой часть URL-адреса после вложения «channel» (например, «UCDZ5T232PpLVkeDTm2lT6Q»);
• Теперь в самом низу страницы открываем пункт «Разработчикам», где имеется раздел «Документация и материалы»;
• нажимаем на пункт «кнопка подписаться», после чего появится меню конструктора, где можно задать основные параметры;
• вводим ID, задаем макет и фон, после чего получаем готовый код.

1) Теперь у вас есть скрипт, который необходимо установить в HTML-код на сайте.

2) Обновите страницу и просмотрите результат – при необходимости можно отредактировать размеры.

Для рабочего стола: как вставить на ПК

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

Например, большой выбор таких элементов есть на сайте — 7themes.su, где вам просто нужно скачать виджет Ютуб и установить его на компьютер.

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

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

Для смарт ТВ и с чем их едят

На данный момент в сети представлены виджеты для популярных моделей: ⇓

→ На многих из них разработчик произвел установку, поэтому вы сразу можете ими пользоваться

Пример ↓

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

→ При необходимости вы можете скачать официальный виджет Ютуб для Самсунг смарт ТВ (через онлайн-магазин Samsung Apps).

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

Еще один способ получить виджет: ↓↓↓

• скачать его по ссылке ( http://smarttvnews.ru/vidzhetyi-dlya-samsung-smart-tv/ );
• распаковываем архив и переносим все данные на flash;
• вставляем ее в телевизор и перезагружаем его;
• теперь в меню Smart Hub должен появиться соответствующий ви джет.

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

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

Виджет YouTube для сайта. Как это сделать.

Сегодняшняя статья посвящается тем, кто ищет способ установки виджета канала Youtube на своем сайте или блоге. Не давно меня тоже интересовал данный вопрос. В интернете я нашел целых 3 способа, как это сделать. Правда два из них некорректно работали, походу вся проблема была в шаблоне моего блоге. Но слава богам, третий способ оказался рабочим. Но если бы и третий способ не заработал, я наверняка придумал бы что-нибудь ещё, ну допустим четвертый способ ?

Все варианты описанные в статье — рабочие, проверенно лично мною!

Начну перечислять по порядку.

Способ №1. Как добавить виджет для подписки на канал Youtube при помощи кода.

Примечание. После установки кода, незабудьте сменить ID_канала.

Код виджета выглядит так:

В самом коде, вы можете в ручную отрегулировать высоту виджета (height) и ширину (width). Можно для пущей наглядности, сделать рамку потолще поменяв значение параметра border.

В данном коде, вместо ID_канала, укажите ваше имя канала. Как узнать ID своего канала, я описал чуть ниже -> вот тут.

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

Способ №2. Добавляем виджет через плагин.

На плагин я наткнулся на офф. сайте wordpress. Его можете скачать здесь.
Использование плагина чрезвычайно простое. После установки и активации, он полностью рабочий, настраивать ничего не надо.
Для того, что бы появился виджет на Ваш канал Youtube, необходимо зайти в админ панель -> Виджеты. Там перетаскиваем виджет, он так и называется Youtube в ваш сайдбар. Останется его только настроить по ширине вашего сайдбара и все готово.

Youtube виджет для сайта

В строке Имя пользователя обязательно введите ID вашего канала на Ютубе.

ID можно узнать следующим образом. Щелкаете по своему имени, смотрите скриншот ниже:

Как узнать ID канала Youtube?

Далее в открывшимся окне, в ссылке, будет прописан Ваш ID канала:

Как узнать ID канала на Youtube

Так, разбираемся дальше с виджетом. Вторая строчка «Заголовок«. Здесь пишем все что угодно, так будет называться ваш виджет. Хочу заметить, если вы поставите галочку в настройках «Link Title«, то Ваш загаловок, станет кликабельным, т.е. при клике на него, откроется окно в новой вкладке с вашим каналом Youtube. Рекомендую ставить галочку ?

Ну а параметры width и height я думаю все знают, они соответственно отвечают за ширину и высоту виджета.

Способ №3. Устанавливаем виджет с официального сайта Youtube.

На сайте YOUTUBE прокручиваем страницу в самый низ. Там будем ссылка -> Разработчикам, переходите по ней:

Виджет с офф. сайта.

В новом окне кликаете по вкладке «Документация и материала«, а там нажимаете «Кнопка подписаться«:

Виджет Youtube с оффициального сайта

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

Создаем кнопку на офф. сайте Youtube

Из всех перечисленных выше способов, рекомендую вариант №2 . Лично меня он полностью устроил и заморочек с ним меньше всего ?

→ BlogGood.ru ←

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

Как вставить видео в сайдбар блога виджетом

Всем привет. Совсем недавно я опубликовывал статью на блоге о том, как вставить видео с плагином и без плагина. Рекомендую почитать. Но давайте ближе к делу. Итак, как можно вставить видео при помощи виджета в сайдбар (боковая колонка блога)? Решить эту проблему можно при помощи плагина — Video Sidebar Widgets. С этим плагином можно вставлять видео непосредственно в страницы записи блога и виджетом в сайдбар.

Скачать плагин по адресу:
https://wordpress.org/extend/plugins/video-sidebar-widgets/

Скачайте и активируйте плагин Video Sidebar Widgets.
После того, как вы скачали плагин, в списках виджетов появится два новых виджита от плагина Video Sidebar Widgets.
Это виджеты Video Sidebar Widget и Random Video Sidebar Widget .

○ виджет Video Sidebar Widget – этот виджет позволяет вставить в боковую панель сайдбара видео ролики с таких сайтов, как YouTube, Vimeo, Google Video и многих других.

[1]. Select Video Source – выберите источник откуда будет воспроизводиться видео ролик.

[2]. Video ID – здесь нужно ввести индивидуальный номер клипа. Откуда взять номер ID видео ролика?

К примеру, вы смотрите на YouTube видео ролик. Адрес в адресной строке браузера будет вот таким:

https://www.youtube.com/watch?v= 8QTXXyb
ID видео ролика будет 8QTXXyb

Или вы смотрите видео ролик на Vimeo. Адрес в адресной строке браузера будет вот таким:

https://vimeo.com/ 8770
ID видео ролика будет 8770

[3]. Auto Play – здесь настройка воспроизведения при загрузке страницы.
Если выбрать «Yes (да)» – воспроизводиться будет сразу после загрузки страницы.
Если выбрать «No (нет)» – не будет воспроизводиться после загрузки страницы.

[4]. Widget Title – здесь можно ввести название боковой панели. Это не обязательно.
[5]. Video Caption — здесь можно написать название клипа и оно будет располагаться под плеером. Это тоже не обязательно.
[6]. В строках Video Width и Video Height задается ширина. Здесь можно не трогать без необходимости.

○ виджет Random Video Sidebar Widget – он тоже позволяет вставлять в боковую панель сайдбара видео ролики. Но чем же он отличается от первого виджета? Если в настройках вписать адреса пяти разных видео роликов, то ролики будут меняться и выводиться случайным образом.

Настройки виджета Random Video Sidebar Widget такие же, как и в виджете в первом Video Sidebar Widget , только их в пять раз больше:
*пять списков видеосервисов
*пять строк для ввода ID видео ролика
*пять строк для ввода названия клипа и т. д.
Ролики можете брать абсолютно с разных видео сервисов и можно не пять, а четыре или меньше.

Автор статьи: Степан => автор блога · Опубликовано в 17.04.2013 — WordPress

8 отличных плагинов WordPress для работы с YouTube

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

1. YouTube Channel

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

2. Simply YouTube

Классный плагин для показа видео с вашего YouTube-канала в боковой колонке. Размер видео и стратовую картинку можно настроить по своему усмотрению. При этом плеер не «отправляет» пользователей с вашего сайта на сторонние ресурсы.

3. Video Sidebar Widgets

Отображение видео-роликов с популярных видео-хостингов, таких как Vimeo, YouTube и ряд других. Поддерживает шорт-коды.

4. WP YouTube Lyte

Добавляйте свои YouTube-видео на сайт без замедления работы вашего интернет-ресурса (поддерживает фоновую загрузку и экономит ресурсы сайта).

5. Vixy YouTube Embed

Плагин, который совместим с XHTML и HTML5. Облегчает добавление на сайт YouTube-роликов. Поддерживает шорт-коды и виджеты. Можно менять размер, тип встраивания и время воспроизведения.

6. YouTube Channel Gallery

Простой плагин для вставки целой галереи видео-роликов с YouTube. Можно применять для разных целей, отображается в боковой панели сайта.

7. YouTube Sidebar Widget

Еще один простой инструмент для быстрого отображения видео-роликов с конкретного канала в рамках хостинга YouTube. Можно выбрать ID для видео, имя пользователя или ID списка воспроизведения.

8. YouTube Feeder

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

Продвижение собственного видео-канала YouTube на вашем сайте — отличная и мудрая идея; а плагины, о которых мы вам рассказали, облегчат успешное решение этой задачи.