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

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

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

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

 

 

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

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

 

 

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

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

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

 

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

 

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

 

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

 

 

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

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

 

 

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

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

 

 

 

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

 

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

 

Recent Posts

Удаленная разработка из тропиков: Техническая сторона, инфраструктура и организация рабочего пространства

Алоха! Последние несколько лет окончательно закрепили тренд на отдаленную работу. Для веб-разработчиков, DevOps-инженеров и администраторов…

6 дней ago

Хмель, солод, дрожжи и вода: как создается характер пива

Кажется, пиво — напиток простой: четыре ингредиента, понятная технология. Но одни и те же хмель,…

7 дней ago

SIP-транки – что это такое и как они работают в IP-телефонии

В современной IP-телефонии немаловажную роль играет технология, обеспечивающая передачу голоса через Интернет между бизнесом и…

3 недели ago

Почему стоит выбрать ноутбук Apple MacBook Pro 14 для современных ИТ-задач

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

4 недели ago

Практический гайд: как подобрать надежный бесперебойник для домашнего роутера

Исчез свет и вместе с ним мгновенно исчезла связь с окружающим миром? Это знакомая и…

4 недели ago

Google теряет монополию: Как подготовить IT-сайт к AI-поиску (GEO)

Что вообще случилось с поиском в интернете? Я не побоюсь сказать это вслух: произошла настоящая…

1 месяц ago