Google 게시자 태그 (GPT) 라이브러리를 웹사이트에 통합하는 것은 다른 서드 파티 스크립트를 통합하는 것과 여러 면에서 동일합니다. 하지만 사이트 실적에 미치는 영향을 최소화하면서 광고 공간을 최대한 활용하려면 GPT를 사용할 때 고려해야 하는 몇 가지 고유한 측면이 있습니다. 결국 빠른 광고가 중요합니다.
다음 섹션에서는 통합 작업을 할 때 사용할 수 있는 권장사항을 설명합니다.
공식 소스에서 GPT 로드
최신 기능과 개인 정보 보호 조치를 이용하려면 다음 표에 나열된 URL 중 하나를 사용하여 공식 소스에서 항상 GPT 라이브러리를 요청하세요. 사용할 URL은 제한적인 광고 (LTD) 모드를 수동으로 사용 설정할 계획인지에 따라 다릅니다.
| 통합 유형 | 스크립트 태그 |
|---|---|
| 표준 IAB 유럽 TCF와 통합된 게시자를 포함합니다. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| 수동 제한적인 광고 제한적인 광고 (LTD)를 수동으로 사용 설정하려는 경우 |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
제한적인 광고 (LTD) 모드를 사용하면 GPT가 클라이언트 측 저장소 (예: 쿠키 또는 로컬 식별자)에 액세스하지 않고 광고를 게재할 수 있습니다. 제한적인 광고는 다음 두 가지 방법 중 하나로 사용 설정할 수 있습니다.
표준 (자동): 동의 관리 제공업체 (CMP)가 일반적으로 IAB TCF v2.0 신호를 사용하여 사용자에게 저장소 액세스 권한에 대한 동의를 제공하지 않았음을 GPT에 알립니다. Google 인증 CMP를 사용하여 사용자 동의를 관리하는 경우 GPT는 사용자의 환경설정에 따라 제한적인 광고 모드로 자동 전환됩니다.
- URL: 표준 URL(doubleclick.net)에서 GPT를 로드합니다.
- 수동 작업 불필요: CMP를 사용하는 경우 라이브러리에서 신호를 자동으로 처리하므로
setPrivacySettings({limitedAds: true})를 수동으로 호출할 필요가 없습니다.
수동: GPT API를 명시적으로 호출하여 제한적인 광고를 요청합니다.
- URL:
googletag.pubads().setPrivacySettings({limitedAds: true})API를 사용하여 제한적인 광고를 수동으로 사용 설정하려는 경우 제한적인 광고 URLgooglesyndication.com에서 GPT를 로드해야 합니다. - 이유:
googlesyndication.com도메인에서 GPT를 로드하면 기본적으로 클라이언트 측 스토리지에 액세스하는 것에 대한 추가 보호 조치가 허용됩니다. - 잘못된 구성의 결과: GPT가 표준 URL에서 로드되고 수동 API가 호출되면 제한적인 광고를 사용 설정하라는 요청이 무시되고 게시자 콘솔에 경고가 로깅됩니다.
- URL:
캐시된 버전의 GPT를 제공하지 않음
gpt.js, pubads_impl.js 또는 자체 서버에서 로드하거나 비공식 소스에서 로드하는 라이브러리의 버전을 게재해서는 안 됩니다.
로컬에 캐시된 버전의 GPT 라이브러리는 최신 버전의 브라우저나 운영체제에서 작동하지 않을 수 있으며 새로운 기능 및 개선사항이 업데이트되지 않을 수 있습니다. 이전 버전의 GPT 라이브러리는 언제든지 작동이 중지될 수 있으며, 태그에 광고 게재가 중단되면 광고 수익이 손실될 수 있습니다.
이는 서비스 워커에도 적용됩니다. 서비스 워커를 사용하여 사이트에서 오는 HTTP 요청에 대한 응답을 캐시하거나 수정하는 경우 최신 버전을 가져오기 위해 gpt.js 요청을 처리할 때 네트워크 전용 전략을 사용하세요.
GPT를 일찍 로드
GPT 라이브러리 (gpt.js)에는 광고를 로드하는 데 필요한 코드의 일부만 포함되어 있습니다. 이 코드의 대부분은 별도의 파일 (예: pubads_impl_XX.js)에 포함되어 있으며, 필요에 따라 gpt.js에 의해 로드됩니다.
핵심 GPT 라이브러리를 일찍 로드하면 이러한 종속 스크립트도 일찍 로드할 수 있습니다. 이렇게 하면 이러한 스크립트 가져오기 (캐시되지 않은 경우)와 관련된 추가 지연 시간이 방지되고 광고가 더 빠르게 로드될 수 있습니다. 이 모든 것이 첫 번째 광고 렌더링 시간 측정항목을 낮추는 데 기여하며, 이는 광고의 조회가능성을 높입니다.
적절한 경우 사전 로드 사용
GPT가 로드되는 시점이나 방식을 직접 제어할 수 없는 경우도 있습니다. 예를 들어 GPT를 대신 로드하는 서드 파티 광고 스크립트를 사용하는 경우입니다. 이 경우 gpt.js 요청을 미리 로드하는 것이 적절할 수 있습니다. 요청 미리 로드는 브라우저에 페이지 로드에 중요한 지정된 애셋을 즉시 다운로드하도록 지시합니다. 지정된 애셋이 JavaScript 파일인 경우 스크립트 콘텐츠는 즉시 가져오지만 스크립트가 필요할 때까지 실행이 지연됩니다.
표준 통합의 미리 로드 요청 예시
<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">
fetchpriority을 사용하여 스크립트 로드 우선순위 지정
fetchpriority 속성을 사용하여 GPT 리소스 가져오기의 상대적 우선순위를 브라우저에 알릴 수 있습니다. 기본적으로 gpt.js는 fetchpriority="high"를 사용하여 핵심 구현 스크립트(pubads_impl.js)와 Google 개인 정보 보호 및 메시지 스크립트를 자동으로 요청하여 네트워크 일정을 최적화하고 광고 로드 지연 시간을 줄입니다. 우선순위를 높이면 페이지의 다른 리소스 로드 및 Core Web Vitals 측정항목에 영향을 줄 수 있습니다. fetchpriority를 높게 설정하여 지연 시간 영향을 최대화하려면 gpt.js에서 직접 설정하는 것이 좋습니다.
gpt.js 로더 스크립트 자체를 가져오는 데 우선순위를 두거나 pubads_impl.js 및 Google 개인 정보 보호 및 메시지 스크립트의 상속된 우선순위를 구성하려면 fetchpriority 속성을 gpt.js <script> 태그에 직접 추가하면 됩니다.
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
gpt.js 로더 <script> 태그에 fetchpriority 속성을 지정하면 동적으로 삽입된 구현 스크립트와 Google 개인 정보 보호 및 메시지 스크립트가 지정된 fetchpriority 값 (예: "high", "low" 또는 "auto")을 자동으로 상속합니다.
사전 렌더링된 페이지에서 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 게시자 광고 감사와 같은 도구를 정기적으로 실행하여 실적 문제를 파악하고 해결하며 사이트에 적합한 최적화 균형을 찾는 것이 좋습니다.