광고 스크립트를 정적으로 로드하기

개요

이 감사에서는 광고 스크립트가 페이지에 삽입되는지 여부를 확인합니다. 페이지의 다른 리소스는 삽입된 스크립트가 실행되면 광고 로드가 지연됩니다. 어떤 경우에는 스크립트를 전혀 가져올 수 없어 광고가 있습니다.

권장사항

비동기 스크립트 태그를 통해 스크립트를 로드하여 속도를 높입니다. 브라우저 미리 로드 스캐너 렌더링 차단 리소스가 차단되고 있더라도 스크립트 태그를 더 일찍 가져올 수 있음 스크립트 실행을 수정합니다.

<script>
  var el = document.createElement('script');
  el.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
  var node = document.getElementsByTagName('script')[0];
  node.parentNode.insertBefore(el, node);
</script>

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

삽입된 광고 스크립트의 소스 확인하기

때로는 광고 스크립트가 페이지에 삽입되는 방식과 아예 분사되고 있다고 상상해 보세요. 예를 들어 소스 코드를 스크립트가 로드되면 삽입된 스크립트 태그가 정적으로 로드된 태그와 구분할 수 없는 것입니다.

이 경우 Chrome DevTools의 '네트워크' 탭을 사용하여 소스를 결정하세요. 광고 스크립트를 삽입할 수 있습니다

1. Control+Shift+J 또는 Command+Option+J (Mac)를 눌러 DevTools를 엽니다.
2. 네트워크 탭으로 이동합니다.
3. 아직 표시되지 않으면 필터를 클릭합니다. 를 눌러 필터 표시줄을 열고 이 감사에서 신고한 스크립트의 이름을 텍스트 상자에 입력합니다.
4. 표시되지 않은 경우 표 헤더를 마우스 오른쪽 버튼으로 클릭하고 네트워크 요청에 Initiator 열을 포함하는 Initiator(시작자) 폭포식 구조 테이블
5. 페이지를 새로고침하여 네트워크 트래픽을 캡처합니다.

위의 스크린샷에서 볼 수 있듯이 '시작자' 열에는 정보를 제공해 주세요 소스 링크를 클릭하면 광고 스크립트 요청 실행을 담당하는 코드로 바로 이동하는 경우 소스 링크 위로 마우스를 가져가면 요청으로 이어지는 모든 호출을 확인할 수 있습니다.

추가 정보

이 감사는 안전한 것으로 알려진 광고 스크립트의 허용 목록에 대해 작동합니다. 정적으로 로드됩니다. 현재 목록은 다음과 같습니다.

document.write()에 대한 개입
스크립트 삽입 '비동기 스크립트' 유해한 것으로 간주됨
비동기 스니펫 속도 향상