광고 태그
애드센스 광고 태그를 사용하면 광고 게재 및 수익 공유가 가능합니다. 사용자가 애드센스를 사용하여 콘텐츠에서 수익을 창출하도록 선택할 수 있는 모든 페이지에 애드센스 광고 태그를 배치해야 합니다.
이 단계에 접근하는 방식은 광고 설정 관리 및 사용자에게 제공하려는 광고 경험에 따라 달라질 수 있습니다. - 광고 설정을 관리하는 경우 지원하고자 하는 광고 유형과 게재위치를 결정하고 마치 자신의 사이트와 같습니다. 애드센스 계정 내에서 광고 단위를 만들지만 data-ad-client 및 data-ad-host 매개변수는 수정합니다. - 광고 설정 관리 권한을 사용자에게 위임하는 경우 사용자에게 광고 유형 및 게재위치 (왼쪽, 오른쪽, 상단, 하단 등)에 대한 선호도를 물어보고 이러한 환경설정을 사용하여 태그를 지정할 수 있습니다. 네이티브 광고를 지원하려면 광고 태그에 광고 단위 ID가 있어야 하며, 이를 사용자로부터 수집해야 합니다.
광고 태그 매개변수
광고 태그에는 수정해야 하는 필수 매개변수가 두 개 있습니다. 이러한 매개변수는 광고 게재 및 사용자와의 수익 공유를 결정합니다. 이러한 매개변수를 설정하여 플랫폼의 게시자 ID와 사용자의 게시자 ID를 지정합니다. 사용되는 광고 형식에 따라 수정할 수 있는 다른 추가 매개변수가 있습니다.
매개변수 | 필수인가요? | 설명 및 예 |
---|---|---|
data-ad-client |
예 |
사용자의 콘텐츠용 애드센스 게시자 ID (문자열)입니다. 사용자가 가입 절차를 거치면 이 값이 제공됩니다. 수익 공유를 시작하려면 이 값이 필요합니다.
콘텐츠용 애드센스 광고의 경우 이 문자열 앞에 'ca-'를 추가합니다. 또한 매개변수 이름 client 아래 스크립트 태그의 소스 URL에도 표시됩니다.
예: data-ad-client="ca-pub-1234" <ph type="x-smartling-placeholder"> src=".../adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678" </ph>
|
data-ad-host |
예 |
플랫폼의 호스트 속성 ID (문자열)입니다. 이 값은 플랫폼의 애드센스 계정을 식별하며 광고 게재를 시작하는 데 필요합니다.
콘텐츠용 애드센스 광고의 경우 이 문자열 앞에 'ca-host-'를 추가합니다. 또한 매개변수 이름 host 아래 스크립트 태그의 소스 URL에도 표시됩니다.
예: data-ad-host="ca-host-pub-5678" <ph type="x-smartling-placeholder"> src=".../adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678" </ph>
|
data-ad-slot |
디스플레이 광고 단위의 경우 아니요
다른 광고 단위 형식의 경우 예 |
광고 단위와 연결된 ID입니다. 디스플레이 광고 단위의 경우 이 ID는 선택사항이지만 다른 광고 단위 형식의 경우에는 필수 입력란입니다. 광고 단위 ID가 있으면 광고 단위와 연결된 설정이 광고 게재 중에 사용됩니다. 게재 중에 Google은 플랫폼 (data-ad-host ) 및 하위 (data-ad-client ) 계정 모두에서 이 광고 단위 ID를 찾습니다. 이 매개변수는 애드센스에서 광고 단위 보고서를 채우는 데도 사용됩니다 (보고서는 광고 단위가 있는 계정에서만 채워집니다).
|
data-ad-host-channel |
아니요 | 이는 보고 목적으로 사용됩니다. 자세한 내용은 보고서 섹션을 참고하세요. |
중요: 광고 코드에 data-ad-host
매개변수가 없는 경우 애드센스는 data-ad-client
매개변수에서 제공하는 값을 사용하여 광고를 계속 게재합니다. 하지만 플랫폼 계정은 계정에서 노출이 발생하지 않으며 수익 공유가 이루어지지 않습니다. 또는 google-adsense-platform 메타 태그를 사용하여 호스트 게시자 ID가 광고 요청에 포함되도록 할 수 있습니다.
또한 잘못된 사용자에게 수익이 배분되지 않도록 올바른 data-ad-client
게시자 ID를 코드 태그에 배치해야 합니다.
광고 코드의 예
AFP에서 지원하는 각 광고 유형에 대한 코드 예는 아래와 같습니다. 애드센스의 광고 단위 및 자동 광고에 대해 자세히 알아보세요.
디스플레이 광고 단위 코드 (반응형)
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<ins class="adsbygoogle"
style="display:block;"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678"
data-ad-format="auto">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
디스플레이 광고 단위 코드 (고정 크기)
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678">
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
디스플레이 AMP 광고 단위 (반응형)
다음 코드는 페이지의 <head>
에 배치해야 합니다.
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
다음은 <body>
에 배치된 광고 단위의 스니펫입니다.
<amp-ad
width="100vw"
height="320"
type="adsense"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678"
data-ad-slot=""
data-auto-format="rspv"
data-full-width="">
<div overflow="">
</amp-ad>
디스플레이 AMP 광고 단위 (고정 크기)
다음 코드는 페이지의 <head>
에 배치해야 합니다.
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
다음은 <body>
에 배치된 광고 단위의 스니펫입니다.
<amp-ad
layout="fixed"
width="300"
height="600"
type="adsense"
data-ad-client="ca-pub-1234"
data-ad-host="ca-host-pub-5678">
</amp-ad>
자동 광고
다음 광고 태그는 <head>
요소에 배치하거나 가능한 한 페이지 상단에 배치하는 것이 좋습니다.
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
Ad Placement API를 통한 광고
Ad Placement API는 현재 전면 광고와 보상형 광고를 지원합니다. API를 구현하고 맞춤설정하는 방법을 알아보려면 Ad Placement API 개발자 문서를 참고하세요.
플랫폼용 애드센스는 이러한 형식 (현재 웹 트래픽에만 해당)에서 지원됩니다. 유일한 요구사항은 data-ad-host
매개변수가 기본 광고 태그에 포함되어 있다는 것입니다. 아래 예를 참조하세요.
<script async
src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234&host=ca-host-pub-5678"
crossorigin="anonymous">
</script>
<script>
window.adsbygoogle = window.adsbygoogle || [];
var adBreak = adConfig = function(o) {adsbygoogle.push(o);}
</script>