구글 애드센스 광고 중앙정렬하는 방법입니다



구글 애드센스 광고 중에서 크기가 고정된 광고는 보통 좌측 정렬로 되어있습니다.

광고를 중앙 정렬로 하는 방법을 알아보겠습니다.

포스팅 중간에 광고를 넣을 때는 서식에서 중앙 정렬로 넣으면 됩니다.

중앙정렬로 만들어 넣어야 할 때는 HTML에서 상단 혹은 하단에 광고를 넣을 경우에는

이 방법으로 광고가 중앙에 위치하게 됩니다.


보통의 애드센스 광고는 아래와 같이 되어 있습니다.


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


<!-- 광고 이름 -->

<ins class="adsbygoogle act_dis"

     style="display:block"

     data-ad-client="ca-pub-1234567898765"

     data-ad-slot="12345678"

     data-ad-format="auto"></ins>


<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>


이런 형식의 광고를 <div>와</div>사이에 위치시키게 됩니다.


코드를 보시겠습니다.

<div align=center>

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


<!-- 광고 이름 -->

<ins class="adsbygoogle act_dis"

     style="display:block"

     data-ad-client="ca-pub-1234567898765"

     data-ad-slot="12345678"

     data-ad-format="auto"></ins>


<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

코드 중에 <div align=center>는 <div style="text-align: center;"> 이렇게 적는 것이 올바를지도 모르겠습니다만,

간단하게 작성해도 문제없이 적용됩니다.

서식을 만들 때도 위와 같이 작성하면 되죠.

반응형 광고는 게시판 넓이에 비례해서 광고가 만들어집니다.

이 방법은 광고의 크기가 작은 박스형에 적용되겠습니다.



댓글(0)

Designed by JB FACTORY

티스토리 툴바