AMP 애드센스 완벽 가이드: <head> 및 <body> 코드 삽입 공식|올씽블로거
오늘은 구글 애드센스를 AMP(Accelerated Mobile Pages)에 적용하기 위한 구체적인 코드 설정법을 가이드해 드립니다. 전문 SEO 전문가로서, 검색 엔진이 선호하는 표준 방식을 바탕으로 상세히 설명하겠습니다.
AMP 페이지에서 광고를 활성화하려면 일반적인 자바스크립트가 아닌 AMP 전용 컴포넌트 스크립트를 사용해야 합니다. 아래의 단계를 따라 코드를 정확한 위치에 삽입하세요.
1. <head> 섹션: AMP 광고 스크립트 활성화
AMP 페이지가 애드센스 광고를 인식하고 불러올 수 있도록 하려면, 반드시 HTML 문서의 <head>와 </head> 태그 사이에 아래의 중요 라이브러리 스크립트를 삽입해야 합니다.
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
역할: 이 코드는 페이지 내에 사용된 모든
amp-ad태그가 정상적으로 동작하도록 라이브러리를 호출합니다.주의: 한 페이지에 이 코드는 단 한 번만 들어가야 합니다.
2. <body> 섹션: 실제 광고 단위 배치
스크립트를 헤더에 넣었다면, 이제 광고가 노출될 위치에 실제 광고 코드를 삽입해야 합니다. 두 가지 설정 방식 중 본인의 전략에 맞는 것을 선택하세요.
방법 A: AMP 자동 광고 (가장 추천)
구글 AI가 페이지 내 최적의 위치를 찾아 자동으로 광고를 게재합니다. <body> 태그가 시작되는 바로 직후에 삽입하세요.
<amp-auto-ads type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx">
</amp-auto-ads>
data-ad-client: 본인의 애드센스 게시자 ID(ca-pub-으로 시작)로 변경해야 합니다.
장점: 위치를 고민할 필요 없이 구글이 수익성이 높은 곳에 배치합니다.
방법 B: 수동 광고 단위 배치
특정 위치(상단, 본문 중간 등)에 고정으로 광고를 넣고 싶을 때 사용합니다.
<amp-ad width="100vw" height="320"
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="1234567890"
data-auto-format="rspv"
data-full-width="">
<div overflow=""></div>
</amp-ad>
data-ad-slot: 애드센스에서 생성한 해당 광고 단위의 고유 번호를 입력합니다.
data-auto-format="rspv": 모바일 기기 화면 크기에 맞게 광고 크기가 자동으로 조절되는 반응형 설정입니다.
3. 설정 시 필수 체크리스트 (SEO 및 수익 최적화)
중복 제거: 워드프레스 플러그인(Site Kit 등)을 사용 중이라면 코드가 중복 삽입되지 않도록 주의하세요. 중복 시 페이지 속도가 저하될 수 있습니다.
유효성 검사: 코드 삽입 후 반드시
AMP 테스트 도구 https://search.google.com/test/amp 수익 일관성: AMP 페이지라고 해서 광고를 너무 적게 넣으면 전체 수익이 감소하므로, 일반 페이지와 비슷한 수준의 광고 밀도를 유지하는 것이 좋습니다.
결론 및 CTA
AMP 설정은 코드를 정확한 위치에 넣는 것에서 시작됩니다. 위에서 설명드린 <head> 스크립트와 <body> 광고 코드를 올바르게 적용하여 모바일 수익을 극대화해 보세요.
검색 엔진 최적화와 수익화의 최신 트렌드를 가장 먼저 알고 싶으신가요? 지금 바로 메일침프 뉴스레터를 구독하시면, abcsense.kr이 제공하는 프리미미엄 비즈니스 인사이트를 메일로 받아보실 수 있습니다!
[함께 읽으면 좋은 글]
[구글 사이트킷으로 5분 만에 애드센스 연동하기]
[모바일 상위 노출을 위한 AMP 페이지 가속화 팁]
댓글 쓰기
0댓글