광고 코드 구현

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

광고 단위 코드를 생성하고 복사한 다음 페이지의 <body> 태그와 </body> 태그 사이에 붙여넣어야 합니다. 광고 코드를 <body> 태그 외부에 붙여넣을 경우 광고가 제대로 게재되지 않습니다.

HTML에 대해 자세히 알아보려면 'HTML 기본사항'과 같은 검색어를 이용해 온라인 자료를 검색해 보세요.

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

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

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

<html>
<head> 페이지 헤드입니다. <title>HTML 페이지 예</title> </head> <body> 페이지 본문입니다.
<script async src="https://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="https://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에 사용하지 마세요.
도움이 되었나요?
어떻게 하면 개선할 수 있을까요?