구글 블로그스팟에 카카오애드핏 광고 달기


티스토리가 2023년 6월 27일부터 자체 광고를 띄우기 시작했다.
2023년 상반기부터 자체 광고를 띄울 조짐이 보였고, 많은 사람들은 모회사인 카카오의 카카오애드핏을 띄울 것이라고 예측했다.
하지만 예상을 뒤엎고 애드센스를 선택했다.
덕분에(?) 티스토리가 걸어둔 애드센스 코드가 사용자가 걸어둔 애드센스 코드를 방해하고 있고, 일부 사용자들의 애드센스 계정은 무효클릭으로 게재 제한되기까지 했다.

그래서 많은 사용자들이 티스토리 엑소더스 중이다.
대부분 구글 블로그 (블로그스팟) 혹은 워드프레스로 이사하고 있다.
개인적으로 어디로 갈까 한참 고민했는데, 워드프레스는 실력이 안되서 블로그스팟을 선택하고 도메인을 씌웠다.

새로 옮겨온 보금자리에 애드센스를 달고 싶지만, 예전보다 사이트 승인 조건이 까다로워졌다. 혹자는 게시글이 100개가 넘었는데 1년이 지나도 승인이 나지 않는다고 한다.
그래서 카카오가 밉긴 하지만 일단은 급한대로 카카오애드핏을 달아 보았다.



카카오애드핏 가입하기, 광고 단위 생성하기

-. 일단 카카오애드핏 사이트에 들어가서 회원가입하자. 티스토리에서 애드핏 연동을 했다면 회원가입을 할 필요는 없다.
-. 애드핏 홈페이지 좌측 메뉴에서 "광고관리(대시보드 아래)"를 클릭하고, "매체 등록"을 클릭하자.
-. 구글 블로그를 등록하면 된다. 등록 즉시 광고를 달 수 있는 건 아니고, 심사 통과해야 한다.
-. 심사 통과하려면 (후술하겠지만) 블로그스팟에 광고 스크립트를 삽입해야 한다. 이후 과정은 어렵지 않으니까 구체적인 설명은 생략하겠다.

티스토리 기준 블로그 개설 30일 후, 3개월 이내 공개 발행글이 20개 이상이어야 통과되는데, 구글 블로그도 크게 차이가 나지 않을 듯하다.
심사 소요시간은 1~3일 걸린다고 하는데, 개인적으로는 대략 20시간만에 완료되었다.



블로그스팟에 애드핏 광고 다는 방법

애드센스의 경우 블로그스팟 본문 상단에 달려면 블로그스팟 HTML 편집기에서 <data:post.body> 바로 앞부분에 광고 스크립트를, 본문 하단에 달려면 <div class='post-footer'> 앞부분에 광고 스크립트를 달면 된다.
그런데 애드핏 스크립트를 이렇게 달면 모바일 화면에서는 잘 보이는데, 데스크톱 화면에서는 보이지 않는다.
(스킨마다 조금씩 다를 수 있다)

데스크톱 화면에 광고를 띄우려면 손을 봐줘야 한다.
다만 본문상단과 본문하단에 광고를 띄울 수는 없고, 별도의 가젯을 만들어서 띄워야 한다.
(제가 HTML, CSS 다루는 실력이 부족해서 잘 모를 수 있습니다. 고수분께서 댓글 남겨주시면 반영하겠습니다.)


광고를 달려면 테마-맞춤설정 오른쪽에 있는 ▼ 버튼-"HTML 편집"을 클릭해야 한다.

블로그스팟 HTML 편집기에서 CTRL + F 키를 눌러서 <data:post.body>를 찾고, 바로 앞부분에 아래와 같이 스크립트를 입력하고 저장하자.



<meta expr:content='data:post.id' property='kakao:item_id'/>
<meta expr:content='data:post.date.iso8601' property='kakao:published_time'/>
<b:if cond='data:post.labels'><b:loop index='i' values='data:post.labels' var='label'> <b:if cond='data:i == 0'> <meta expr:content='data:label.name' property='article:section'/> </b:if> </b:loop> </b:if>


이어서 위 코드 바로 다음 부분에 카카오애드핏 광고를 붙여서 삽입하면 모바일 페이지에서 본문상단에 광고가 뜬다.
코드를 삽입 완료했다면 아래와 같이 가젯을 만들어서 애드핏 광고를 삽입하자.


블로거 메뉴 좌측에 있는 "레이아웃"을 클릭하고, "가젯 추가"를 클릭하자.


이런저런 가젯들이 뜬다.
"HTML/자바스크립트"를 클릭하자.


콘텐츠 항목에 카카오애드핏 스크립트를 입력하고 "저장"을 클릭하자.
제목을 입력할 필요는 없다. 그냥 광고만 띄우는 가젯이라서 제목은 입력하지 않았다.



이어서 생성된 가젯을 취향대로 배치하면 된다.
게시물 상단과 하단에 각각 배치하려면 위와 같이 설정하자.


댓글 쓰기

0 댓글

;