애드센스 팁 : 티스토리 블로그 웹화면에서 모바일 광고제거

개인 블로그에 애드센스 광고를 붙여 블로그 운영비용을 충당하시는 경우가 많다.

애드센스 광고는 한 화면에서 최대 3개의 광고만 노출되므로,

-PC화면에 노출되는 광고만을 노출하고

-Mobile광고가 PC화면에서 노출되면 UI가 깨지니.

애드센스 모바일 광고를 PC화면에서 노출하지 않는 방법을 설정하면 좋다.

우선은, Adsense 모바일 광고 코드를 생성한다.

Adsense 모바일 광고 생성.

1. www.google.com/adsense 에서 광고 계정 생성/로그인.

  

2. '내 광고' 메뉴에서, '+새 광고 단위'를 선택 후 모바일 광고 단위를 만듦.

3. 모바일 광고의 코드 복사.

   아래 첨부 이미지의 '코드 가져오기'를 선택 후, 복사

Adsense 모바일 광고를 서식으로 저장.

*모바일 광고 코드를 '서식'으로 블로그에 저장하여, 포스팅을 매번 할 때마다, 모바일 애드센스를 포스트에 삽입하는 방법.

1. '글쓰기'의 텍스트 에디터 화면에서 '서식' 선택. HTML을 선택.

2. 복사해온 모바일 광고의 '코드'를 이 서 안에 넣어 서식을 저장함.

<div class="AdsenseMobile" style="width: 300px; margin: 5px auto; text-align: center" id="Ad1">

'모바일 광고' 코드

</div>

모바일 광고의 '서식'을 PC에서 노출되지 않게, 블로그 HTML/CSS에 삽입

1.Adsense 모바일 광고 서식으로 저장되어 있는 광고의 ID가 'Ad1'로 저장되어 있음.

아래의 코드를, 블로그의 관리화면 > 꾸미기 > HTML/CSS 편집 선택.

2. 'HTML/CSS편집'의 'Skin.html'에서 '아래의 코드를 </body> 앞에 삽입.

<script language="JavaScript" type="text/javascript">

 document.getElementById("Ad1").innerHTML='<!-- 모바일 광고 1 삭제 -->';

</script>

3. 'Ad1'으로 저장된 모바일 광고의 서식은 PC화면에서 노출되지 않음.