티스토리 상단 애드센스 광고 PC 2개, 모바일 1개 삽입하는 방법

티스토리 블로그를 돌아다니다 보면 모두 약속이라도 한 듯 상단에 정사각형 광고 2개가 삽입되어 있는 걸 볼 수 있다. 나도 처음엔 무시하고 긴 직사각형 반응형 광고를 달거나 인피드 광고를 달았다. 그런데 점점 티스토리를 공부하면서 사람들이 왜 상단에 정사각형 광고 2개를 다는지 알게되었다. 역시 많은 사람들이 하는 건 다 이유가 있었다. 인피드광고, 링크광고, 일치하는 콘텐츠 광고보다 정사각형 광고가 광고단가가 가장 세다. 

글이 긴 경우 마우스 스크롤을 내리지 않고 첫 화면만 보고 나가는 경우도 많기 때문에 글의 중간이나 하단보다 상단에 있는 광고가 노출이 가장 많고 광고단가도 크다. 

그래서 다들 상단에 반응형 광고 2개를 넣는다. 

제일 먼저 애드센스에 접속해서 반응형 광고 2개를 만든다. 

Google Adsense → 내광고 → 광고단위 로 들어간다. 

새광고단위를 클릭한다. 

광고 중에서 '텍스트 및 디스플레이 광고'를 선택한다. 

이름이 반응형광고 1, 반응형 광고2 로 하거나 상단광고 1, 상단광고 2 등 본인 마음대로 정하면 된다. 이 이름은 HTML에 삽입할 때 수정이 가능하다. 

광고크기는 반응형으로 선택하고 저장 및 코드생성을 클릭한다. 

네모 박스안의 광고코드를 복사해서 한글이나 메모장 등 편한 곳에 붙여넣기 한다. 

이 과장을 똑같이 한번 더 반복해서 반응형 광고 코드를 2개 만든다. 

첫번째 만든 반응형광고. 이름을 상단광고 1 이라고 정했다. 메모장은 컴퓨터 보조프로그램에 다 깔려있으니 편하게 메모장에 붙여넣었다. 

여기서 date-ad-client 는 본인의 애드센스 아이디이다. 사람마다 고유의 아이디가 다 틀리다. date-ad-slot는 반응형광고인 상단광고1의 광고코드이다. 

date-ad-client= 뒤에 있는 아이디를 편의상 ★ 라고 하고 date-ad-slot= 뒤에 있는 숫자를 ♥라고 하자. 

똑같이 두번째로 만든 반응형광고에서 date-ad-client는 자신의 아이디라서 ★로 똑같다. date-ad-slot=는 상단광고2의 광고코드로 새로운 광고를 만들때마다 다르다. 그래서 편의상 ● 라고 정했다. 

우리에게 필요한건 ★, ♥, ● 다. 

애드센스 상단 광고 PC 2개, 모바일 1개 광고코드.txt

위 파일을 클릭하면 애드센스 반응형 광고 PC 상단 2개, 모바일 1개의 광고코드가 나온다. PC에서는 본문 상단에 반응형 광고 2개가 나오고 모바일로 볼때는 반응형 광고 1개가 나오는게 좋다. 모바일에서 광고 2개가 연속으로 나오면 아래, 위로 광고가 붙어서 나와 애드센스 광고 정책 위반이 된다. 

모바일 광고 크기 중에서 가장 많이 쓰는 건 300*250 사이즈이다. 

★, ♥, ●로 되어있는 자리에 자신의 반응형 광고에서 애드센스 아이디와 광고코드를 그대로 복사 붙여넣기 한다. 

★, ♥, ● 자리를 모두 완성하면 전체 소스를 복사한다. 블로그 관리의 스킨 편집에 들어가 HTML에서 "Ctrl +F"를 눌러 을 검색한다. 바로 위에 복사한 소스를 붙여넣기하고 저장을 누르면 완성이다. 

그리고 다시 내 블로그로 접속하면 상단에 반응형 광고 2개가 나오는 걸 확인할 수 있다. 

기존에 인피드 광고나 다른 반응형 광고가 삽입되어 있다면 이미 설치한 광고부터 삭제해야한다. 난 이미 상단에 인피드 광고를 설치하고 있어서 블로그 관리 → 플러그인 →  구글 애드센스(반응형)에 들어가서 상단, 하단 광고를 하단 광고만 나오게 변경하였다. 이렇게 플러그인 설정을 변경했는데도 삭제한 애드센스 광고가 사라지지 않는다면 구글 애드센스(반응형)에 있는 광고코드를 상단, 하단 모두 삭제하고 새로 설정한다. 

 

그리고 모바일 티스토리에서도 제대로 광고가 상단에 1개가 나오는지 확인한다. 모바일에서 상단 광고가 2개가 나온다면 HTML에서 '모바일 상단 애드센스 광고 소스'가 2번 중복해서 들어갔는지 확인해본다. 광고 삽입한다고 HTML을 이것 저것 수정했더니 예전에 이미 모바일 광고코드를 삽입했던걸 잊어버린 걸 수도 있다. 그럼 모바일 광고 소스만 삭제하면 된다. 

※ 이전 포스팅 

블로그저품질 탈출과 원인

애드센스 주말에만 수익이 떨어지는 이유

구글 애드센스 용어 정리