AMP(Accelerated Mobile Pages)는 모바일 환경에서 웹페이지의 로딩 속도를 극대화하기 위해 구글이 개발한 프레임워크입니다. 그러나 AMP를 적용할 때 일부 자동 광고 설정에서 오류가 발생할 수 있습니다. 특히, "맞춤 자바스크립트는 허용되지 않습니다."라는 오류는 애드센스 자동 광고 코드가 AMP 환경에 적합하지 않을 때 나타납니다.
이 글에서는 해당 오류의 원인과 해결 방법을 상세하게 설명하며, AMP에서 자동 광고를 정상적으로 설정하는 방법을 안내하겠습니다.
1. 맞춤 자바스크립트 오류란?
AMP는 특정한 제한된 방식으로만 자바스크립트를 사용할 수 있도록 설계되어 있습니다. 따라서 표준 HTML 페이지에서 사용하는 일반적인 자바스크립트 코드를 AMP 페이지에 적용하면 오류가 발생할 수 있습니다.
1.1 개발자 도구에서 오류 확인
AMP 페이지에서 자동 광고를 설정한 후, 오류가 발생하는지 확인하려면 브라우저의 개발자 도구(Console 탭)를 열어보세요. 만약 "맞춤 자바스크립트는 허용되지 않습니다."라는 오류 메시지가 표시된다면, 사용 중인 자동 광고 코드가 AMP에서 지원되지 않는 코드일 가능성이 높습니다.
1.2 구글 서치 콘솔에서 오류 확인
구글 서치 콘솔을 활용하면 AMP 페이지의 오류를 보다 명확하게 확인할 수 있습니다.
- 구글 서치 콘솔에 접속합니다.
- AMP 오류가 발생한 페이지를 선택합니다.
- 오류 상세 정보를 확인하여 "맞춤 자바스크립트는 허용되지 않습니다." 오류가 있는지 확인합니다.
- 오류가 발생한 코드를 분석하여 수정이 필요한 부분을 찾습니다.
2. AMP 자동 광고 설정 방법
AMP에서는 일반적인 자동 광고 코드가 정상적으로 동작하지 않습니다. 따라서 AMP 전용 애드센스 자동 광고 코드를 사용해야 합니다.
2.1 애드센스에서 AMP 전용 광고 코드 확인하기
- 애드센스 관리자 페이지에 로그인합니다.
- 왼쪽 메뉴에서 광고를 선택합니다.
- 사이트에서 광고 설정으로 이동합니다.
- 사이트 목록에서 AMP를 적용한 웹사이트를 선택합니다.
- 광고 유형에서 "AMP 사용 설정"을 활성화합니다.
- "AMP 코드 보기" 버튼을 클릭하여 AMP 전용 광고 코드를 확인합니다.
2.2 AMP 자동 광고 코드 추가하기
AMP 자동 광고 코드는 <head> 부분과 <body> 부분에 각각 추가해야 합니다.
(1) <head> 부분 코드 추가
(2) <body> 부분 코드 추가
위 코드에서 ca-pub-XXXXXXXXXXXXXXX는 본인의 애드센스 퍼블리셔 ID로 변경해야 합니다.
3. AMP 자동 광고 적용 후 검증하기
AMP 전용 광고 코드를 적용한 후, 정상적으로 작동하는지 검증하는 과정이 필요합니다.
3.1 AMP 페이지 유효성 검사
AMP 페이지가 정상적으로 작동하는지 확인하려면 브라우저 개발자 도구에서 AMP 유효성 검사를 실행할 수 있습니다.
- AMP 페이지에 접속합니다.
- URL 끝에 #development=1을 추가합니다.
- 개발자 도구(Chrome: F12 또는 Ctrl+Shift+I)를 열고 Console 탭을 확인합니다.
- 오류 메시지가 없는지 확인합니다.
3.2 구글 서치 콘솔에서 확인
애드센스 자동 광고 적용 후, 구글 서치 콘솔에서 오류가 해결되었는지 다시 확인해봅니다.
- 서치 콘솔에서 AMP 페이지를 다시 검사합니다.
- "맞춤 자바스크립트는 허용되지 않습니다." 오류가 사라졌는지 확인합니다.
- 광고가 정상적으로 표시되는지 확인합니다.
4. AMP 자동 광고 적용 시 주의할 점
AMP 환경에서는 일부 광고 형식이 제한되기 때문에 설정 과정에서 다음 사항을 유의해야 합니다.
4.1 광고 레이아웃 최적화
AMP 페이지의 특성상 레이아웃이 중요한 역할을 합니다. 광고가 페이지의 콘텐츠를 방해하지 않도록 신중하게 배치해야 합니다.
4.2 AMP 캐시 갱신
AMP 페이지는 구글 AMP 캐시에 저장되어 제공되기 때문에 변경 사항이 즉시 반영되지 않을 수 있습니다. AMP 캐시를 갱신하려면 다음 단계를 따르세요.
- AMP 페이지 URL 끝에 ?amp=1을 추가하여 직접 접속합니다.
- 구글 검색에서 해당 페이지를 재색인 요청합니다.
- 몇 시간 후 다시 확인하여 변경 사항이 반영되었는지 확인합니다.
4.3 기타 AMP 광고 문제 해결 방법
- 광고가 표시되지 않는다면, AMP 플러그인 설정을 확인하세요.
- 광고 차단 확장 프로그램이 영향을 주고 있지 않은지 확인하세요.
- AMP 페이지가 올바르게 인덱싱되었는지 구글 서치 콘솔에서 확인하세요.
결론
AMP 환경에서 "맞춤 자바스크립트는 허용되지 않습니다." 오류가 발생하는 이유는 일반적인 자동 광고 코드가 AMP에서 허용되지 않기 때문입니다. 이를 해결하기 위해서는 AMP 전용 애드센스 자동 광고 코드를 사용해야 합니다.
이 글에서는 오류 확인 방법부터 AMP 전용 코드 적용 방법, 그리고 검증 및 최적화 과정까지 상세하게 설명했습니다. AMP 환경에서 애드센스를 올바르게 설정하면 빠른 로딩 속도와 원활한 광고 수익 창출을 동시에 달성할 수 있습니다.
AMP 페이지에서 광고 문제를 겪고 있다면, 위 내용을 참고하여 설정을 수정해 보시길 바랍니다.
'IT' 카테고리의 다른 글
| Robots.txt 웹마스터도구 재요청으로 최신 내용 적용하기 (0) | 2025.01.17 |
|---|---|
| Astra 테마 사이트 제목 늘어지는 현상 해결 방법 (0) | 2025.01.17 |
| LiteSpeed Cache 모바일 캐시: 반응형 테마와 AMP 설정 가이드 (0) | 2025.01.17 |
| 브라우저에서 인터넷 끊기는 현상 대처하는 방법 (0) | 2025.01.17 |
| Chrome 브라우저 ERR_QUIC_PROTOCOL_ERROR 오류 해결 방법 (0) | 2025.01.17 |