일반적인 모범 사례

웹사이트에 Google 게시자 태그 (GPT) 라이브러리 통합 다른 제3자 스크립트를 통합하는 것과 여러 면에서 동일합니다. 하지만 GPT 작업에는 몇 가지 고유한 측면이 있습니다. 광고 공간을 최대한 활용하여 광고 수익을 극대화할 수 있도록 확인할 수 있습니다. 빠른 광고가 중요합니다.

다음 섹션에서는 통합할 수 있습니다

공식 소스에서 GPT 로드

항상 공식 소스에서 GPT 라이브러리를 요청하세요.

통합 유형 스크립트 태그
표준

IAB 유럽 TCF.
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
제한적인 광고

이 기능을 수동으로 사용 설정하려는 게시자는 제한적인 광고가 있습니다.
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script>

수동으로 사용 설정하려는 사이트에서만 제한적인 광고 URL을 사용하세요. 제한적인 광고를 방지합니다. 제한적인 광고에서 GPT 요청 URL을 클릭하면 브라우저에서 불필요한 네트워크 연결이 추가될 수 있으며 이로 인해 광고 로드가 느려질 수 있습니다.

게시자의 규제 준수 요구를 지원하기 위해 GPT는 crossorigin="anonymous"를 사용하여 표준 URL에서 로드됨 속성을 사용하여 쿠키가 스크립트 요청과 함께 전송되는 것을 방지합니다.

GPT의 캐시된 버전을 게재하지 않음

gpt.js, pubads_impl.js 또는 이러한 라이브러리에서 로드하는 라이브러리의 버전을 제공하지 않습니다. 비공식적인 출처에서 로드할 수 있습니다.

로컬에 캐시된 버전의 GPT 라이브러리를 사용하면 항상 최신 버전의 브라우저나 운영체제에서 작동하므로 새로운 기능과 개선사항으로 업데이트되었습니다. 이전 버전의 GPT 라이브러리는 언제든지 작동이 중단될 수 있으며 광고 수익 손실이 감소합니다.

이는 서비스 워커에도 적용됩니다. 서비스를 사용하는 경우 작업자가 사이트에서 들어오는 HTTP 요청에 대한 응답을 캐시하거나 수정하고, gpt.js 요청을 처리할 때 네트워크 전용 전략을 최신 버전을 가져옵니다

GPT 초기 로드

GPT 라이브러리 (gpt.js)에는 광고 로드에 필요한 코드가 포함됩니다. 이러한 코드의 대부분은 gpt.js에 의해 로드되는 (예: pubads_impl_XX.js) 확인할 수 있습니다

핵심 GPT 라이브러리를 초기에 로드하면 이러한 종속 스크립트가 더 일찍 로드할 수도 있습니다 이렇게 하면 이러한 스크립트를 가져오고 (캐시되지 않은 경우) 광고가 있습니다. 이 모든 것은 첫 번째 광고 측정항목을 렌더링하는 데 걸린 시간을 증가시키므로 영향을 줄 수 있습니다

적절한 경우 미리 로드 사용

때로는 GPT가 사용되는 시점이나 방법을 직접 제어하지 못할 수도 있습니다. 확인할 수 있습니다 예를 들어 자동으로 GPT를 호출합니다. 이러한 경우 gpt.js 요청을 미리 로드합니다. 요청을 미리 로드하면 특정 자산을 즉시 다운로드할 수 있습니다. 페이지가 로드되기 때문입니다. 지정된 애셋이 자바스크립트 파일인 경우 스크립트는 콘텐츠를 즉시 가져오지만 확인할 수 있습니다

표준 통합의 미리 로드 요청 예

<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">

제한적인 광고 통합에 대한 미리 로드 요청 예

<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">

사전 렌더링된 페이지에서 GPT 사용

사전 렌더링은 브라우저가 이 정보를 미리 다운로드하여 사용자가 요청하지 않았지만 방문할 가능성이 있는 페이지를 렌더링합니다. 날짜 사전 렌더링된 페이지에 로드되면 GPT 라이브러리는 광고가 게재됩니다.

GPT를 정적으로 로드

GPT 라이브러리를 페이지에 동적으로 삽입하거나 외부 스크립트에서 로드하기만 하면 됩니다. 대신 페이지의 <head> Google 게시자 태그 시작하기 이렇게 하면 리소스가 GPT의 가져오기 및 로드를 지연시키지 않도록 라이브러리로 인해 광고 로드가 지연됩니다.

자세한 내용은 Lighthouse 게시자 광고 감사를 참조하세요. 광고 스크립트를 정적으로 로드 감사 문서를 참조하세요.

비동기식으로 GPT 로드하기

다음 그림과 같이 스크립트 태그 정의에 async 키워드를 포함합니다. Google 게시자 태그 시작하기 이렇게 하면 다른 브라우저와 함께 GPT 라이브러리를 스크립트가 실행될 때까지 실행을 차단하는 대신 리소스 및 페이지 콘텐츠를 로드가 완료되었습니다.

자세한 내용은 Lighthouse 게시자 광고 감사를 참조하세요. 광고 태그를 비동기식으로 로드 감사 문서를 참조하세요.

GPT 안전하게 로드

다음에 설명된 대로 항상 HTTPS를 통해 GPT 라이브러리를 로드합니다. Google 게시자 태그 시작하기 이것은 뿐만 아니라 사용자를 위해 더 나은 보안을 제공할 뿐만 아니라 성능도 향상됩니다. 광고 이후 GPT에서 실행한 요청은 항상 HTTPS를 사용하여 라이브러리를 로드합니다. HTTPS를 사용하는 것이 안전하기 때문에 브라우저에서 HTTPS 연결을 위해 광고 게재와 관련된 모든 요청이 포함됩니다.

자세한 내용은 Lighthouse 게시자 광고 감사를 참조하세요. HTTPS를 통해 광고 태그를 로드하고 권장 호스트에서 GPT 로드 감사 문서를 참조하세요

우수한 페이지 성능 연습

이 가이드의 권장사항은 특히 GPT 통합, 기타 많은 요인이 전반적인 확인할 수 있습니다. 사이트를 변경할 때 (특히 권장사항에 따라 적절한 조치를 취하는 것이 중요합니다. 을 사용하여 이러한 변경사항이 페이지의 모든 측면에 미치는 영향을 평가합니다. 확인할 수 있습니다 정기적으로 Cloud Storage와 같은 도구를 Lighthouse 및 식별 및 해결을 위한 Lighthouse 게시자 광고 감사 사이트에 대한 최적의 균형점을 찾는 것이 중요합니다.