Material Design

애드센스 아주 미세 팁

애드센스의 광고는 다음과 같은 HTML코드로 제공되어 원하는 위치에 넣을 수 있습니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle" 
     style="display:block"
     data-ad-client="ca-pub-****************"
     data-ad-slot="*********"
     data-ad-format="auto"
     data-full-width-responsive="true">
</ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

그런데 맨 처음줄에 script 태그는 어디서 본 것 같은 태그인데?? 라고 생각하실수도 있을겁니다.

 

이 코드는 리소스 로드용으로 페이지에 한번만 있어도 되는 태그입니다.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

보통 HTML의 head에 위의 리소스 코드를 넣으므로 아래의 코드만으로 광고를 넣을 수 있습니다.

(HTML에 이미 넣은 경우 제외해도 됩니다. 잘 모르신다면 그냥 중복해서 넣어도 됩니다.)

<ins class="adsbygoogle" 
     style="display:block"
     data-ad-client="ca-pub-****************"
     data-ad-slot="*********"
     data-ad-format="auto"
     data-full-width-responsive="true">
</ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

대부분의 웹브라우저는 캐시를 지원하기 때문에 상관없지만 불필요한 코드를 줄여줄 수 있습니다.

 

많이 쓸모는 없는 미세팁이었습니다.

'애드센스' 카테고리의 다른 글

애드센스 - 스킨편집중 태그 삭제주의  (0) 2020.06.23

댓글