안녕하세요 여러분,
티스토리 블로그를 운영 중이시고 구글 애드센스 승인이 나셨다면
적절하고 효율적인 애드센스 광고 배치를 통해 이제 드디어 수익을 창출할 차례입니다.
네이버 애드포스트와는 다르게 구글 애드센스는 진짜 '애드고시'라는 말이 괜히 있는 게 아닌 것처럼
정말 노력과 운 두 가지가 다 필요한 것 같습니다.
저도 네 차례 정도 반려되고 우여곡절 끝에 겨우 구글 애드센스 승인이 났거든요ㅠ.
아무튼 드디어 바라고 바라던 구글 애드센스 광고를 달 수 있게 되었으니 한시라도 빨리 광고를 달아보아야겠죠?
이번 포스팅에서는 애드센스 광고를 효율적으로 배치할 수 있는 위치 중 하나인
티스토리 블로그 목록 사이에 광고 넣는 법을 알아보겠습니다.
사실 그동안 다른 분들의 잘 만들어진 티스토리 블로그를 보면서
"나도 꼭 저렇게 깔끔하게 광고를 배치해서 내 글이랑 너무 혼동되지 않도록 해야겠다"라는 생각을 자주 하곤 했습니다.
그리고 특히 감쪽같이 목록 사이에 다른 글들과 섞여 자연스럽게 광고 형태로 배치되어 있는 목록 사이 광고를 보고
이거는 저도 꼭 배워서 해야겠다는 생각을 했죠.
1. 티스토리 블로그 목록 사이 광고 입력하는 방법
1) 티스토리 블로그 목록 사이 광고를 입력하기 위해서는 우선 구글 애드센스 페이지로 들어가야 합니다.
Google 애드센스 - 웹사이트에서 수익 창출하기
Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다.
www.google.co.kr
2) 그리고 광고 단위 기준 중에 '인피드 광고'를 선택합니다.

3) 그다음 아래와 같은 화면이 나오면 본인의 티스토리 블로그 주소 전체를 빈칸에 입력해줍니다.
여기서 '모바일'과 'Desktop' 두 가지를 선택할 수 있도록 되어 있는데요,
'모바일'로 선택하여도 데스크톱용 화면에 반영이 되니 '모바일' 그래도 선택하고 '페이지 스캔하기'를 누르시면 됩니다.

4) 그러면 페이지를 스캔하는 화면이 나오고 얼마 지나지 않아 다음 단계로 넘어가집니다.

5) 그다음 아래와 같은 화면이 내 모니터 좌측 반절에 나옵니다.
내가 구글 애드센스 광고가 나오기를 희망하는 위치를 선택할 수 있습니다.

6) 그리고 같은 화면 우측 반절에는 아래와 같은 화면이 나옵니다. '광고 미리보기' 화면이고 '다음'을 눌러줍니다.

7) 그러면 '광고 스타일 맞춤설정' 화면이 나옵니다.
티스토리 블로그 목록 사이 광고의 핵심은 이 부분입니다.
오른쪽에 있는 설정들을 통해 목록 사이 광고의 사이즈, 폰트, 여백, 이미지 사이즈 등 모든 것을 조절할 수 있습니다.
일단은 기본으로 설정되어 있는 대로 설정 후 '저장 및 코드 생성'을 눌러줍니다.

8) 내 광고의 코드를 복사할 수 있는 단계입니다. 그러나 여기서 '코드 복사'를 눌러줄 필요는 없습니다.

9) 이제 본인의 티스토리 블로그 관리자 페이지를 열고 좌측 메뉴 중 '스킨 편집'을 눌러주세요.

10) 우측 상단의 'html 편집'을 클릭해주세요.

11) 그러면 이제 html을 편집할 수 있도록 화면이 전환됩니다.
이제 아래 첨부파일을 다운로드 후 열어 주세요.
12) 티스토리 블로그 목록 사이 광고를 입력하기 위해 입력해야 하는 html은 크게 두 가지입니다.
첫 번째로는, 1번에 나와있는 코드를 복사해서 <head>와 </head> 사이에 삽입하면 됩니다.
저는 </head> 바로 윗부분에 입력하였습니다.

13) 두 번째로 입력할 부분은 살짝 복잡합니다. 천천히 잘 따라와 주세요!
두 번째 코드를 자세히 보시면, [★, ●, ◆] 모양이 있습니다.

이 특수문자들이 있는 부분에 아까 구글 애드센스 페이지에서 만들어진 내 코드 중 매칭 되는 부분을 복사해서 붙여 넣으면 됩니다.
data-ad-layout-key="★" data-ad-client="ca-pub-●" data-ad-slot="◆" |
14) 구글 애드센스 코드를 보시면 똑같이 해당되는 부분들이 있습니다.
그 부분들을 복사하여 메모장에 있는 특수부위들과 매칭 하여 붙여 넣어줍니다.

15) 이제 'html 편집'에서 위치만 잘 파악해서 코드를 입력하면 됩니다.
'html 편집' 부분 중 아무 곳이나 클릭한 후 'ctrl-f'를 눌러서 <s_article_rep>를 찾아줍니다.
그다음 아래로 조금 내리다 보면 </a>, </div>, </s_index_article_rep>이 순서대로 나와있는 부분이 있습니다.
두 번째 코드를 아래 사진처럼 </a>와 </d> 사이에 붙여 넣어줍니다.

16) 마지막으로 상단의 '적용'을 누르고 '새로고침'을 누른 뒤
내 티스토리 블로그를 보면 목록 사이에 구글 애드센스 광고가 나타납니다.
이제 아까의 7번 단계인 '광고 스타일 맞춤설정'에서 본인의 취양대로 맞춤 설정을 해주시면 됩니다^^.

이상으로 티스토리 블로그 목록 사이 광고를 넣는 방법에 대해 알아보았습니다.
제 글이 도움이 되셨다면 하트와 댓글 그리고 구독 부탁드립니다^^
다들 수익 나는 블로그 되세요~~!
'▼ 수익형 블로그 이슈' 카테고리의 다른 글
[티스토리 블로그 광고 강의 #2] 티스토리 사이드바 광고 넣는 법 (0) | 2020.12.21 |
---|
댓글