Prosto

티스토리 페이지 수준 광고 추가하기 본문

News/방법

티스토리 페이지 수준 광고 추가하기

Prosto 2016. 9. 18. 22:24

구글 애드센스의 페이지 수준 광고가 최적화 탭에 추가된 것을 확인하신 분들이 많이 계실겁니다.

 

저도 이번에 이 페이지 수준 광고를 설정했는데요.(TISTORY 블로그입니다.)

(티스토리 뿐 아니라 개인 홈페이지에도 쉽게 추가 가능하겠네요.)

 

설정하는 방법은 지금까지 애드센스 추가가 어렵지 않았듯이 간단하게 적용할 수 있습니다.

 

참고로 "페이지 수준 광고"는 기존의 3개 제한 외적으로 추가되는 거라 자유롭게 추가할 수 있겠네요.

PC에선 작동이 안 되고, 모바일에서만 작동합니다!

그리고 최적으로 조건이 맞는 상황에만 뜬다고 하니 너무 많이 떠서

블로그 이용자에게 불편함을 주지도 않을 것이라 예상 됩니다.

(이제 막 쓰고 있는데, 만약 너무 과도하다면 제거해야겠죠..

 조만간 상황을 봐서 문제가 있다면 다시 글을 쓰도록 하겠습니다.)

 

 

그럼 이제 추가하는 방법을 순서대로 스크린샷과 함께 보도록 하겠습니다.

 

먼저 애드센스 페이지에 들어간 후

상단 메뉴에서 "내 광고"를 선택합니다.

그리고 나오는 탭에서 콘텐츠 - 페이지 수준 광고를 선택합니다.

 

 

1번과 2번(앵커/오버레이 광고, 모바일 전면광고)의 우측 상태 쪽 버튼을 눌러 [ | ]로 활성화 시켜주세요.

그리고 3번 < > 코드 가져오기를 클릭합니다.

 

 

그러면 코드가 나오는 팝업이 나올 것입니다.

여기서 본인의 코드를 전체 선택하여 복사합니다.

 

 

다음으로 티스토리의 본인 블로그 관리페이지에 들어갑니다.

거기서 꾸미기 - HTML/CSS 편집을 클릭합니다.

 

 

그러면 이러한 페이지가 나오는데요.

여기서 HTML이 선택되어있는 것을 확인한 후

Ctrl+F를 눌러 /head를 검색합니다.

 

그러면 이렇게 </head> 헤드의 끝부분이 어딘지 나타날 것입니다.

 

 

그 /head 바로 윗 줄에 아까 복사한 코드를 붙여넣기 합니다.

 

 

그리고 상단의 저장 버튼을 클릭하면 코드 추가 끝입니다.

 

마지막으로 이렇게 스킨이 적용되었다는 문구를 확인하면

성공적으로 코드 추가가 완료됐습니다.

 

그렇다면 실제로 동작하는지 확인해봐야겠죠?

 

이때 설명은 구글 애드센스의 페이지 수준 광고 탭에서

테스트하기를 누르면 자세히 확인할 수 있습니다.

그 설명 내용을 그림으로 첨부하겠습니다.

 

여기서 나온 설명 그대로

본인의 페이지(블로그)로 중 아무글이나 클릭하여

이동하고 URL 끝에 #googleads를 붙여 입력해주면 됩니다.

예를 들면 http://prosto.tistory.com/m/89#googleads 이런식으로 말이죠.

 

 

그런 후에 나오는 두 가지 버튼 중 하나씩 선택하여 테스트해보면 됩니다.

들어가면 이런 Google Page-level ads 팝업이 떠있습니다.

여기서 English를 선택하면 (설명)언어를 바꿀 수 있습니다.

 

 

이렇게 한국어를 선택하면 아래와 같이 바뀝니다.

1. 설명이 한글로 바뀌었습니다.

2. 하단에 있는 광고가 앵커/오버레이 광고입니다.

위쪽 부분을 눌러 아래로 밀면 가려집니다.

(다시 나올라오지 않아 사용자에게 큰 불편함은 없을 것 같네요.)

 

 

아래는 비녜트(모바일 전면) 광고입니다.

보라색 링크 클릭 시 전면 광고가 노출됩니다.(+이동)

이렇게 링크에 있어

사이트에서 다른 페이지가 로드되는 중에 게재되고 있는 광고입니다.

터치 시 아래와 같은 광고창이 나옵니다.(+ 광고 닫아보면 페이지 이동되어있음)

 

 

이렇게 광고가 등장한다면 성공적으로 페이지 수준 광고 등록을 마친 거라고 생각하시면 됩니다.

Comments