Categories: Технологии

Как добавить кнопку Подписаться на YouTube канал на свой сайт

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

В предыдущей статье мы рассмотрели практический пример добавления виджета страницы в Facebook на свой сайт. А в сегодняшней статье мы рассмотрим то, как на практике добавить виджет с кнопкой Подписаться на YouTube-канал на свой собственный сайт. С помощью YouTube Subscribe Button пользователи вашего сайта смогут подписаться на ваш канал YouTube одним нажатием кнопки, и для этого им не нужно переходить на YouTube. Такую кнопку можно разместить на всех страницах сайта и в любой месте.

 

 

Добавляем кнопку Подписаться на YouTube канал

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

 

 

Шаг №1. Настройка виджета с кнопкой подписать на YouTube канал

Перейдите на страницу Как настроить кнопку, и здесь вы сможете настроить отображение кнопки с помощью инструмента подбора параметров.

В первом параметре введите имя канала или его идентификатор. Узнать идентификатор канала довольно просто. Зайдите на страницу канала и отройте вкладку О канале. Идентификатор канала будет виден в адресной строке. Ниже показан пример идентификатора на примере нашего канала SebWeo.

 

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

 

  • Дальше в параметрах выберите нужный вариант для Макета: полный (с отображением лого и названия канала) или по умолчанию (только кнопка).
  • Выберите фон для кнопки: темный или по умолчанию (светлый).
  • Выберите значение для отображения числа подписчиков канала.

 

Вот пример того, как выглядит блок с параметрами.

 

 

Шаг №2. Добавление кода виджета на свой сайт

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

 

 

Теперь вам осталось только скопировать весь этот код и добавить его в HTML код в любом месте вашего сайта.

Ниже пример того, как отображается кнопка с подпиской на YouTube канал.

 

 

 

Можете ее протестировать и подписаться на наш канал 🙂

 

Вот и все на сегодня. Спасибо, что читаете нас!

 

Recent Posts

Брюс Ли

Не важно, как медленно ты продвигаешься, главное, что ты не останавливаешься - Брюс Ли   Read More

20/01/2021

Google Search Console – Проблема с LCP и как ее решить

Недавно мы писали о нововведении в инструменте для вебмастеров Google Search Console – Основных интернет-показателях. Поскольку… Read More

18/01/2021

Как изменить HTML код встроенных элементов WP oEmbed в WordPress?

Начиная с WordPress версии 2.9 в движок была добавлена поддержка oEmbed – формат простого API,… Read More

16/01/2021

Многофункциональное устройство коверлок: ключевые особенности

Существует много разновидностей швейного оборудования, которые открывают большие возможности для совершенствования навыков. Один из самых… Read More

15/01/2021

Как сделать отложенную загрузку для HTML, iframe и встроенного видео

Ленивая (или отложенная) загрузка (Lazy loading) – это популярный метод асинхронного обращения к адресу ресурса,… Read More

13/01/2021

Google Search Console – Проблема с CLS и как ее решить

Мы ранее писали о нововведении в инструменте для вебмастеров Google Search Console – Основных интернет-показателях.… Read More

11/01/2021