이 도움말에서는 애드센스 광고를 게재하기 위해 HTML에 광고 단위 코드를 추가할 위치를 설명합니다.
HTML을 사용하여 작업하는 데 익숙하지 않은 경우 먼저 사용하는 도구에 따라 HTML 페이지에 광고 코드를 붙여넣는 방법에 관한 안내를 참고하세요. 계속하기 전에 애드센스 코드와 광고 단위 코드의 차이점도 알아야 합니다.
이 페이지의 내용
광고 단위 코드를 추가할 위치
광고 단위 코드를 생성하고 복사한 다음 페이지의 <body> 태그와 </body> 태그 사이에 붙여넣어야 합니다. 광고 코드를 <body> 태그 외부에 붙여넣을 경우 광고가 제대로 게재되지 않습니다.
광고 단위 코드를 추가하기 전 HTML 페이지의 예
<html>
<head>
페이지 헤드입니다.
<title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
</body>
</html>
광고 단위 코드를 <body> 태그에 추가한 후 HTML 페이지의 예
<html>
<head>
페이지 헤드입니다.
<title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></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 태그(<div>, <table> 등)를 사용하여 페이지에서 Google 광고의 위치를 변경할 수 있습니다. 예를 들어 광고 코드를 HTML 태그 <div align="center"> 및 </div> 안에 넣으면 광고가 페이지의 중앙에 게재됩니다.
<body> 태그에 광고를 배치하는 데 사용되는 HTML <div> 요소의 예
<html>
<head>
페이지 헤드입니다.
<title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></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>
