티스토리에 구글 애드센스 모바일 광고 붙이기

티스토리는 모바일 스킨을 수정할 수 없기 때문에 구글 애드센스 모바일 광고를 붙이려면 HTML 상태에서 직접 코드를 본문에 붙여넣어야 한다.

이까지는 모바일 광고를 붙이는 데 문제가 없다.

문제는 모바일 광고가 데스크탑에서 보인다는 점이다. 이 문제를 해결하려면 pc용 티스토리에서 모바일 광고가 보이지 않도록 하는 게 필요하다.

여기에 대해서는 여러 블로그가 있었지만 가장 간단하게 실행할 수 있는 방법을 하나 택했다.

도움 받은 블로그 : http://bonik.me/m/post/view/id/553

pc용 티스토리에서 모바일 광고가 보이지 않게 하려면 데스크탑용 스킨에서 css를 이용해서 모바일 광고를 숨겨준다.

사진에서 하늘색으로 표시한 부분이다.

사실 주석 부분은 그냥 알기 쉽게 하려고 일부러 붙인 부분이고,

그 아랫줄을 보면 그냥 <div class="mobile_ad"> 로 된 부분을 보여주지 말라는 뜻이다.

그리고 본문 아래에 아래와 같은 코드를 추가한다.

<div class="mobile_ad">
<script type="text/javascript"><!--
google_ad_client = ";
/* 티스_끝물_320x50 */
google_ad_slot = "";
google_ad_width = 320;
google_ad_height = 50;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

<div> tag 안쪽은 구글에서 받은 코드를 그대로 붙여 넣으면 된다.

이 사진은 아이폰 캡쳐 화면이다.

아랫쪽에 모바일 광고가 보인다. 그리고 pc로 접속하면 안 보인다.