google adsense 광고에 적용하는 inline CSS code 예제

Google Adsense Help / Ad units의 다음 페이지 참고

"How to modify your responsive ad code"

---

다음 작업은 html 파일에 관련 코드를 추가하는 요령입니다. 티스토리 배포 스킨에서는 'skin.html' 파일을 수정합니다.

 

1. 애드센스 개별 광고(display ad unit) 페이지에서 제공하는 코드를 위한 클래스를 지정합니다. 아래 예문에서는 "ads_aside" 클래스를 추가하였습니다. 블로그 사이드바에 부착하는 광고라서 위치 확인이 편한 이름을 사용하였습니다.

 

<ins class="adsbygoogle ads_aside"
     style="..."
     data-ad-client="..."
     data-ad-slot="..."></ins>

 

2. 위에서 지정한 클래스를 위한 CSS style 코드를 추가합니다.

 

<style>
.ads_aside { margin-bottom: var(--gbottom); }
</style>

<ins class="adsbygoogle ads_aside"
     style="..."
     data-ad-client="..."
     data-ad-slot="..."></ins>

 

※ 애드센스에서 제공하는 개별 광고의 기본 코드에 지정한 style 항목과 충돌하지 않게 조심합니다.