코드 구현 안내서

HTML(광고 단위)에서 광고 코드를 붙여넣는 위치

광고 단위 코드는 페이지의 <body> 태그와 </body> 태그 사이에 붙여넣는 것이 중요합니다. 광고 코드를 <body> 태그 외부에 붙여넣을 경우 광고가 제대로 게재되지 않습니다.

광고 단위 코드가 추가되기 전의 HTML 페이지 예

<html>
<head>
페이지 헤드입니다.
<title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
</body>
</html>

광고 단위 코드가 본문에 추가된 후의 HTML 페이지 예

<html>
<head>
페이지 헤드입니다.
<title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</body>
</html>
이는 샘플 코드일 뿐이므로 사이트의 HTML에 사용하지 마세요.

HTML로 사이트에서 광고의 위치 지정

사이트의 다른 요소(이미지, 사진 등)와 마찬가지로 HTML 태그(<div>, <table> 등)를 사용하여 페이지에서 Google 광고의 위치를 변경할 수 있습니다. 예를 들어 광고 코드를 HTML 태그 <div align="center"></div> 안에 넣으면 광고가 페이지의 중앙에 게재됩니다.

<html>
<head>
페이지 헤드입니다.
<title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
<div align="center">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>

이는 샘플 코드일 뿐이므로 사이트의 HTML에 사용하지 마세요.
도움이 되었나요?
어떻게 하면 개선할 수 있을까요?