Integrar la biblioteca de Google Publisher Tag (GPT) en tu sitio web es, en muchos aspectos, lo mismo que integrar cualquier otra secuencia de comandos de terceros. Sin embargo, existen algunos aspectos únicos de trabajar con GPT que se deben tener en cuenta para garantizar que aproveches al máximo tu espacio de anuncios con un impacto mínimo 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 GPT desde una fuente oficial
Siempre solicita la biblioteca de GPT desde una fuente oficial:
| Tipo de integración | Etiqueta de secuencia de comandos |
|---|---|
| Estándar Incluye a los publicadores integrados en el MTC de IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Anuncios limitados Para los publicadores que quieran habilitar manualmente los anuncios limitados. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Usa la URL de anuncios limitados solo en los sitios en los que deseas habilitar manualmente los anuncios limitados. Solicitar GPT desde la URL de anuncios limitados cuando esta función no está en uso hace que el navegador abra una conexión de red adicional y no necesaria, lo que puede ralentizar la carga de anuncios.
Para ayudar con las necesidades de cumplimiento normativo de los publicadores, se puede cargar GPT desde la URL estándar con el atributo crossorigin="anonymous" para evitar que se envíen cookies con la solicitud de secuencia de comandos.
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 desde una fuente no oficial.
Es posible que el uso de una versión almacenada en caché local de la biblioteca de GPT no siempre funcione en versiones más recientes de navegadores o sistemas operativos, y es posible que no se actualice con funciones y mejoras nuevas. Es posible que las versiones anteriores de la biblioteca de GPT dejen de funcionar en cualquier momento, lo que podría generar la pérdida de ingresos publicitarios si dejan de publicarse anuncios en tus etiquetas.
Esto también se aplica a los trabajadores del servicio. Si usas trabajadores de servicio 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 la etiqueta GPT con anticipación
La biblioteca de GPT (gpt.js) contiene solo 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 cargas la biblioteca principal de GPT con anticipación, estas secuencias de comandos dependientes también se pueden cargar con anticipación. Esto evita cualquier latencia adicional relacionada con la recuperación de estas secuencias de comandos (si no se almacenan 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.
Usa la precarga cuando sea apropiado
A veces, es posible que no tengas control directo sobre cuándo o cómo se carga el GPT. Por ejemplo, cuando usas una secuencia de comandos de anuncios de terceros que carga GPT en tu nombre. En estos casos, puede ser apropiado cargar previamente la solicitud de gpt.js. La precarga de una solicitud le indica al navegador que descargue de inmediato un recurso especificado que es fundamental para la carga de tu página. Cuando el activo 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.
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 limitadas
<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 preventiva 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.
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 Cómo comenzar 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 auditoría de las Auditorías de anuncios del publicador para Lighthouse sobre la carga de secuencias de comandos de anuncios de forma estática.
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 Google Publisher Tags. Esto le indica al
navegador que cargue la biblioteca de GPT en paralelo con otros
recursos y el contenido de la página, en lugar de bloquear la ejecución hasta que se carga
la secuencia de comandos.
Para obtener más detalles, consulta la documentación de auditoría de las Auditorías de anuncios del publicador para Lighthouse sobre la carga de la etiqueta del anuncio de forma asíncrona.
Carga la etiqueta GPT de forma segura
Siempre carga 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 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 auditoría de las auditorías de anuncios del publicador para Lighthouse sobre cómo cargar la etiqueta del anuncio a través de HTTPS y cómo cargar GPT desde el host recomendado.
Cómo mejorar el rendimiento de la página
Si bien las prácticas recomendadas de esta guía se enfocan específicamente en optimizar la integración de GPT, muchos otros factores contribuyen al rendimiento general de tu página. Cuando realices cambios en tu sitio (en especial, aquellos basados en recomendaciones generales, como las de esta guía), es importante evaluar el impacto de esos cambios en todos los aspectos del rendimiento de tu página. Te recomendamos que ejecutes herramientas como Lighthouse y Publisher Ads Audits for Lighthouse con frecuencia para identificar y abordar los problemas de rendimiento, y encontrar el equilibrio adecuado de optimizaciones para tu sitio.