Integrar la biblioteca de Google Publisher Tag (GPT) en tu sitio web es, en muchos sentidos, igual que integrar cualquier otro lenguaje de secuencias de comandos de terceros. Sin embargo, hay algunos aspectos únicos del trabajo con GPT que se deben tener en cuenta para garantizar que aproveches al máximo tu espacio publicitario con el menor impacto posible en el rendimiento del sitio. Después de todo, los anuncios rápidos son importantes.
En las siguientes secciones, se describen las prácticas recomendadas que debes usar cuando trabajes en tu integración.
Carga etiquetas GPT desde una fuente oficial
Para asegurarte de tener acceso a las funciones y las medidas de protección de la privacidad más recientes, siempre solicita la biblioteca de GPT desde una fuente oficial con una de las URLs que se indican en la siguiente tabla. La URL que se debe usar depende de si planeas habilitar manualmente el modo de anuncios limitados (LTD).
| Tipo de integración | Etiqueta de secuencia de comandos |
|---|---|
| Estándar Incluye a los publicadores integrados con el TCF de IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Anuncios limitados manuales Si deseas habilitar manualmente los anuncios limitados (LTD) |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
El modo de anuncios limitados (LTD) permite que GPT publique anuncios sin acceder al almacenamiento del cliente (como cookies o identificadores locales). Los anuncios limitados se pueden habilitar de dos maneras:
Estándar (automáticamente): Un proveedor de administración de consentimiento (CMP) informa a GPT que el usuario no proporcionó su consentimiento para el acceso al almacenamiento, generalmente a través de un indicador del MTC v2.0 de IAB. Si utilizas una CMP certificada por Google para administrar el consentimiento del usuario, GPT ingresará automáticamente en el modo de Anuncios Limitados según las preferencias del usuario.
- URL: Carga GPT desde la URL estándar (doubleclick.net).
- No se requiere ninguna acción manual: No es necesario llamar a
setPrivacySettings({limitedAds: true})de forma manual cuando se usa una CMP, ya que la biblioteca controla los indicadores automáticamente.
Manualmente: Llamas explícitamente a la API de GPT para solicitar anuncios limitados.
- URL: Si deseas habilitar manualmente los anuncios limitados con la API de
googletag.pubads().setPrivacySettings({limitedAds: true}), debes cargar GPT desde la URL de anuncios limitadosgooglesyndication.com. - Por qué: Cargar GPT desde el dominio
googlesyndication.compermite protecciones adicionales contra el acceso al almacenamiento del cliente de forma predeterminada. - Consecuencia de la configuración incorrecta: Si se carga GPT desde la URL estándar y se llama a la API manual, se ignorará la solicitud para habilitar los anuncios limitados y se registrará una advertencia en la Consola para publicadores.
- URL: Si deseas habilitar manualmente los anuncios limitados con la API de
No publicar versiones almacenadas en caché de GPT
Nunca publiques versiones de gpt.js, pubads_impl.js ni ninguna biblioteca que carguen desde tu propio servidor, ni tampoco las cargues desde una fuente no oficial.
Es posible que el uso de una versión almacenada localmente en caché de la biblioteca de GPT no siempre funcione en versiones más recientes de navegadores o sistemas operativos, y que no se actualice con mejoras y funciones nuevas. Es posible que las versiones anteriores de la biblioteca de GPT dejen de funcionar en cualquier momento y que generen una pérdida de ingresos publicitarios si los anuncios dejan de publicarse en tus etiquetas.
Esto también se aplica a los service workers. Si usas Service Workers para almacenar en caché o modificar las respuestas a las solicitudes HTTP que provienen de tu sitio, usa una estrategia solo de red cuando manejes solicitudes para gpt.js, de modo que se recupere una versión actualizada.
Carga las etiquetas GPT con anticipación
La biblioteca de GPT (gpt.js) solo contiene una pequeña fracción del código necesario para cargar anuncios. La mayor parte de ese código se encuentra en archivos separados (como pubads_impl_XX.js), que gpt.js carga según sea necesario.
Si se carga la biblioteca principal de GPT de forma anticipada, también se pueden cargar antes estos secuencias de comandos dependientes. Esto evita cualquier latencia adicional relacionada con la recuperación de estos secuencias de comandos (si no están en caché) y permite que los anuncios se carguen más rápido. Todo esto contribuye a reducir la métrica de tiempo hasta renderizar el primer anuncio, lo que, a su vez, aumenta la visibilidad de tus anuncios.
Usa la precarga cuando corresponda
A veces, es posible que no tengas control directo sobre cuándo o cómo se carga GPT. Por ejemplo, cuando se usa una secuencia de comandos de anuncios de terceros que carga GPT en tu nombre. En estos casos, puede ser adecuado precargar la solicitud de gpt.js. Precargar una solicitud indica al navegador que descargue de inmediato un recurso especificado que es fundamental para la carga de tu página. Cuando el recurso especificado es un archivo JavaScript, el contenido de la secuencia de comandos se recupera de inmediato, pero la ejecución se aplaza hasta que se necesite la secuencia de comandos.
Ejemplo de solicitud de carga previa para integraciones estándar
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Ejemplo de solicitud de carga previa para integraciones de anuncios limitados
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Usa fetchpriority para priorizar la carga de la secuencia de comandos
Puedes usar el atributo fetchpriority para indicarle al navegador la prioridad relativa de la recuperación de recursos de GPT. De forma predeterminada, gpt.js solicita automáticamente su secuencia de comandos de implementación principal (pubads_impl.js) y las secuencias de comandos de Privacidad y mensajería de Google con fetchpriority="high" para optimizar la programación de la red y reducir la latencia de carga de los anuncios. Aumentar la prioridad puede afectar la carga de otros recursos en la página y las métricas de Core Web Vitals. Para maximizar el impacto de la latencia de fetchpriority cuando se establece en alto, te recomendamos que lo configures directamente en gpt.js.
Para priorizar la recuperación de la secuencia de comandos del cargador gpt.js (o para configurar la prioridad heredada de las secuencias de comandos de pubads_impl.js y Privacidad y mensajería de Google), puedes agregar el atributo fetchpriority directamente a la etiqueta gpt.js <script>:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
Cuando especificas el atributo fetchpriority en la etiqueta <script> del cargador gpt.js, la secuencia de comandos de implementación insertada de forma dinámica y las secuencias de comandos de Privacidad y mensajería de Google heredan automáticamente el valor fetchpriority especificado (como "high", "low" o "auto").
Usa GPT en páginas renderizadas previamente
La renderización previa le indica al navegador que descargue y renderice de forma anticipada las páginas que los usuarios aún no solicitaron, pero que es probable que visiten. Cuando se carga en una página renderizada previamente, la biblioteca de GPT solo solicita anuncios si la página se hace visible y cuando esto sucede.
Carga GPT de forma estática
Evita insertar la biblioteca de GPT en tu página de forma dinámica o cargarla desde una secuencia de comandos externa. En su lugar, carga la biblioteca de forma estática en el <head> de tu página, como se ilustra en Comienza a usar Google Publisher Tags. Esto evita que otros recursos retrasen la recuperación y la carga de la biblioteca de GPT, lo que, a su vez, retrasaría la carga de los anuncios.
Para obtener más detalles, consulta la documentación de la auditoría load ad scripts statically de Publisher Ads Audits for Lighthouse.
Carga GPT de forma asíncrona
Incluye la palabra clave async en la definición de la etiqueta de secuencia de comandos, como se ilustra en Comienza a usar las etiquetas de Google Publisher. Esto indica al navegador que cargue la biblioteca de GPT en paralelo con otros recursos y contenido de la página, en lugar de bloquear la ejecución hasta que finalice la carga de la secuencia de comandos.
Para obtener más detalles, consulta la documentación de la auditoría Carga la etiqueta de anuncio de forma asíncrona de Publisher Ads Audits for Lighthouse.
Carga GPT de forma segura
Carga siempre la biblioteca de GPT a través de HTTPS, como se ilustra en Comienza a usar Google Publisher Tags. Esto no solo brinda mayor seguridad a los usuarios, sino que también mejora el rendimiento. Dado que las solicitudes de anuncios emitidas por GPT siempre usan HTTPS, cargar la biblioteca con HTTPS garantiza que el navegador solo necesite abrir 1 conexión para todas las solicitudes relacionadas con la publicación de anuncios.
Para obtener más detalles, consulta la documentación de las auditorías de Publisher Ads Audits for Lighthouse load ad tag over HTTPS y load GPT from recommended host.
Implementa un buen rendimiento de la página
Si bien las prácticas recomendadas de esta guía se centran específicamente en optimizar tu integración de GPT, muchos otros factores contribuyen al rendimiento general de tu página. Cuando realices cambios en tu sitio (especialmente los que se basan en recomendaciones generales, como las de esta guía), es importante que evalúes el impacto de esos cambios en todos los aspectos del rendimiento de tu página. Te recomendamos que ejecutes con regularidad herramientas como Lighthouse y Auditorías de anuncios del publicador para Lighthouse para identificar y abordar los problemas de rendimiento, y encontrar el equilibrio adecuado de optimizaciones para tu sitio.