구글 블로그 Blogger에서 Google 애드센스 광고를 표시하려면 애드센스 자바스크립트 코드가 있어야 합니다. Google 애드센스는 AMP 용 광고를 지원하고 있습니다. AMP 버전에서는 아래 코드를 삽입합니다.
<script async="async" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"/> // <head> 태그 아래에 위의 코드를 추가합니다.
위의 애드센스 코드를 추가하면 다양한 광고를 추가할 수 있습니다. Google 애드센스에서 새로운 광고를 만들 때 두 가지 코드(일반 버전과 AMP 버전)를 선택할 수 있습니다. AMP 전용 애드센스 코드는 다음과 같습니다.
<amp-ad width="300"
height="250"
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"/>코드를 수정하여 가로 세로 크기를 조절할 수 있습니다. 반응형 광고를 삽입해야 할 경우 layout 속성을 추가합나다.
지원하는 레이아웃 : fill ,
fixed , fixed-height ,
flex-item , nodisplay ,
responsive
AMP 블로그에 자동 광고 설치
Google 애드센스 자동 광고는 블로그 관리자가 광고를 쉽게 설치할 수 있습니다. 모든 광고의 배치, 레이아웃 및 크기를 자동으로 조정합니다.
또 사용하기 쉬울뿐만 아니라 제공되는 광고 유형도 다양합니다. 텍스트, 링크 광고, 배너, 인피드 광고, 인아티클 광고, 앵커 광고, 일치하는 콘텐츠 및 비네트 광고
이 자동 광고 기능을 AMP를 사용하는 블로그에서도 사용할 수 있습니다. AMP 블로그에 자동 광고를 설치하려면 아래 단계를 살펴보세요.
AMP 자동 광고 설정
- 애드 센스 계정에 로그인합니다.
- 광고 > 개요 를 클릭합니다 .
- "이미 AMP 사이트가 있습니까?" 를 클릭 합니다.
- AMP 사이트용 애드 센스 코드 페이지에서 "AMP 사이트에 디스플레이 광고를 게재하세요" 를 사용 설정합니다.
-
블로그 > 테마 > HTML 편집에서
<head>와</ head>태그 사이에 스크립트를 복사하여 붙여 넣습니다. -
HTML 편집 페이지에서
<body>태그 바로 다음에 자동 광고 코드를 복사하여 붙여 넣으세요. - 저장을 클릭 합니다. 블로그 페이지에 광고가 표시 되려면 최대 1 시간이 소요될 수 있습니다.
추가 설명 :
<head>와
</ head> 태그 사이에 배치되는 스크립트
<script async="async" custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js"/>
<body> 태그 바로 뒤에 배치되는 자동 광고 호출
코드
<amp-auto-ads type="adsense" data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"/>
마킹 표시된 부분을 본인의 애드 센스 pub ID로 교체하세요.
이 포스팅이 도움이 되었기를 바랍니다.