구글 애드센스 새로운 모바일용 페이지 수준 광고 적용하기
안녕하세요. 오늘 소개해드릴 정보는 바로 애드센스 관련 정보입니다. 티스토리와 네이버를 선택하려다가 티스토리를 선택한 블로거 분들 중 일부는 아마 애드센스를 이용하기 위함이 아닐까 하는 생각도 해보는데요. 애드센스는 기본적으로 광고를 통해 수익을 낼 수 있는데요. 기본적으로 애드센스에 승인을 받고, 코드를 삽입하셨다면, "새로운 모바일용 페이지 수준 광고 활용"도 이용해 보시기 바랍니다.
새로운 모바일용 페이지 수준 광고 활용은 스마트폰을 사용하는 유저가 많아지면서 모바일 기기를 이용해 티스토리를 방문한 유저에게 보이는 광고라고 보시면 됩니다. 페이지를 통해 2가지 형식의 광고를 제공하는데요. 유투브 영상을 참고하시면 좀 더 이해하기 빠를 것 같습니다.
영상을 통해 대략적인 파악이 가능한 페이지 수준 광고인데요. 애드센스에서는 2가지를 제안하고 있습니다. 앵커/오버레이 형식과 모바일 전면 광고를 제공하고 있습니다.
앵커/오버레이 광고 : 사용자 화면의 가장자리에 항상 표시되며 손쉽게 닫을 수 있는 모바일 광고
모바일 전면 광고 : 페이지가 로드되는 순간 게재, 사용자가 쉽게 닫을 수 있는 전체 화면 광고
페이지 수준 광고용 코드를 "코드 가져오기"를 통해 가지고 옵니다. 그 후에 복사 한 뒤 티스토리의 HTML/CSS 편집에 들어가셔서 head 아래에 복사하시면 됩니다.
페이지 수준 광고 코드가 추가되기 전의 HTML 페이지 예
<html>
<head>
페이지 헤드입니다.
< title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
</body>
</html>
페이지 수준 광고 코드가 <head> 태그에 추가된 후의 HTML 페이지 예
<html>
<head>
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-123456789",
enable_page_level_ads: true
});
</script>
페이지 헤드입니다.
< title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
</body>
</html>
페이지 수준 광고 코드가 본문 상단에 추가된 후의 HTML 페이지 예
페이지의 <head> 태그에 액세스할 수 없는 경우 본문 상단에 광고 코드를 삽입할 수 있습니다.
<html>
<head>
페이지 헤드입니다.
< title>HTML 페이지 예</title>
</head>
<body>
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-123456789",
enable_page_level_ads: true
});
</script>
페이지 본문입니다.
</body>
</html>
페이지 수준 광고 코드를 삽입하는 예입니다. 예시 코드일 뿐 자신의 코드는 직접 애드센스 페이지에 접속하셔서 "코드 가져 오기"를 통해 가져온 후에 삽입하시기 바랍니다. 그럼 코드를 적용해볼까요?
코드는 티스토리 관리자에서 HTML/CSS 편집을 통해 입력합니다. HTML의 상단 부분에 있는 <head> 코드 뒤에 입력해주면 됩니다. 아주 간단하기 때문에 기존에 티스토리를 어느 정도 가꿔 보셨다면 쉽고 간편하게 적용 시킬 수 있을 것이라 판단합니다.
'박스군 TISTORY > 블로그 관리' 카테고리의 다른 글
| 티스토리 구글 사이트 등록 - Google Search Console 세팅(웹 크롤링) (6) | 2016.06.13 |
|---|---|
| 티스토리 블로그 ZUM 검색등록(신규등록)으로 방문자 유입을 늘려라. (5) | 2016.06.13 |
| 네이버 웹마스터도구 사이트 최적화 현황 - 사이트 설명 등록 편 (2) | 2016.06.12 |
| 티스토리/다음 블로그 네이버 노출을 위한 RSS 등록하기 (0) | 2016.06.09 |
| 티스토리 블로그 구글 번역기 위젯 설치하기 (0) | 2016.06.09 |
