지난 2번의 포스팅을 통해 1) 티스토리 블로그의 스킨을 설정하고 2) 애드센스 광고를 만드는 방법 까지 알아봤습니다.
이번 포스팅에서는 만들어진 애드센스 광고를 티스토리 블로그에 적용하는 방법에 대해서 알아보겠습니다.
아무것도 모르는분도 처음글부터 차근차근 따라오면 누구나 쉽게 광고를 적용할 수 있도록 설명드리고 있으니까요. 지난 게시물을 보지 못한 분께서는 아래 링크를 통해 확인하고 오시길 추천드립니다.
▶티스토리 애드센스 광고 설정 #1 - 스킨과 커버 아이템 설정
▶티스토리 애드센스 광고 설정 #2 - 애드센스 자동 광고와 광고 단위 만들기
티스토리 블로그에 애드센스 광고 코드 삽입하기 - 자동 광고
지난 포스팅에서 자동 광고 2개를 설정하고, 7개의 광고 단위를 만들었죠.
자동 광고부터 설정해보겠습니다.
1) 광고> 자동광고 메뉴에 진입
2) 우측 상단에 [자동 광고 설정] 버튼 클릭
3) [코드 복사]를 클릭해서 코드 복사
여기까지 하면 클립보드에 아래와 같은 광고 코드가 복사된 상태가 됩니다. (ctrl+c 상태)
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-xxxxxxxxxxxx",
enable_page_level_ads: true
});
</script>
4) 티스토리 블로그 관리자 모드로 가서 스킨 편집 > HTML 편집으로 진입
5) 3)에서 복사한 코드를 티스토리 블로그의 스킨 HTML 에 붙여넣기
- 이때 해당 코드를 <head> 와 </head> 사이에 붙여넣기 해주어야 합니다. 아래 이미지 참고하세요.
- <!-- 구글 자동광고 (앵커만) --> <!-- 구글 자동광고 (앵커만) 끝 --> 이 부분은 자동광고 코드가 어디 삽입되어 있는지 쉽게 찾기 위해 주석처리 해놓은 부분입니다. 똑같이 작성해주시면 나중에 코드를 수정할 일이 있을 때 찾기 쉽겠죠?
<!doctype html>
<html lang="ko">
<head>
<!-- 구글 자동광고 (앵커만) -->
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-XXXXXXXXXXXXXX",
enable_page_level_ads: true
});
</script>
<!-- 구글 자동광고 (앵커만) 끝 -->
<meta name="naver-site-verification" content="5bb5b8ff83842ae3853c424e52ebc1780ad26c91"/>
<meta name="google-site-verification" content="n7hryCl5WMCg17YjJXUJ5TQfTn-Bxhi1xx1XZSw7f3E" />
<meta charset="UTF-8">
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
<title>티스토리 애드센스 광고 설정 #3 - 티스토리에 애드센스 자동 광고 적용하기</title>
<link rel="stylesheet" href="./style.css">
<script src="//t1.daumcdn.net/tistory_admin/lib/jquery/jquery-1.12.4.min.js"></script>
</head> 6) HTML 편집의 [적용] 버튼 클릭
7) 스킨 편집 옆 [적용] 버튼 한번 더 클릭
여기까지 하시면 자동 광고가 티스토리 블로그에 적용완료 된겁니다.
제대로 됐는지 확인하는 방법은 모바일에서 앵커 광고가 잘 나오는지 확인해보는겁니다.
앵커 광고가 잘 나온다면 자동 광고가 제대로 적용된 상태라고 생각하면 되겠지요.
이렇게 했는데도 앵커 광고가 잘 안나온다면?
6)단계의 [적용] 버튼만 누르고, 7)단계의 [적용] 버튼을 누르지 않아서 제대로 저장되지 않은 경우가 태반입니다.
이런 실수를 하지 않았는지 다시 한 번 검토해보시고, 그래도 안된다면 뭔가 빠뜨린 게 없는지 다시 한 번 포스팅 내용을 꼼꼼히 읽어보세요.
여기까지 자동 광고를 적용하는 방법에 대해 설명드렸는데요.
어디까지나 제가 적용한 광고와 동일하게 적용하기 위한 방법을 안내드린 것이고요.
티스토리 블로그 운영하는 분들중에는 오직 자동광고만 적용해서 운영하는 분들도 더러 계십니다.
아래처럼 자동광고 메뉴에서 모든 광고 유형을 활성화 해주면 구글이 알아서 적당한 위치에 광고를 노출해줍니다.
그런데 이렇게 자동광고만 적용했을 때 문제가 있습니다.
광고가 규칙적으로 노출되는 것이 아니라, 구글의 알고리즘에 따라 어떨 때는 한 번에 4~5개가 나오기도 하고, 어떨 때는 아예 안나오는 경우도 있다는 점이죠. 구독자 입장에서 생각해보면 때로는 광고가 너무 많이 나와서 짜증스러울수도 있겠지요.
그래서 저는 안정적으로 고정된 위치에 고정된 수의 광고가 나올 수 있도록 '광고 단위'에서 직접 생성한 광고를 적용하는 편입니다. 자동 광고에서는 앵커 광고와 일치하는 콘텐츠만 사용하고요. 이건 제 스타일이니까 저와 생각이 다른분은 자동 광고만 사용하셔도 무방합니다.
이제 마지막 단계인 '광고 단위'를 적용하는 일만 남았습니다.
다음 포스팅에서 찾아뵙도록 할게요.
'유용한정보' 카테고리의 다른 글
| 티스토리 애드센스 광고 설정 #5 - 인피드 광고 적용하기 (4) | 2019.05.27 |
|---|---|
| 티스토리 애드센스 광고 설정 #4 - 게시물 상단에 광고 2개 적용하기 (모바일에서는 광고 1개만 노출) (28) | 2019.05.27 |
| 티스토리 애드센스 광고 설정 #2 - 애드센스 자동 광고와 광고 단위 만들기 (13) | 2019.05.27 |
| 티스토리 애드센스 광고 설정 #1 - 스킨과 커버 아이템 설정 (6) | 2019.05.26 |
| 이 코드를 복사하여 애플리케이션으로 전환한 다음 붙여넣으세요 - Google Publisher Toolbar 설치 오류 조치 방법 (4) | 2019.04.21 |
