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 en el TCF de IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Anuncios limitados manuales Si quieres 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. - Motivo: 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 publiques 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. Las versiones anteriores de la biblioteca de GPT pueden dejar de funcionar en cualquier momento y generar la pérdida de ingresos publicitarios si dejan de publicarse anuncios 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 controles las solicitudes de gpt.js para recuperar 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.
Al cargar la biblioteca principal de GPT con anticipación, también se pueden cargar antes estas 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 para renderizar el primer anuncio, lo que, a su vez, aumenta la visibilidad de tus anuncios.
Usar la carga previa 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 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 la etiqueta 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 las etiquetas Google Publisher Tag. Esto evita que otros recursos retrasen la recuperación y 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 Carga de secuencias de comandos de anuncios de forma estática de Publisher Ads Audits for Lighthouse.
Carga las etiquetas GPT de forma asíncrona
Incluye la palabra clave async en la definición de tu etiqueta de secuencia de comandos, como se ilustra en Comienza a usar Google Publisher Tags. 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 se termine de cargar la secuencia de comandos.
Para obtener más detalles, consulta la documentación de la auditoría Carga la etiqueta del anuncio de forma asíncrona de Publisher Ads Audits for Lighthouse.
Carga la etiqueta GPT de forma segura
Carga siempre la biblioteca de GPT a través de HTTPS, como se ilustra en Primeros pasos con las etiquetas de Google Publisher. 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 abra 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 enfocan 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 (en especial, 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 frecuencia herramientas como Lighthouse y Publisher Ads Audits for Lighthouse para identificar y abordar los problemas de rendimiento, y encontrar el equilibrio adecuado de optimizaciones para tu sitio.