728x90
반응형
728x90
반응형
1. 시작하기 전에
- 구글 애드센스 광고를 많이 노출시킬수록 블로그 수익이 올라간다고 생각하여 블로그 원하는 곳에 광고를 배치하는 방법에 대해 알려드리겠습니다.
- 블로그 메인 화면에 대부분 블로그는 글 목록이 나타나게 되어 있습니다. 글 목록 상단에 적용하는 방법과 블로그 글에만 애드센스 광고가 노출시키는 방법 두가지를 설명하겠습니다.
- 해당 방법은 원하시는 위치에 여러개 노출하시면 됩니다.
- 저는 북클럽 스킨을 사용하고 있기 때문에 다른 스킨의 경우 찾고자 하는 위치명이 조금 틀릴 수 있으나 그 부분만 찾으시면 동일하게 적용하실 수 있습니다.
2. 구글 애드센스 광고 만들기
- 블로그에 광고를 넣기 전에 구글 애드센스에서 광고를 만들어 줍니다.
[구글 애드센스 로그인] - [광고] - 상단 [광고 단위 기준] 탭 - [디스플레이 광고] 선택
디스플레이 광고를 상단에 위치할 예정이기 때문에 수평형 선택해 주시고, 광고 크기는 반응형을 선택해 주세요.
광고 소스를 복사합니다.
여기서 위쪽 <script> 태그는 복사하지 않아도 됩니다. 이미 애드센스를 연동 중인 블로그의 경우 <head></head> 태그 사이에 동일한 소스가 있기 때문에 복사를 하지 않아도 됩니다. 오히려 블로그 속도에 영향을 주게 됩니다.
3. 메인 화면 글 목록 상단/하단에 광고 넣기
블로그 메인 화면 상단에 물음표로 나타낸 영역에 애드센스 광고를 넣게 됩니다.
1) [티스토리 관리자] - [스킨 편집] - [HTML 편집] 페이지 접속
2) 상단 영역 : revenue_list_upper, 하단 영역 : revenue_list_lower
3) 원하는 상단, 하단 영역을 검색하면 1개만 나옵니다.
4) 상단 영역의 경우, 조회된 'revenue_list_upper' 코드 바로 위에 복사해 둔 애드센스 광고 코드를 붙여넣습니다.
5) 혹시나 하단에 한줄 여백을 주고 싶으신 분은 <p></p>를 하단에 추가해 주시면 됩니다.
6) 2개 이상 광고를 넣는 방법은 복사한 광고 코드를 그 위에 똑같이 붙여넣기 하시면 됩니다.
7) 메인 화면 하단에 추가하고 싶다면, 'revenue_list_lower'를 검색해서 조회된 문자 하단에 붙여넣기 하시면 됩니다.
위에 이미지처럼 'revenue_list_upper'를 검색해서 상단에 광고를 넣으면, 메인 화면의 글 목록 상단과 글 본문 상단에 모두 추가됩니다. 이 부분을 염두해 두시고 추가하시면 되겠습니다.
4. 글 본문 상단/하단에만 광고 넣는 방법
1) [티스토리 관리자] - [스킨 편집] - [HTML 편집] 페이지 접속
2) 'article_rep_desc' 검색어로 조회합니다.
3) 조회하면 두개가 나옵니다. 두번째 나온 조회 부분으로 이동합니다.
4) 복사해 둔 구글 애드센스 광고 코드를 'article_rep_desc' 바로 위에 넣으면 글 본문 상단에 추가되고, 바로 아래에 넣게 되면 글 하단에 추가됩니다.
5) 위에 이미지는 HTML 소스에 여러개 넣는 방법을 위해 글 본문 위에 2개, 하단에 1개를 추가하였습니다. 원하는 광고 갯수만큼 추가하세요.
6) 영역이 깨질지 몰라서 붙여넣을 때 <div></div>로 애드센스 광고를 감싸 주었습니다. (위에 이미지 참고)
7) 또한 밑에 광고와의 공간을 주고 싶어서 <p></p>를 하단에 추가하였습니다. (위에 이미지 참고)
발행 된 글을 하나 선택해서 페이지로 들어가 봅니다.
좌측 이미지는 위에서 메인 페이지 글 목록에서 애드센스 광고 1개를 추가했고, 글 본문 상단에 2개를 추가해서 현재 상단에는 3개의 애드센스가 노출되는 모습입니다.
글 본문 하단에는 1개의 광고를 추가했기 때문에 1개의 애드센스 광고가 노출 중입니다. 하단 노출 위치는 태그와 카테고리 글 영역 사이에 노출됩니다.
5. 권장 사항 (필독)
구글 애드센스에서 다른 종류의 광고(인피드, 인아티클, 멀티플렉스)도 동일한 방법으로 넣어주시면 됩니다.
제가 테스트해 본 결과 광고 크기가 반응형을 지원하는 '디스플레이 광고', '멀티플렉스 광고'를 만드셔서 넣기를 권장드립니다. 이유는 반응형을 지원하지 않으면, 스마트폰으로 볼 때 광고 사이즈가 화면에 맞지 않게 나옵니다.
노출되는 광고가 추가된 광고인지 확인하는 방법은 이전 포스팅 글 링크에서 확인하시길 바랍니다.
여러분의 블로그 수익 상승에 큰 도움이 되길 바랍니다.
728x90
반응형
'블로그 정보 > 블로그 관리 TIP' 카테고리의 다른 글
| 블로그 글 목록 사이에 애드센스 광고 넣고 수익 올리기 (245) | 2024.12.12 |
|---|---|
| 티스토리 메인 화면 글 목록 새창으로 열기 (194) | 2024.12.11 |
| 티스토리 스크롤시 사이드바 고정 쉽게 따라하기 (286) | 2024.12.06 |
| 티스토리 구글 애스센스 광고 제대로 나오는지 확인하기 (242) | 2024.12.05 |
| 구글 애드센스 '크롤러: 알 수 없는 오류' 해결 방법 (0) | 2024.11.27 |
