티스토리 #1 사이드바 광고 달기 (글 목록, 본문 좌측)

<!--사이드 광고 소스 코드 시작-->

	<div id="side_ad" style="width: 300px; height: 600px; margin-top: 20px; margin-left: 10px; float: left; position: absolute; display:none">

<!-- 애드센스 광고단위 소스 코드-->

<ins class="kakao_ad_area" style="display:none;" 
 data-ad-unit    = "자신의 스크립트 코드를 " 
 data-ad-width   = "160" 
 data-ad-height  = "600"></ins> 
<script type="복사해서 넣어주세요      " async></script>

<!-- 애드센스 광고단위 소스 코드 끝-->	

	</div>

<script>	

	var window_size=window.getWindowCleintWidth();

	var margin_left = ((window_size-800)/2-8.5-300)/2+"px";

	console.log(margin_left);

	if(window_size>1440){				

			document.getElementById("side_ad").style.display="block";

			document.getElementById("side_ad").style.margin="30px 0 0 "+margin_left;

		}	else if(window_size<=1440 & window_size >1435){			

			document.getElementById("side_ad").style.display="block";

			document.getElementById("side_ad").style.margin="30px 0 0 0"		

		}else{			

			document.getElementById("side_ad").style.display="none";

		}

	

	window.onresize = function() {

		window_size=window.getWindowCleintWidth();

		margin_left = ((window_size-800)/2-8.5-300)/2+"px";

		if(window.getWindowCleintWidth()>1440){					

			document.getElementById("side_ad").style.display="block";

			document.getElementById("side_ad").style.margin="30px 0 0 "+margin_left;

		}	else if(window_size<=1440 & window_size >1435){			

			document.getElementById("side_ad").style.display="block";

			document.getElementById("side_ad").style.margin="30px 0 0 0"		

		}else{			

			document.getElementById("side_ad").style.display="none";

		}

	}

	</script>

<!--사이드 광고 소스 코드 끝-->

위의 코드를 html 편집에 들어가서 추가하면 됩니다!

 

위치는

 

 

아래인데

 

dkContent 를 검색해서 찾으시면 빠르실겁니다.

 

여기서 <!-- 애드센스 광고단위 소스 코드 --> 에서부터 <!-- 애드센스 광고단위 소스 코드 끝 --> 

 

사이에 자신이 가지고있는 광고단위 소스코드를 삽입해주면 됩니다.

 

저는 플러그인에서 만든 pc형 사이드바 광고 스크립트를 넣었습니다.

 

이렇게하면 추가로 사이드바에서 작업해주지 않아도 바로 광고가 적용됩니다.

 

또한 반응형에 맞게 모바일로 들어오게되면, 컨텐츠를 가리지 않고 광고가 표시되지 않습니다.

 

 

 

 

 

이렇게 하면 왼쪽에 제 블로그와 같이 홈과 게시글 내부에서 모두 광고가 적용됩니다!

 

 

 

출처: https://hanazuou.tistory.com/33

 

티스토리 기본스킨#1에 애드센스 사이드 광고(좌측) 달기

 

 

이 블로그 글을 보고 따라했습니다!