알짜게시판

[HTML] 애드센스 충돌 문제 해결하기

블로그 운영자라면 한 번쯤은 경험하는 문제가 있습니다. 바로 애드센스 광고가 정상적으로 뜨지 않거나, 콘솔에 에러가 발생하는 경우입니다. 특히 postMessage와 관련된 오류는 자바스크립트 코드와 애드센스 광고 스크립트가 충돌해서 발생할 수 있습니다. 이 글에서는 그 원인과 해결 방법을 정리했습니다.


애드센스 광고가 뜨지 않는 이유

애드센스 광고가 표시되지 않는 원인은 크게 두 가지로 나눌 수 있습니다.

  • 애드센스 계정, 정책, 광고 재고 문제로 인해 광고가 차단된 경우
  • 자바스크립트 코드에서 애드센스가 보내는 메시지를 잘못 처리해 충돌이 생기는 경우

첫 번째는 구글의 정책이나 계정 상태를 점검해야 하고, 두 번째는 우리가 직접 수정할 수 있습니다.


postMessage와 애드센스

애드센스는 광고를 iframe으로 불러옵니다. 이때 광고 스크립트는 postMessage API를 통해 브라우저와 통신합니다. 문제는 페이지에 등록된 message 이벤트 리스너가 이 메시지를 무조건 처리하려고 하면, 비JSON 데이터JSON.parse 하면서 에러가 발생한다는 점입니다. 이 때문에 광고가 중단되거나 화면에 노출되지 않는 현상이 생깁니다.


최종 코드

이 문제를 피하기 위해 메시지 수신 코드를 간단하게 작성할 수 있습니다. 출처(origin)를 체크해서 내 사이트가 보낸 메시지만 처리하도록 하는 방식입니다.

function recvApp(e)
{
    if (e.origin && e.origin !== window.location.origin) {
        return;
    }

    var json = JSON.parse(e.data);

    ...
}

window.addEventListener('message', recvApp);

코드 설명

  • if (e.origin && e.origin !== window.location.origin)
    현재 페이지의 출처와 다른 곳에서 보낸 메시지는 모두 무시합니다.
  • JSON.parse(e.data)
    메시지를 JSON 객체로 변환합니다. 내 사이트에서 보낸 메시지만 처리하도록 제한했기 때문에 충돌을 줄일 수 있습니다.

정리

애드센스와 같은 광고 스크립트는 기본적으로 postMessage를 사용합니다. 따라서 메시지 처리 코드를 작성할 때는 반드시 출처를 확인하고, 내 사이트에서 보낸 메시지만 다루는 것이 안전합니다. 위와 같이 코드를 수정하면 애드센스와의 충돌로 인한 오류를 막고 광고 노출 문제도 예방할 수 있습니다.

로그인 후 댓글내용을 입력해주세요

제목 글쓴이 조회 날짜
[윈도우] 윈도11 강제업데이트 피하고 윈도10 계속 쓰기 8,347 25-10-12
[리눅스] PHP 파일 업로드 용량 늘리기 23,778 25-10-03
[HTML] 애드센스 충돌 문제 해결하기 45,009 25-09-20
[파이썬] Python Playwright로 Edge 브라우저 제어하기 57,699 25-09-12
[델파이] TDirectory.Delete 대신 CMD 으로 폴더 삭제 60,032 25-09-10
[HTML] 애드센스 자동 광고 사용 시 빈 화면이 출력된다면? 158,463 25-06-20
[워드프레스] xmlrpc.php 차단으로 보안 강화하기 136,285 25-06-05
[델파이] 폼이 모니터 한 가운데 있는 경우 자연스럽게 왼쪽으로 이동시키기 133,870 25-05-26
[윈도우] WSH script registration is not valid. 133,978 25-05-23
[워드프레스] 제목 블록 기본값을 H5로 변경하는 방법 115,429 25-05-22
[파이썬] 동영상 특정 영역 모자이크(흐리게) 하기 47,036 25-04-30
[리눅스] 구글 크롬 콘솔 'Attestation check for Topics on' 에러 원인 & 해결방… 60,135 25-04-11
[크롬] 개발자 도구(DevTools)에서 붙여넣기 안될때 72,380 25-03-10
[그누보드] SmartEditor2Skin.html 다운로드 되는 현상 110,363 25-01-08
[PHP] 검색 로봇 접속시 종료 56,639 24-10-07
[리눅스] PHP-FPM 튜닝을 위한 메모리 계산 41,672 24-08-29
[윈도우] 아이폰 벨소리 쉽게 추가하기 94,540 24-06-14
[윈도우] C:\Windows\Installer 폴더 다른 드라이브로 옮기기 105,237 24-05-29
[PHP] REQUEST 값 받기(application/json 포함) 99,556 24-04-20
[리눅스] 데몬(systemd service) 작성 및 실행하기 66,340 24-03-14
[MySQL] 업데이트 이후 에러 발생([ERROR] Incorrect definition of table … 91,987 23-12-08
구글 크롬 탭검색 비활성화 72,868 23-12-04
[MySQL] MySQL, MariaDB 업데이트 73,876 23-11-24
[아이폰] HTTPS 감청 우회하기 375,498 23-11-01
[러스트] Windows에 Rust 설치하기 57,813 23-10-05
[ReactNative] android directory was detected in the project. 65,755 23-07-20
[리눅스] 메일(Mail) 삭제/초기화 58,597 23-07-18
[델파이] 윈도우 알림센터에 메시지 출력하기 55,877 23-06-20
텔레그램 봇 (Telegram Bot) 만들기 38,493 23-05-03
[부트스트랩] nav 에서 하위 항목 활성화 시 부모 항목 활성화 35,225 23-04-30
[리눅스] PHP 버전 추가하기 34,984 23-04-29
목록
IT기술사주클럽지원톡톡클라우드AI자기계발