티스토리 글 쓰기에 카카오 뷰 채널 추가 배너 만들어서 내 채널 홍보해봐요

블로그를 하시는 분이라면 카카오 뷰도 당연히 하실 거라 생각 듭니다. 내 블로그를 검색엔진 뿐만 아니라 SNS에도 노출돼야 방문 유입이 늘어나니 유입이 늘어난다는 말은 애드센스 광고 노출 수도 늘어나겠죠?
또 카카오 뷰에서 광고수입도 챙길 수 있기 때문에 또 하나의 필수라고 생각합니다.
오늘은 카카오 뷰 글쓰기에서 채널 홍보 뷰를 만들어 보려고 합니다.

배너를 어디에 넣으려고 하나?

배너를 사이드바, 메인 페이지에 띄우려고 하는 작업이 아닙니다. 제 블로그에 카카오 채널 배너가 어울리지 않아서 글 하단에 채널 홍보글을 작성할 작업입니다.

글 본문 하단 배너
글 본문 하단 배너

ch+채널 추가를 누르면 새창에서 채널을 추가할 것인지 나옵니다.

채널 추가
채널 추가

채널 추가 버튼 클릭 후 나오는 페이지입니다.
모바일은 ch+채널 추가 버튼을 누르면 카카오 뷰 채널로 들어가집니다.

카카오 뷰 채널 추가 이미지 가지고 오기

카카오뷰 페이지에서 보드창작 – 홍보에 들어가면 홍보할 수 있는 여러 가지 내용이 나옵니다.

채널 홍보
채널 홍보

스크롤을 내려보면 여러 가지 이미지 형태를 다운로드해서 링크를 걸 수 있습니다.

채널 홍보 페이지
채널 홍보 페이지

설정 – 채널 프로필을 선택하면 채널 관리자센터 페이지로 접속됩니다. 채널 홍보를 선택해주세요.

채널 홍보 배너
채널 홍보 배너

이미지형 홍보 외 여러 가지 홍보용 배너를 볼 수 있습니다.
하지만 저는 마음에 드는 이미지가 없어서 kakao 개발 사이트에서 이미지를 가지고 올 겁니다.

채널 관리자 - 코드 확인하러 가기
채널 관리자 – 코드 확인하러 가기

코드 확인하러 가기 선택합니다.

JS SDK 데모
JS SDK 데모

JS SDK 데모 버튼을 선택합니다.

ch+채널 추가
ch+채널 추가

ch+채널 추가 버튼을 가지고 오려고 합니다.
하단에 코드 확인 및 편집의 내에 있는 코드는 글쓰기 서식의 HTML에 들어가지 않아서 다른 방법을 강구했습니다.
우선 해당 코드가 먹히지 않는 부분은 onclick 함수가 막혀서 그런지 처음 글쓰기 후 완료를 누르면 채널 추가 여부 팝업창이 보이지만 글을 수정하게 되면 onclick 함수가 사라지는 현생이 발생합니다. 코드에서 필요한 함수는 <img src=”/tool/resource/static/img/button/channel/add/channel_add_small.png” 이것만 필요하네요.

코드

<a id="channel-add-button" href="https://pf.kakao.com/사용자 ID/friend" target="_blank" rel="noopener"> <img src="https://developers.kakao.com/tool/resource/static/img/button/channel/add/channel_add_small.png" alt="카카오톡 채널 추가 버튼" /> </a><b>ch+ 채널 추가 하고 카카오톡 My뷰에서 모아보세요.</b><b></b></p>
<p data-ke-size="size16">&nbsp;</p>

상단 코드에서 사용자 ID에 맞게 수정해야 합니다.
href=”https://pf.kakao.com/사용자 ID/frined 입니다. 
“ch+ 채널 추가하고 카카오톡 My뷰에서 모아 보세요.”는 알맞은 멘트를 작성해주세요.

사용자 ID 확인은?

채널 관리자 - 채널 홍보
채널 관리자 – 채널 홍보

카카오 뷰 – 채널 홍보하기에서도 확인할 수 있고, 상단 이미지와 같이 채널 관리자 페이지에서 확인할 수 도 있습니다. 해당 채널 ID를 사용자ID 란에 넣으면 됩니다.

서식에 저장하기

서식 관리
서식 관리

블로그 관리자 페이지에서 서식 관리를 선택하고 “서식 쓰기”를 누릅니다.

서식 글쓰기
서식 글쓰기

우측 상단 “기본 모드”를 누르면 메뉴가 보이는데 HTML를 선택합니다.

서식 글쓰기
서식 글쓰기

제목을 만들고 만들었던 코드를 복사하여 본문에 붙여넣습니다.
완료해주세요.

이제 포스팅한 후 원하는 위치에 서식을 불러오면 됩니다.

서식 불러오기

서식 불러오기
서식 불러오기

불러올 서식을 원하는 위치에 커서를 두고 상단 메뉴에서 서식을 선택합니다.

서식2
서식

카카오 채널 추가 버튼 제목을 선택하면 하단과 같이 볼 수 있습니다.

카카오톡 채널 추가 버튼 ch+ 채널 추가 하고 카카오톡 My뷰에서 모아보세요.

마무리

ch+채널 추가 버튼을 만들어서 유입이 조금이라도 되면 좋을 텐데 한번 지켜봐야 할 것 같습니다. 그런 기념으로 Itgo 채널 추가해주시면 맞추가겠습니다.!

Leave a Comment