카카오뷰 채널 추가 버튼 티스토리에 넣는 법

티스토리 이웃분들 사이에 카카오뷰가 인기입니다. 저도 반신반의하다가 보드를 10개 발행했는데, 그 중 하나가 노출이 잘 되었는지 조회수가 늘어나더라구요. 반짝 하루뿐이긴 했지만, 그래도 그게 어딥니까! 친구 100명을 추가하면 수익을 창출할 수도 있다고 하니 귀가 솔깃해집니다.

 

그래서 제 블로그 사이드바에 채널 추가 버튼을 넣어봤습니다. 은근 까다로워 보이는데 차근차근 따라하시면 됩니다.

 

 

 채널 추가버튼 만들기

 

1. 일단 내 블로그 이름이 들어간 버튼을 만들기 위해, 카카오톡 채널관리자 페이지로 이동합니다.

 

카카오톡 채널관리자 페이지 https://center-pf.kakao.com/

카카오톡 채널 관리자센터

 

 

2. 로그인 후, 왼쪽 메뉴에서 스크롤바를 내려 '채널 홍보'를 클릭합니다.

 

 

3. 스크롤바를 내려 홍보도구를 선택합니다. 저는 심플한 게 좋아서 가장 작은 '아이디형 배너 만들기'를 선택했습니다만, 취향에 따라 선택하시면 됩니다.

 

 

4. 잘 볼 수 있는 폴더에 저장합니다.

 

 

 버튼 이미지 업로드하기

 

1. 이미지를 인터넷상에 업로드하고 URL 주소를 만들어야 합니다. 저는 이 사이트를 이용했습니다.

 

이미지 호스팅 사이트 https://www.zpat.info/

Zpat - 무료 이미지 호스팅

 

2. '파일 선택'을 누르고, 아까 다운받았던 버튼 이미지를 선택합니다. 그리고 업로드를 클릭합니다.

 

 

3. 버튼 이미지의 URL이 생겼습니다. 가장 위에 있는 이미지 URL을 복사합니다.

 

 

 

 채널 추가 링크 만들기

 

다시 카카오톡 채널 관리자 센터로 돌아가, 채널홍보 섹션에서 '코드 확인하러 가기'를 클릭합니다.

 

 

2. JS SDK 데모 버튼을 클릭합니다. 자바라고 무서울 것 없습니다.

 

 

3. 구현방법을 선택할 수 있는데, 원래 선택되어 있는대로 '동적으로 구현하기'로 놔둡니다. (두 개 차이점을 모르겠더라구요! 😏) 쭉쭉 밑으로 스크롤을 내립니다.

 

 

4. 코드가 나옵니다. 여기서 빨간 부분을 수정하고 이미지 크기를 줄이는 코드를 넣어야 하는데요.

이미지 줄이는 코드는  style="width:120px;" 입니다. 120이라는 숫자는 취향에 따라 바꿀 수 있습니다.

 

 

5. 제가 수정한 파일을 가져가시면 편합니다.

 

html코드.txt

0.00MB

 

이 두 부분만 수정하시면 됩니다.

 

 

🔸 이미지 URL 주소:

 

🔸 카카오톡 채널 아이디 찾는 법:

카카오톡 채널 홍보 페이지에서 자신의 아이디를 찾을 수 있습니다.

❗ 주의점!

채널 URL을 복사하면 안됩니다!

_로 시작하는 알파벳이 아이디입니다. 제 아이디는 _KpRxgs네요.

 

코드를 다 수정하셨다면, Ctrl+C키로 복사해주세요.

 

 

 사이드바에 넣기

 

1. 블로그 관리자 페이지의 스킨 편집으로 들어갑니다.

 

 

2. html 편집으로 들어갑니다.

 

 

3. html 창을 한번 클릭하고, ctrl+F를 눌러 sidebar를 검색합니다. 

 

 

4. sidebar 관련 코드가 끝나는 곳에 엔터키를 몇번 누르고, Ctrl+v를 눌러 코드를 붙여넣기합니다.

 

 

 

5. 적용을 누르고, 내 블로그 메인화면으로 돌아가 봅니다.

 

 

짜잔! 친구추가 버튼이 생겼습니다.

 

잘 되나 한번 눌러봅니다. 

 

 

 

이미 추가한 채널이라고 나오네요! 잘 되고 있습니다.

 

저도 카카오뷰는 작년 9월에 만들어 놓고 잊고 있다가, 블로그 이웃님들의 도움을 많이 받았습니다.

 

카카오뷰 발행하시는 이웃님들 함께해요!

 

http://pf.kakao.com/_KpRxgs 

밀리멜리