블로그 글을 보다 보면 글 중간에 광고가 들어가 있는 경우가 있는데
최근에는 구글 애드센스 스크립트가 자동으로 광고를 넣어 주는 것 같기도 하지만
광고가 안 들어가는 경우가 더 많은데 명확한 기준은 알기가 어렵네요.
아무튼 저도 넣고 싶어서 방법을 알아 보았습니다.
찾아 본 정보를 바탕으로 좀 더 명확하고 알기 쉽고 편리한 방법으로 정리를 해 보겠습니다.
목차
광고 단위 수동 생성
1. 애드센스 사이트 > 광고 > 개요 클릭
2. 광고 단위 기준 > 콘텐츠 내 자동 삽입 광고 선택
3. 광고 단위 이름 입력 후 '저장 및 코드 생성' 버튼 클릭
4. 생성된 코드 확인
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-0000000000000000"
data-ad-slot="0000000000"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
티스토리 블로그 서식 저장
광고 코드를 따로 관리하면 매우 번거롭기 때문에 간단히 붙여 넣기 위해 서식으로 저장해 놓습니다.
1. 관리 페이지 접속 > 콘텐츠 > 서식 관리 > 서식 쓰기
2. 기본모드 > HTML 선택
3. 제목에 '글 중간 광고' 입력 및 내용에 애드센스 광고 단위에서 생성한 코드 붙여 넣기
사실 이 정도만 해도 별 문제는 없지만
태그가 3개이므로 실제 글 중간에 붙여 넣으면 덩어리가 3개가 생깁니다.
기본모드에서는 나타나지 않지만 스크립트 중간에 ins 태그가 숨겨져 있습니다.
간혹 글을 수정할 때 사라지기도 해서 지우고 다시 삽입해야 하는 경우도 생깁니다.
따라서 명확하게 입력될 수 있도록 수정하는 것이 더 좋습니다.
첫번째 스크립트 태그는 구글 광고 신청 시 붙여 넣은 스크립트와 중복되므로 제외했습니다.
그리고 ins 태그를 script 태그 안에서 document.write 메서드를 이용해서 직접 쓰도록 하여
에디터 기본모드에서 보이지 않는 불편함을 없앴습니다.
<script>
document.write('<p><ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-0000000000000000" data-ad-slot="0000000000"></ins></p>');
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
이렇게 만든 서식을 글에 붙여 넣으면 script 덩어리 하나만 생겨 관리가 깔끔해 집니다.
4. 저장 및 등록된 서식 확인
글 작성 시 광고 서식 삽입
1. 글쓰기 에디터 > ... > 서식 선택
2. 광고를 넣고 싶은 위치에서 '글 중간 광고' 서식 선택
3. 광고 스크립트가 잘 삽입되었는 지 확인
저는 위의 위치에 광고를 넣어 보겠습니다.
4. 글 저장 후 광고가 잘 뜨는 지 확인 (실제 광고와 다를 수 있음)
원하는 위치에 광고가 잘 뜹니다.
다들 돈 마니 버세요~
'정보 > 블로그 운영팁' 카테고리의 다른 글
네이버 검색 결과에서 티스토리 블로그 노출 향상 시키기 (검색 등록) (1) | 2020.10.10 |
---|---|
애드센스 인피드 광고 티스토리에 적용하기 (18) | 2020.10.07 |
'광고 크롤러 오류가 있으며, 이 때문에 수익 손실이 발생할 수 있습니다.' 구글 애드센스(Google Adsense) 알림 메시지 이슈 해결 (0) | 2020.10.07 |
'판매자 정보를 Google sellers.json 파일에 게시하시기 바랍니다.' 구글 애드센스(Google Adsense) 경고 메시지 이슈 해결 (0) | 2020.10.07 |
티스토리 블로그 양 사이드에 따라 다니는 애드핏(또는 애드센스) 광고 넣기 (44) | 2020.10.06 |
티스토리(TISTORY) 블로그 제목에 반응형 웹 CSS 스타일 설정하기 (0) | 2020.10.06 |
티스토리 블로그 글꼴 변경 및 무료 폰트 사이트 추천 (초급 버전) (8) | 2020.10.06 |
'가치 있는 인벤토리: 콘텐츠 없음' 구글 애드센스(Google Adsense) 광고 승인 위반사항 이슈 해결 (0) | 2020.10.05 |
댓글