텀블러에 구글 애드센스 달기

2015년 11월 15일

텀블러에 구글 애드센스 달기

한동안 인스타그람을 재미있게 하다보니 ‘애드센스가 달리면 괜찮을텐데’ 하는 생각이 들었지만 그것은 불가능. 그러다 문득 ‘텀블러라면 어떨까?’하는 생각에 실험삼아 옛날에 쓰던 묵은 계정을 되살려 보기로 했다. 결과는 성공적. 잊기 전에 남기는 의미에서 정리해 본다. 

 

 

1. 모바일 화면 만들기

가. 맨 위 오른쪽에 ‘테마 편집’을 클릭한다

나. HTML 편집을 클릭한다

다. 전부 선택해서 복사한다

라. 왼쪽 메뉴 맨 아래에서 ‘페이지 추가’를 선택한다

>

마. 붙이고 저장한다

2. 구글 애드센스 달기

가. 애드센스로 가서 ‘반응형광고’ 코드를 가져온다

구글 애드센스 계정이 있고 반응형광고를 이미 만들어 놓았다는 가정하에 정리하고 있습니다. 계정이 없거나 만들지 않은 경우에는 아래 글을 참고해보세요.

나. HTML 편집을 클릭한다

다. 원하는 곳에 광고 코드를 붙이고 저장한다

<style=”text-align: left;=”” clear:=”” none;=”” float:=”” none;”=”” style=”font-family: ‘Nanum Gothic’, ‘Ubuntu Condensed’, ‘Meiryo UI’; font-size: 15.679999351501465px; letter-spacing: 0.5px;”>

  • 여기서는 본문 바로 위에 오도록 하기 위해 사진처럼 nevigation이 끝나고 main page가 시작하는 지점에 붙여넣어 줬다. 
  • 이 텀블러에 사용된 테마(티스토리의 스킨에 해당)는 Blogit Theme으로, 무료 테마로는 드물게 반응형으로 되어있다.
  • 위 반응형 광고 만들기에 관한 글에서 언급한 대로, 구글 규정을 지키기 위해 코드중에 ‘auto’라고 되어있는 부분을 찾아 ‘horizontal’로 고쳐준다.
  • 광고가 가운데로 오게 하기 위해 코드 앞과 뒤에 <center> </center>를 넣어준다.

2. 고급설정하기

가. 왼쪽 메뉴 맨 아래에서 ‘고급옵션’을 선택한다

 

나. 기본 모바일 테마사용을 끈다

다. 페이지당 포스트 수는 ‘1’로 한다

<구글 애드센스 관련글>
1. 반응형 스킨 블로그에 반응형 애드센스 달기
2. 티스토리 본문 상단에 구글애드센스 두 개 나란히 넣기
3. 워드프레스 블로그에 구글애드센스 쉽게 달기