Chrome DevTools는 Chrome 브라우저에 직접 빌드된 웹 개발자 도구 모음입니다. 이러한 도구를 사용하면 페이지의 렌더링 HTML(DOM) 및 네트워크 활동을 검사하고 광고 게재 문제를 해결할 수 있습니다.
광고 요청 전송 여부 확인
다음은 DevTools를 사용하여 내 웹사이트 페이지에서 광고 요청이 전송되고 있는지 확인하는 방법입니다.
- 확인하려는 페이지를 방문합니다.
- 페이지를 마우스 오른쪽 버튼으로 클릭하고 Inspect를 클릭하여 DevTools를 엽니다. 또는
Command+Option+C
(Mac) 또는Ctrl+Shift+C
(Windows, Linux, Chrome OS)를 눌러도 됩니다. - Network 탭을 클릭합니다.
- 필터 입력란에
ads?
를 입력합니다.내 페이지에서 전송한 모든 애드센스 또는 Ad Manager 광고 요청이 요청 표에 표시됩니다.
- 광고 요청 목록을 검토합니다.
표시되는 내용 의미 ads?client
로 시작하는 광고 요청애드센스 광고 요청이 페이지에서 전송되었습니다. 광고 요청 없음 페이지에서 광고 요청이 전송되지 않아 페이지에 광고가 게재되지 않습니다. 또는 클라이언트 측에서 문제가 발생하여 광고 요청을 전송하지 못하는 것일 수 있습니다.
권장 조치
- 코드 구현 가이드를 검토하여 광고 단위를 올바르게 구현했는지 확인합니다.
- 아래 설명에 따라 클라이언트 측 오류를 확인합니다.
'Status'가 403
인 빨간색 광고 요청서버가 광고 요청을 받았지만 사이트 또는 계정에서 광고를 게재할 수 없다고 응답했습니다. 일반적으로 'Status'
403
은 정책 시행으로 인해 또는 사이트가 승인되지 않은 경우에 반환됩니다.권장 조치
- 애드센스 정책 센터를 통해 사이트에 정책 관련 시정 조치가 없는지 확인합니다.
- 사이트 페이지에서 사이트 상태가 '준비됨'인지 확인합니다.
'Status'가 200
이지만 광고가 여전히 게재되지 않는 광고 요청ads.txt 구현에 문제가 있을 수 있습니다. 이 문제를 해결하려면 ads.txt 문제 해결 도구를 방문하세요.
클라이언트 측 오류 확인
애드센스 광고 코드를 올바르게 구현했더라도 클라이언트측 오류로 인해 페이지에서 광고 요청이 전송되지 않을 수 있습니다. 이는 브라우저(예: 확장 프로그램) 또는 애드센스 자바스크립트(adsbygoogle.js
)에 구현된 유효성 검사 오류 때문일 수 있습니다.
다음은 DevTools를 사용하여 페이지에서 클라이언트측 오류를 확인하는 방법입니다.
- 확인하려는 페이지를 방문합니다.
- 페이지를 마우스 오른쪽 버튼으로 클릭하고 Inspect를 클릭하여 DevTools를 엽니다. 또는
Command+Option+C
(Mac) 또는Ctrl+Shift+C
(Windows, Linux, Chrome OS)를 눌러도 됩니다. - Console 탭을 클릭합니다.
- 다음 오류가 있는지 확인합니다.
표시되는 내용 의미 ERR_BLOCKED_BY_CLIENT
브라우저가
adsbygoogle.js
(애드센스에서 광고를 게재하는 데 사용하는 자바스크립트)를 다운로드하지 못하도록 차단했습니다. 이는 대개 브라우저에 설치된 확장 프로그램(예: 광고 차단 프로그램)으로 인해 발생합니다.예:
GET https://pagead2.googlesyndication.com/
pagead/js/adsbygoogle.js net::ERR_BLOCKED_BY_CLIENTadsbygoogle.js
오류adsbygoogle.js
의 유효성 검사에서 오류를 반환한 경우입니다. 이러한 유효성 검사를 통해 광고 요청이 광고와 일치하는 경우에만 광고가 게재되도록 할 수 있습니다.애드센스에서 페이지에 반응형 광고를 게재하려고 하는데 게재할 공간이 충분하지 않을 때 자주 발생하는 오류입니다.
예:
adsbygoogle.push() error: Fluid responsive ads
must be at least 250px wide: availableWidth=0