📌 1. 애드센스에서 AMP용 광고 코드 가져오기
- 구글 애드센스에 로그인 (https://adsense.google.com)
- “광고” → “개별 광고 단위” → “디스플레이 광고” 선택 또는 코드 생성기
- 광고 유형에서 “AMP” 선택
- AMP 광고 단위를 생성한 후 코드 복사
📌 2. AMP 페이지에 애드센스 코드 삽입
방법은 ① 플러그인 설정에서 삽입하거나 ② 테마 파일 수정하는 방법이 있어.
✅ 방법 1: WP Headers And Footers 플러그인 설치
🔹 Official AMP Plugin 사용 시
- AMP 애드센스 코드를 복사
<head>또는<body>섹션에 코드 삽입
✅ 방법 2: functions.php 또는 테마 파일 직접 수정
- “외모” → “테마 편집기” 이동
header.php또는functions.php파일 열기- 다음 코드를
<head>또는<body>안에 추가:
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
- AMP 광고를 표시할 위치에 다음 코드 추가:
<amp-ad width="100vw" height="320"
type="adsense"
data-ad-client="ca-pub-xxxxxxxxxxx"
data-ad-slot="XXXXXXXXX"
data-auto-format="rspv"
data-full-width="">
<div overflow=""></div>
</amp-ad>
👉 ca-pub-xxxxxxxxxxxxxxx와 data-ad-slot="xxxxxxxx" 부분을 본인 애드센스 코드로 변경해야 함.
📌 3. 설정 적용 후 확인
- AMP 페이지에서 광고가 표시되는지 확인
- 크롬 개발자 도구(F12)에서 콘솔 오류 확인
- AMP 유효성 검사에서 문제 확인: AMP Validator
⚠️ 참고:
- 애드센스 승인되지 않은 경우 광고가 표시되지 않음.
- AMP 페이지에서 일반 애드센스 코드가 아닌 AMP 전용
<amp-ad>태그 사용해야 함. - 코드 삽입 후 적용까지 몇 시간이 걸릴 수 있음.
필요하면 추가 설정도 도와줄게! 😊