본문으로 바로가기


애드센스 광고 티스토리 본문 상단, 하단에 삽입하는 방법






 드디어 저도 블로그 시작한지 2~3주만에 구글 애드센스를 최종승인받았습니다.

저는 1차, 2차 승인따로없이 그냥 한번에 최종승인을 받았는데 원래 이렇게도 한번에 승인이 되는지는 잘 모르겠습니다.

그래서 승인 겸 첫 구글 애드센스 관련 글을 써보네요.


애드센스를 최종 승인받은후 티스토리 본문 상단,하단에 애드센스를 삽입하는 방법알려드리겠습니다.


맨 처음에는 구글 애드센스 페이지에서 광고코드를 발급 받으셔야되는데요,




이렇게 구글 애드센스 페이지 로그인하시고

' 내 광고 -> 광고 단위 -> 새 광고 단위 '

순으로 들어가셔서 광고를 생성하시고 코드를 발급받습니다.





코드를 발급받으셨으면 티스토리 관리자 페이지로 오셔서

' 플러그인 설정 -> Google AdSense(반응형) '

제 블로그는 반응형 스킨 블로그기 때문에 반응형 플러그인을 선택해주었습니다.



그리고 아까 발급받으신 코드중에

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>

이 부분을 제외하고 상단/하단 부분에 코드를 삽입후 저장 해주세요.





마지막으로 HTML 편집으로 오셔서 아까 제외해놓은 코드를 

위 사진과 같이 헤드 부분에 넣어주시면 끝입니다.


처음 광고를 생성하고 나서는 빠르면 5~10분만에도 뜨지만

늦으면 약 2시간까지 걸린다고하니 광고가 안뜨고 흰색부분으로 비어있다고 신경쓰지마시고

편하게 기다리시면 곧 나올겁니다^^

상단/하단 같이 광고 생성했는데 상단은 10분만에 뜨고 하단은 2시간 정도 지나니 뜨더라구요,

같이 만들었다고 같은시간에 같이 나오는것도 아닌거같습니다.



번외로.. 사이드바에 삽입하는건 코드 부분을 수정해야 하는데 스킨마다 달라서 따로 안적으려다가

혹시 저랑같은 스킨 쓰시는분이면 도움되시라고 적겠습니다.

제 스킨은 "CCZ-CROSS" 구요 반응형 스킨입니다.

스킨은 " http://ccz-cross.tistory.com/notice/11 "

위 주소로 가시면 받을수있습니다.


HTML 편집부분 가셔서



사이드바 부분 영역 찾아주시고,

저는 카테고리 위쪽에 애드센스를 삽입했습니다.


<s_sidebar>
	<s_sidebar_element>
		<!-- 구글 애드센스 -->
 		<div class="module module-ad hidden-xs hidden-sm"> 
	<!-- 사이드 광고 삽입영역 --> 
		</div> 
</s_sidebar_element>


이런식으로 삽입해주시면 됩니다.

그리고 CSS로 가셔서


/* 애드센스 */ 
.adsence-ct {margin-bottom: 15px}
.adsence-cb {margin-top: 15px; margin-bottom: 30px;}
.module-ad {margin: 15px 10px;}


애드센스 모듈 스타일을 수정해주시면 끝.



사이드바 애드센스 삽입 출처: http://ccz-cross.tistory.com/29