구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

인터넷/구글 크롬

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 

환경: Chrome

 

이번에 애드센스에서 새로운 방식의 광고를 추가했습니다. 좀더 공격적으로 시장 점유율을 높이기 위해 기능을 개선했습니다. 이번에 추가한 광고 방식은 모바일 화면일 경우 전체를 덮어서 클릭율을 높일 수 있습니다. 사용자의 불편을 어느 정도 감수하더라도 광고주들을 끌어들이기 위한 어쩔 수 없는 선택인것 같습니다. 이 기능은 모바일에만 한정적으로 적용 되며 제한된 광고 개수(3) 에 영향을 받지 않습니다.

 

구글 애드센스로 들어가시면 화면 상단에 페이지 수준 광고 소개가 나타납니다. [테스트하기] 버튼을 누르거나 [내 광고] > [페이지 수준 광고] 메뉴를 클릭하시면 설정 페이지으로 이동합니다.

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 

[페이지 수준 광고] 설정에는 두 가지 방식의 광고 형식이 있습니다. [앵커/오버레이 광고]는 주로 모바일 화면 하단에 팝업 형태로 광고가 표시됩니다. 그리고 [모바일 전면광고]는 주요 링크를 클릭하게 되면 화면 전체를 덮는 광고가 뜹니다. 이 광고가 자주 뜬다면 사용자가 불편을 느낄 수 있습니다. 두 광고 모두 사용을 위해서는 스위치를 오른쪽으로 옮겨서 활성화 시켜야 합니다

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 


다음은 티스토리 소스에 적용할 코드를 생성해야 합니다. [코드 가져오기] 버튼을 눌러 적용 가능한 코드를 가져옵니다

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 

코드 생성 팝업창이 뜨면 스크립트를 복사합니다. 이 스크립트는 <head></head> 태그 사이에 그대로 붙여 넣어야 합니다

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 

티스토리에 적용하기

 

구글 애드센스에서 복사한 스크립트를 붙여 넣기 위해 티스토리의 관리자 페이지로 갑니다. 그리고 왼쪽 메뉴 HTML/CSS 편집을 클릭합니다

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 

HTML 편집 창에서 </head> 태그를 찾습니다. 그리고 복사한 페이지 수준 광고 스크립트를 붙여 넣습니다. 다른 소스와 구분하기 쉽도록 주석도 넣어 줍니다

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 

제대로 동작하는지 테스트 해 보기

 

HTML 에 스크립트를 넣고 제대로 되는지 테스트 해 봐야겠죠. 스마트폰에서 블로그에 접속합니다. 글 목록에서 아무 글이나 클릭해서 들어갑니다. 그리고 URL 끝에 #googleads 라는 해쉬태그를 입력합니다. 그럼 상단에 페이지 수준 광고의 두 가지 종류를 선택할 수 있는 팝업창이 뜹니다. 위에서 설명한 두 가지 광고 중에서 ANCHORS [앵커/오버레이 광고]이고 VIGNETTES [모바일 전면광고] 입니다. 그림처럼 ANCHORS 일 때 화면 하단에 광고가 뜨면 정상적으로 적용이 된 것입니다

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법

 

다음은 VIGNETTES 탭을 클릭합니다. 그럼 화면에 링크된 텍스트 마다 파란색 네모가 그려 집니다. 이것을 클릭하면 바로 이동하는 것이 아니라 전면 광고가 뜨게 됩니다. 어떤 식으로 광고가 진행되는지 이해가 되시죠

구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법


Posted by 녹두장군

댓글을 달아 주세요