유튜브 구독 버튼 만들기 | 워드프레스와 블로그에 추가하는 방법

유튜브 구독 버튼 만들기를 처음 진행할 때 가장 오래 걸렸던 부분은 버튼 생성 자체가 아니라 채널 ID를 찾는 과정이었습니다. 예전 화면 기준 설명이 많은 탓에 메뉴 위치가 달라져 있었고, 개발자 페이지에서 어떤 값을 입력해야 하는지도 한 번에 이해하기 어려웠습니다.

특히 워드프레스나 개인 사이트를 운영하는 경우에는 방문자를 유튜브 채널로 자연스럽게 연결할 수 있기 때문에 구독 버튼을 추가하는 경우가 많습니다. 저 역시 사이트 사이드바와 특정 페이지에 구독 버튼을 넣어두고 사용하고 있는데, 설정 자체는 어렵지 않았지만 메뉴 변경 때문에 중간에 헤매는 시간이 있었습니다.

이번 글에서는 유튜브 구독 버튼 만들기 과정과 함께 채널 ID 확인 방법, 워드프레스 적용 방법, 네이버 블로그에서 대체 방식으로 연결하는 방법까지 정리해보겠습니다.

채널 ID를 먼저 확인해야 했던 이유

구독 버튼 생성 화면에서는 채널 주소가 아니라 채널 ID를 요구합니다. 그래서 버튼을 만들기 전에 먼저 자신의 채널 ID를 확인해야 합니다.

프로필 메뉴에서 설정 화면으로 이동한 뒤 채널 설정 영역으로 들어가면 확인할 수 있습니다.

프로필 메뉴에서 설정 항목을 선택하는 유튜브 화면 — 유튜브 설정 메뉴 진입 화면

설정 페이지 안으로 들어가면 좌측 메뉴에서 고급 설정 항목을 확인할 수 있습니다.

유튜브 채널 ID와 사용자 ID를 확인하는 고급 설정 페이지 — 채널 ID 확인이 가능한 고급 설정 화면

채널 ID는 보통 U로 시작하는 긴 문자열 형태로 표시됩니다. 이 값을 복사해 두면 다음 단계에서 바로 사용할 수 있습니다.

유튜브 구독 버튼 만들기 설정 과정

채널 ID를 확보했다면 유튜브 구독 버튼 생성 도구로 이동하면 됩니다.

여기서 채널 ID를 입력하고 버튼 모양을 원하는 형태로 조정할 수 있습니다.

채널 ID와 레이아웃 옵션을 설정하는 유튜브 구독 버튼 생성 페이지 — 유튜브 구독 버튼 옵션 설정 화면

설정 가능한 주요 항목은 다음과 같습니다.

채널 ID 입력
전체형 또는 기본형 레이아웃 선택
밝은 테마 또는 어두운 테마 선택
구독자 수 표시 여부 설정

사이트 디자인에 맞춰 선택하면 되며 사이드바에 넣을 경우에는 기본형이 공간 활용에 조금 더 편했습니다.

워드프레스에 적용할 때 가장 쉬운 방법

유튜브 구독 버튼 만들기가 끝나면 하단에 HTML 코드가 생성됩니다. 워드프레스에서는 위젯 영역이나 사용자 정의 HTML 블록에 그대로 넣으면 됩니다.

LiteSpeed Cache나 OpenLiteSpeed 환경에서도 별도의 추가 설정 없이 정상적으로 표시됐습니다. 캐시가 강하게 적용된 경우에는 저장 후 캐시를 한 번 비워주는 것이 좋습니다.

코드를 복사할 때는 생성된 전체 내용을 그대로 가져와야 합니다.

유튜브 구독 버튼 HTML 코드를 선택한 상태의 편집기 화면 — 생성된 코드를 복사하는 화면

일부 테마에서는 HTML 위젯보다 사용자 정의 HTML 블록이 더 안정적으로 동작하는 경우도 있었습니다.

네이버 블로그에서는 다른 방식으로 접근해야 했다

예전에는 네이버 블로그에서도 다양한 HTML 위젯을 사용할 수 있었지만 현재는 제한이 많아졌습니다. 그래서 유튜브 구독 버튼 만들기 결과물을 그대로 넣는 방식은 사실상 어렵습니다. 대신 구독 버튼 이미지를 활용해 채널로 연결하는 형태가 현실적인 방법입니다.

스마트에디터 2.0 환경에서는 이미지에 링크를 연결할 수 있습니다.

구독 버튼 이미지에 유튜브 채널 주소를 연결하는 네이버 블로그 편집 화면 — 이미지 링크 연결 화면

채널 주소 뒤에 아래 값을 추가하면 방문자가 버튼을 눌렀을 때 구독 창이 바로 표시됩니다.

?sub_confirmation=1

예시

https://www.youtube.com/@채널명?sub_confirmation=1

이 방식으로 연결해 두면 일반 채널 이동보다 구독 전환율이 조금 더 높게 나타나는 경우가 많습니다.

적용 후 느낀 점

유튜브 구독 버튼 만들기 자체는 몇 분이면 끝나는 작업입니다. 오히려 메뉴가 바뀌면서 채널 ID를 찾는 과정에서 시간을 쓰는 경우가 더 많았습니다. 워드프레스는 HTML 위젯만 사용할 수 있으면 바로 적용할 수 있고, OpenLiteSpeed 환경에서도 특별한 충돌 없이 표시되었습니다.

네이버 블로그는 제한이 있지만 이미지 링크 방식으로 충분히 대체할 수 있습니다. 채널을 꾸준히 운영하고 있다면 사이트 방문자를 유튜브로 연결하는 통로를 하나 만들어 두는 것만으로도 구독자 증가에 도움이 되는 경우가 많았습니다.

FAQ

유튜브 구독 버튼 만들기에는 채널 ID가 꼭 필요한가요?

네. 공식 구독 버튼 생성 도구는 채널 ID를 기준으로 작동하기 때문에 채널 ID 입력이 필요합니다.

워드프레스에서 버튼이 보이지 않을 때는 어떻게 하나요?

캐시 플러그인을 사용 중이라면 캐시를 비운 뒤 다시 확인해 보는 것이 좋습니다. LiteSpeed Cache 사용 시에도 동일합니다.

네이버 블로그는 HTML 구독 버튼을 넣을 수 있나요?

현재는 제한이 많아 이미지 링크 방식이 가장 많이 사용됩니다.