Google 게시자 태그 (GPT) 라이브러리를 웹사이트에 통합하는 것은 다른 서드 파티 스크립트를 통합하는 것과 여러 면에서 동일합니다. 하지만 사이트 성능에 미치는 영향을 최소화하면서 광고 공간을 최대한 활용하려면 GPT로 작업할 때 고려해야 할 몇 가지 고유한 측면이 있습니다. 결국 빠른 광고가 중요합니다.
아래에서는 자체 통합을 수행할 때 유의해야 할 몇 가지 권장사항을 설명합니다.
공식 소스에서 GPT 로드
항상 공식 소스에서 GPT 라이브러리를 요청합니다.
| 통합 유형 | URL |
|---|---|
| 표준 | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| 제한적인 광고 | https://pagead2.googlesyndication.com/tag/js/gpt.js |
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 라이브러리를 페이지에 동적으로 삽입하거나
외부 스크립트에서 로드하지 마세요. 대신 Google 게시자 태그 시작하기에 설명된 대로 페이지의 <head>에 라이브러리를 정적으로 로드합니다. 이렇게 하면
다른 리소스가 GPT 라이브러리의 가져오기 및 로드를 지연시켜
광고 로드가 지연되는 것을 방지할 수 있습니다.
자세한 내용은 Lighthouse 게시자 광고 감사 광고 스크립트를 정적으로 로드 감사 문서를 참조하세요.
비동기식으로 GPT 로드하기
Google 게시자 태그 시작하기에 설명된 대로
스크립트 태그 정의에 async 키워드를 포함합니다. 그러면 스크립트 로드가 완료될 때까지 실행을 차단하지 않고 GPT 라이브러리를 다른 리소스 및 페이지 콘텐츠와 동시에 로드하도록 브라우저에 지시합니다.
자세한 내용은 Lighthouse 게시자 광고 감사 비동기식으로 광고 태그 로드 감사 문서를 참조하세요.
안전하게 GPT 로드하기
Google 게시자 태그 시작하기에 설명된 대로 항상 HTTPS를 통해 GPT 라이브러리를 로드합니다. 이렇게 하면 사용자의 보안이 강화될 뿐만 아니라 성능도 향상됩니다. GPT에서 발행한 광고 요청에서는 항상 HTTPS를 사용하므로 HTTPS를 통해 라이브러리 자체를 로드하면 브라우저에서 광고 게재와 관련된 모든 요청에 대해 1개의 연결만 열면 됩니다.
자세한 내용은 Lighthouse 게시자 광고 감사 HTTPS를 통한 광고 태그 로드 및 권장 호스트에서 GPT 로드 감사 문서를 참조하세요.
우수한 페이지 성능 연습
이 가이드의 권장사항은 특히 GPT 통합을 최적화하는 데 중점을 두고 있지만 다른 많은 요소가 페이지의 전반적인 성능에 영향을 미칩니다. 사이트를 변경할 때, 특히 이 가이드에 나와 있는 것과 같은 광범위한 권장사항을 바탕으로 하는 변경사항을 적용할 때는 페이지 성능의 모든 측면에서 변경사항이 미치는 영향을 평가하는 것이 중요합니다. Lighthouse 및 Lighthouse 게시자 광고 감사와 같은 도구를 정기적으로 실행하여 성능 문제를 파악 및 해결하고 사이트 최적화의 적절한 균형을 찾는 것이 좋습니다.