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

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

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

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

 

 

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

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

 

 

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

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

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

 

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

 

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

 

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

 

 

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

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

 

 

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

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

 

 

 

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

 

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

 

Recent Posts

Что такое Unix Domain Socket: секретный туннель в Linux

В нашем путешествии по миру сокетов мы начали с "верхнего этажа" — WebSocket в браузере,…

6 дней ago

Сетевые сокеты (Network Sockets): фундамент интернета 🌐 | Глубокое погружение

В предыдущей статье мы говорили о WebSockets — технологии, позволяющей создавать интерактивные чаты в браузере.…

1 неделя ago

Как ухаживать за кожей малыша летом и зимой

Кожа младенца – тонкая и нежная. Еще не справляется с защитой организма от внешних факторов.…

1 неделя ago

Что такое Сокеты (WebSocket) 🔌 | подробно для начинающих

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

1 неделя ago

Мобильный воркстейшн: может ли планшет 📱 заменить ноутбук веб-разработчику?

Долгое время планшеты воспринимались исключительно как устройства для потребления контента: посмотреть YouTube, полистать ленту новостей…

1 неделя ago

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

Вы внесли правки в CSS, исправили критический баг в JavaScript, загрузили файлы на сервер и…

2 недели ago