본문 바로가기

티스토리스킨/스킨 활용&패치

티스토리 블로그에 유튜브 구독 버튼과 구독 링크 달아서 구독자 모으기

반응형

블로그도 하고 유튜브도 하는 분에게는 블로그 거쳐서 유튜브로 유입하는 방문자를 기대하기 마련입니다.

구독자 모으기가 무엇보다 중요한 서비스가 유튜브이므로 블로그에 유튜브 구독 버튼이나 링크를 달아서 구독자를 한명이라도 늘릴 수 있습니다.

 

구독 버튼과 구독 링크는 같은 기능을 하지만 약간 다릅니다.

구독 버튼보다는 구독 링크를 조금 더 추천합니다.

구독 버튼을 동적으로 생성하기 위해서는 구글의 플랫폼 자바스크립트를 포함해야 하기 때문에 어쩔 수 없이 블로그가 조금 더 무거워지는 단점이 있습니다.

장점은 역시 훨씬 보기 좋은 예쁜 버튼이 자동으로 만들어진다는 점입니다.

 

 

구독버튼 달기

구글 개발자 사이트의 구독 버튼 만드는 페이지로 이동합니다.

 

https://developers.google.com/youtube/youtube_subscribe_button

 

YouTube Subscribe Button  |  Google Developers

 

YouTube Subscribe Button  |  Google Developers

아래 도구를 사용하면 삽입된 구독 버튼을 구성할 수 있습니다. 버튼의 표시 옵션을 설정하고 버튼을 미리 보며 버튼을 페이지에 삽입하는 데 필요한 코드를 복사할 수 있습니다.

developers.google.com

 

 

입력/선택 옵션 항목이 4개밖에 없으므로 설정할 내용은 별로 없습니다.

 

채널 이름/채널 ID: 내 채널이나 채널 ID를 입력

 

레이아웃: "기본값", "전체" 중 선택, "전체"는 구독 버튼에 내 유튜브 채널 아이콘과 채널 이름까지 표시합니다.

테마: "기본값", "어둡게" 중 선택합니다. "어둡게"는 버튼 전체 배경을 어두운색으로 칠합니다.

 

 

가입자수: "default(shown)", "hidden" 중 선택합니다. 구독자수를 버튼 오른쪽에 표시합니다. 구독자수 "hidden"을 선택하면 오른쪽 구독자수가 표시되지 않습니다.

 

 

옵션을 변경하면 하단 코드박스에 복사&붙이기로 버튼을 추가할 수 있도록 완성된 HTML 코드가 표시됩니다.

복사해서 내 블로그에 붙여넣으면 됩니다.

 

기본 코드는 다음과 같습니다.

 

<script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channel="내 채널 ID" data-layout="default" data-count="default"></div>

 

코드는 직접 수정해서 사용할 수도 있습니다. 

구독버튼에 연결된 채널을 변경하려면 "data-channel" 속성 값을 다른 채널 ID로 변경해서 사용하면 됩니다.

티스토리 스킨 편집기 화면으로 들어가서 유튜브 구독 버튼을 표시할 위치에 복사한 코드를 붙여넣습니다.

 

 

구독링크 달기

유튜브 채널은 일반 채널과 사용자 채널 2가지 종류가 있습니다.

구분해서 링크를 사용해야 합니다. 링크를 잘못 걸면 구독 링크가 동작하지 않습니다.

사용자 채널은 구버전 채널 방식으로 일부 오래된 채널에서 사용하는 방식입니다.

 

내 유튜브 채널은 보통 다음과 같은 URL로 접근합니다.

 

https://www.youtube.com/channel/<내 채널 ID>

 

그리고 링크를 클릭한 방문자에게 즉시 구독할지를 확인하는 팝업을 표시하는 파라메터 속성이 있습니다.

내 채널 URL 뒤에 "?sub_confirmation=1"을 더 붙여서 다음과 같이 링크를 표시하면 링크 클릭시 내 채널로 들어가면서 구독할지를 확인합니다.

 

https://www.youtube.com/channel/<내 채널 ID>?sub_confirmation=1

 

 

HTML 태그로는 다음과 같이 작성해서 티스토리 HTML 에디터에서 붙여넣으면 됩니다.

 

<a href = "https://www.youtube.com/channel/<내 채널 ID>?sub_confirmation=1">유튜브 구독좀 제발</a>

 

 

일부 오래된 유튜브 채널은 채널 경로가 조금 다릅니다.

소위 사용자 채널로 표시되는 유튜브 채널은 다음과 같이 채널 URL이 표시됩니다.

"channel" 대신 "user"로 표시해야 합니다.

자기 채널 들어가보면(아마 구석기때 개설한 채널일 가능성이 높음) 알 수 있습니다.

 

https://www.youtube.com/user/<내 채널 ID>

 

마찬가지로 채널 구독 링크도 다음과 같이 작성해야 합니다.

 

https://www.youtube.com/user/<내 채널 ID>?sub_confirmation=1

반응형

닫기