광고 단위 코드를 생성하고 복사한 다음 페이지의 <body>
태그와 </body>
태그 사이에 붙여넣어야 합니다. 광고 코드를 <body>
태그 외부에 붙여넣을 경우 광고가 제대로 게재되지 않습니다.
팁: HTML에 대해 자세히 알아보려면 'HTML 기본사항'과 같은 검색어를 이용해 온라인 자료를 검색해 보세요.
광고 단위 코드가 추가되기 전의 HTML 페이지 예
<html>
<head>
페이지 헤드입니다.
<title>HTML 페이지 예</title>
</head>
<body>
페이지 본문입니다.
</body>
</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?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>
<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로 사이트에서 광고의 위치 지정
사이트의 다른 요소(이미지, 사진 등)와 마찬가지로 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?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>
<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>
참고: 이는 샘플 코드일 뿐이므로 사이트의 HTML에 사용하지 마세요.