En muchos aspectos, integrar la biblioteca de Google Publisher Tag (GPT) en tu sitio web es igual a la integración de cualquier otra secuencia 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 un impacto mínimo en el rendimiento del sitio. Después de todo, los anuncios rápidos importan.
A continuación, veremos algunas prácticas recomendadas que debes tener en cuenta cuando trabajes en tu propia integración.
Carga GPT desde una fuente oficial
Solicite siempre la biblioteca de GPT desde una fuente oficial:
| Tipo de integración | URL |
|---|---|
| Estándar | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| Anuncios limitados | https://pagead2.googlesyndication.com/tag/js/gpt.js |
No debes publicar versiones de gpt.js, pubads_impl.js ni de las bibliotecas que carguen desde tu propio servidor, ni cargarlas desde una fuente no oficial.
Es posible que el uso de una versión de GPT almacenada en caché local no siempre funcione en versiones más recientes de navegadores o sistemas operativos, y tal vez no se actualice con funciones y mejoras nuevas. Las versiones anteriores de la biblioteca de GPT pueden descontinuarse en cualquier momento y pueden generar la pérdida de ingresos publicitarios si dejan de publicarse anuncios en sus 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 las solicitudes de gpt.js a fin de recuperar una versión actualizada.
Cómo cargar GPT antes de tiempo
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 carga gpt.js según sea necesario.
Si se carga la biblioteca principal de GPT de forma anticipada, estas secuencias de comandos dependientes también pueden cargarse antes. 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 el tiempo de renderización del primer anuncio, lo que, a su vez, aumenta la visibilidad de tus anuncios.
Usa la precarga cuando sea apropiado
En ocasiones, es posible que no tengas control directo sobre cuándo o cómo se carga GPT. Por ejemplo, cuando usas una secuencia de comandos de anuncios de terceros que carga GPT en tu nombre. En estos casos, puede ser adecuado cargar previamente la solicitud de gpt.js. La precarga de una solicitud indica al navegador que descargue de inmediato un recurso especificado que es fundamental para la carga de tu página. Cuando el elemento 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 precarga para integraciones de anuncios limitados
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Cómo usar GPT en páginas con renderización previa
La renderización previa 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.
Cargue GPT de forma estática
Evita inyectar 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 demoren la recuperación y carga de la biblioteca de GPT, lo que, a su vez, retrasaría la carga de anuncios.
Para obtener más información, consulta la documentación de auditoría de Publisher Ads Audits for Lighthouse sobre la carga de secuencias de comandos de anuncios de forma estática.
Cargue las etiquetas GPT de forma asíncrona
Incluye la palabra clave async en la definición de la etiqueta de tu secuencia de comandos, como se ilustra en Comienza a usar Google Publisher Tags. De esta manera, se le 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 la secuencia de comandos termine de cargarse.
Para obtener más información, consulta la documentación de auditoría de Publisher Ads Audits for Lighthouse sobre la carga de etiquetas de anuncio de manera asíncrona.
Cargue GPT de forma segura
Carga siempre la biblioteca de GPT mediante HTTPS, como se ilustra en Comienza a usar Google Publisher Tags. Esto no solo proporciona 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 a través de 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 información, consulta la documentación de auditoría de Publisher Ads Audits for Lighthouse sobre cómo cargar etiquetas de anuncios mediante HTTPS y cargar GPT desde un host recomendado.
Practique con un buen 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, hay muchos otros factores que contribuyen al rendimiento general de tu página. Cuando realices cambios en tu sitio (especialmente los que se basan en recomendaciones generales, como las que se incluyen en esta guía), es importante que evalúes el impacto que tendrán 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 a fin de identificar y abordar problemas de rendimiento, y encontrar el equilibrio adecuado de optimizaciones para tu sitio.