구글 애드센스 상단에 2개 적용하는 방법

구글 애드센스 상단에 2개 적용하는 방법

---

특이한 것은 모바일에서 2개가 출력되면 안되기 때문에 @media (max-width : 767px) {}에 adsense-right 가 출력되지 않도록 설정되어져 있습니다.

이유는 모바일에서 같은 위치에 2개의 광고가 동시에 출력이 된다라고 하면 정책에 위반이 되기때문에 이 코드는 반드시 사용을 해야하는 것이지요. 

 

 

 

 

 

 

<style>
  .adsense-table { display: table; width: 100%; margin: 20px 0px; }
  .adsense-sum { display: table-row; }
  .adsense-top { display: table-cell; }
  .adsense-top ins { display: inline-block; width:360px; height: 280px; }
  .adsense-left { text-align: left; }
  .adsense-right { text-align: right; }
  @media ( max-width: 767px ) {
    .adsense-table { display: block; }
    .adsense-sum { display: block; }
    .adsense-top { display: block; text-align: center; }
    .adsense-left ins { display: inline-block; width: 360px; height: 280px; }
    .adsense-right ins { display: none !important; }
  }
</style>

<div class="adsense-table">
  <div class="adsense-sum">
    <div class="adsense-top adsense-left">

     애드센스 코드 1
     
     </div>

    <div class="adsense-top adsense-right">

     애드센스 코드 2

    </div>
  </div>
</div>

 

이 부분에 대해서는 별도로 설명할 게 없기 때문에 위 코드를 가져다가 사용하시면 될 것 같네요 ^^

위의 코드는 제 세컨블로그에 적용되어져있는 코드인데요. 아래의 애드센스 코드 1, 2에 2개의 반응형 광고코드를 넣어서 해당 코드를 티스토리 애드센스 플러그인 상단에 넣어주기만 하면 끝입니다. 

 

티스토리의 구글 애드센스 플러그인 사용 방법

티스토리 플러그인을 사용해서 구글 애드센스에 광고를 적용하는 방법은 아주 간단합니다. 본문의 상단과 하단에 선택적으로 적용을 할 수 있도록 하는 구글 애드센스 플러그인을 사용하기만 하면되는데요.

PC용과 모바일용이 있는데 반응형 하나만 사용해도 무방하니 구글 애드센스(반응형)에 적용을 시켜서 사용을 하시면 굳이 플러그인 여러개 안써도 되니 유용합니다.

1. 플러그인에서 구글 애드센스(반응형)을 클릭한다

2. 플러그인에서 상단광고의 스크립트에 해당 코드를 붙여넣는다.

이처럼 간단하게 자신의 블로그 제일 상단에 구글 애드센스 광고를 2개를 적용하는 방법에 대해서 알아보았습니다.