AMP for WP 자동 광고 적용 방법｜AMP 애드센스 자동 광고 설정

AMP for WP 자동 광고를 적용하려고 했을 때 의외로 가장 오래 걸린 부분은 광고 코드 자체가 아니었습니다. 이미 애드센스 광고는 정상적으로 운영하고 있었고 AMP 페이지도 잘 열리고 있었습니다.

그런데 일반 페이지에서는 자동 광고가 나오는데 AMP 페이지에서는 앵커 광고나 전면 광고가 전혀 표시되지 않았습니다. 처음에는 애드센스 승인 문제나 광고 제한 때문이라고 생각했습니다. LiteSpeed Cache 캐시도 삭제해 보고 QUIC.cloud 캐시도 비워봤지만 변화는 없었습니다.

며칠 동안 AMP 페이지를 확인한 결과 문제는 캐시가 아니라 AMP 전용 광고 코드 적용 위치에 있었습니다. AMP는 일반 워드프레스 테마에서 사용하는 광고 코드가 그대로 동작하지 않는 경우가 많습니다.

특히 AMP for WP 자동 광고 기능을 사용하려는 경우에는 AMP 전용 코드를 별도로 입력해야 자동 광고가 정상적으로 노출됩니다.

AMP 페이지에서 광고가 나오지 않았던 이유

AMP for WP 자동 광고를 적용한 상태에서도 상단 광고와 하단 광고는 정상적으로 표시되고 있었습니다. 문제는 자동 광고였습니다. 애드센스 자동 광고는 일반 페이지에만 적용되고 AMP 페이지에서는 작동하지 않았습니다.

모바일 방문자가 많아질수록 AMP 페이지 광고 비중도 중요해지는데 수익이 기대보다 낮게 나오는 이유가 여기에 있었습니다. 설정을 다시 확인해 보니 AMP 전용 자동 광고 코드가 AMP for WP 내부에 추가되지 않은 상태였습니다.

AMP for WP 고급 설정으로 변경

AMP for WP를 처음 설치하면 기본 설정 모드로 사용하는 경우가 많습니다. 자동 광고 관련 메뉴는 고급 설정 모드에서 확인할 수 있습니다. 먼저 AMP 메뉴로 이동한 뒤 Advanced Setup 모드를 활성화해야 합니다.

AMP for WP Advanced Setup 모드를 선택하는 워드프레스 화면 — AMP for WP 고급 설정 모드 활성화 화면

고급 설정으로 변경하면 숨겨져 있던 메뉴들이 추가로 나타납니다. 이 단계가 되어야 광고 코드 입력 영역도 사용할 수 있습니다.

AMP for WP 자동 광고 코드 입력 위치

고급 설정을 활성화한 뒤에는 AMP 메뉴의 General 항목 아래에 있는 Advance Settings로 이동합니다. 광고 코드를 넣는 위치가 생각보다 깊숙한 곳에 있어서 처음 설정할 때 찾기 어려웠습니다.

AMP for WP 고급 설정 화면에서 Advance Settings 메뉴 — Advance Settings 메뉴 위치

해당 메뉴 안으로 들어가면 스크롤 아래쪽에서 HTML 입력 영역을 찾을 수 있습니다.

AMP for WP Enter HTML in Head 설정 화면 — AMP 광고 코드를 입력하는 Head 영역

이곳에 애드센스에서 제공하는 AMP 전용 Head 코드를 입력합니다. Body 코드 역시 아래쪽 입력 영역에 함께 추가해야 정상적으로 동작합니다.

애드센스에서 AMP 광고 코드 확인

애드센스 자동 광고 설정 화면에서는 AMP 사용 여부를 따로 선택할 수 있습니다. AMP 옵션을 활성화하면 일반 광고 코드와 다른 AMP 전용 코드가 생성됩니다. Head 코드와 Body 코드를 각각 복사한 뒤 AMP for WP 입력 영역에 넣어 저장하면 됩니다.

애드센스 자동 광고에서 AMP 사용이 설정된 화면 — 애드센스 AMP 자동 광고 활성화 상태

저장 후에는 LiteSpeed Cache 캐시와 AMP for WP 캐시를 함께 비우는 것이 좋습니다. 캐시가 남아 있으면 설정이 적용됐어도 광고가 바로 보이지 않는 경우가 있습니다.

적용 후 달라진 점

설정을 마친 뒤 AMP 페이지 소스를 다시 확인해 보니 AMP 광고 관련 코드가 정상적으로 출력되기 시작했습니다. 이후 모바일 AMP 페이지에서도 앵커 광고와 자동 광고 영역이 노출됐습니다.

OpenLiteSpeed와 LiteSpeed Cache 환경에서는 캐시 제거 후 반영 여부를 확인하는 과정이 중요했습니다. 설정 자체는 올바른데 캐시 때문에 적용되지 않은 것처럼 보이는 경우가 있었기 때문입니다.

현재는 AMP 페이지에서도 광고가 정상적으로 표시되고 있으며 별도의 오류 메시지도 나타나지 않고 있습니다.

AMP 페이지에서 함께 확인하면 좋은 부분

AMP 광고를 적용한 뒤에는 다음 항목도 함께 확인하는 것이 좋습니다.

AMP 페이지 소스 출력 여부
LiteSpeed Cache 캐시 삭제
QUIC.cloud 캐시 삭제
애드센스 AMP 옵션 활성화
AMP Validator 오류 여부

광고 코드가 정확해도 AMP 오류가 있으면 광고가 정상적으로 표시되지 않을 수 있습니다.

FAQ

AMP for WP 자동 광고가 바로 나타나지 않는데 정상인가요?

네. 캐시가 남아 있으면 반영까지 시간이 걸릴 수 있습니다. 캐시를 비운 뒤 다시 확인하는 것이 좋습니다.

AMP for WP 자동 광고는 Head 코드만 넣으면 되나요?

아닙니다. 애드센스에서 제공하는 AMP 전용 Head 코드와 Body 코드를 모두 입력해야 합니다.

AMP for WP 자동 광고 설정 후에도 광고가 안 보입니다.

애드센스 AMP 옵션 활성화 여부와 AMP Validator 오류를 함께 확인해 보는 것이 좋습니다.