구글 애드센스 페이지 수준 광고 티스토리 적용하는 방법 |
환경: Chrome |
이번에 애드센스에서 새로운 방식의 광고를 추가했습니다. 좀더 공격적으로 시장 점유율을 높이기 위해 기능을 개선했습니다. 이번에 추가한 광고 방식은 모바일 화면일 경우 전체를 덮어서 클릭율을 높일 수 있습니다. 사용자의 불편을 어느 정도 감수하더라도 광고주들을 끌어들이기 위한 어쩔 수 없는 선택인것 같습니다. 이 기능은 모바일에만 한정적으로 적용 되며 제한된 광고 개수(3) 에 영향을 받지 않습니다.
▼ 구글 애드센스로 들어가시면 화면 상단에 페이지 수준 광고 소개가 나타납니다. [테스트하기] 버튼을 누르거나 [내 광고] > [페이지 수준 광고] 메뉴를 클릭하시면 설정 페이지으로 이동합니다.
▼ [페이지 수준 광고] 설정에는 두 가지 방식의 광고 형식이 있습니다. [앵커/오버레이 광고]는 주로 모바일 화면 하단에 팝업 형태로 광고가 표시됩니다. 그리고 [모바일 전면광고]는 주요 링크를 클릭하게 되면 화면 전체를 덮는 광고가 뜹니다. 이 광고가 자주 뜬다면 사용자가 불편을 느낄 수 있습니다. 두 광고 모두 사용을 위해서는 스위치를 오른쪽으로 옮겨서 활성화 시켜야 합니다.
▼ 다음은 티스토리 소스에 적용할 코드를 생성해야 합니다. [코드 가져오기] 버튼을 눌러 적용 가능한 코드를 가져옵니다.
▼ 코드 생성 팝업창이 뜨면 스크립트를 복사합니다. 이 스크립트는 <head></head> 태그 사이에 그대로 붙여 넣어야 합니다.
◎ 티스토리에 적용하기 |
▼ 구글 애드센스에서 복사한 스크립트를 붙여 넣기 위해 티스토리의 관리자 페이지로 갑니다. 그리고 왼쪽 메뉴 HTML/CSS 편집을 클릭합니다.
▼ HTML 편집 창에서 </head> 태그를 찾습니다. 그리고 복사한 페이지 수준 광고 스크립트를 붙여 넣습니다. 다른 소스와 구분하기 쉽도록 주석도 넣어 줍니다.
◎ 제대로 동작하는지 테스트 해 보기 |
▼ HTML 에 스크립트를 넣고 제대로 되는지 테스트 해 봐야겠죠. 스마트폰에서 블로그에 접속합니다. 글 목록에서 아무 글이나 클릭해서 들어갑니다. 그리고 URL 끝에 #googleads 라는 해쉬태그를 입력합니다. 그럼 상단에 페이지 수준 광고의 두 가지 종류를 선택할 수 있는 팝업창이 뜹니다. 위에서 설명한 두 가지 광고 중에서 ANCHORS 가 [앵커/오버레이 광고]이고 VIGNETTES 가 [모바일 전면광고] 입니다. 그림처럼 ANCHORS 일 때 화면 하단에 광고가 뜨면 정상적으로 적용이 된 것입니다.
▼ 다음은 VIGNETTES 탭을 클릭합니다. 그럼 화면에 링크된 텍스트 마다 파란색 네모가 그려 집니다. 이것을 클릭하면 바로 이동하는 것이 아니라 전면 광고가 뜨게 됩니다. 어떤 식으로 광고가 진행되는지 이해가 되시죠.
'인터넷 > 구글 크롬' 카테고리의 다른 글
구글 유튜브 동영상 화면에 워터마크 표시해서 채널 구독 연결하는 방법 (0) | 2019.05.27 |
---|---|
크롬 Chrome 네이버 파파고 번역 툴 사용하는 방법 (0) | 2019.05.12 |
구글 모바일 결제 카드 변경과 삭제, 추가하는 방법 (0) | 2019.04.14 |
구글 결제 카드 변경과 삭제, 추가하는 방법 - PC 환경 (0) | 2019.04.13 |
구글 크롬 데이터 세이버 기능 이용해서 데이터 양 줄이는 방법 (0) | 2019.03.31 |
크롬 PDF 뷰어로 이용하는 방법 (1) | 2019.03.27 |
유튜브 동영상 편집하기, 동영상 자르는 방법 (3) | 2019.03.22 |
구글 어스(Google Earth) 로드뷰 보는 방법 (0) | 2019.03.14 |