Integrar a biblioteca da Tag do editor do Google (GPT) ao seu site é, de muitas maneiras, igual à integração de qualquer outro script de terceiros. No entanto, há alguns aspectos únicos do trabalho com a GPT que precisam ser considerados para garantir que você aproveite ao máximo o espaço publicitário com impacto mínimo no desempenho do site. Afinal, anúncios rápidos são importantes.
As seções a seguir abordam as práticas recomendadas para usar ao trabalhar na integração.
Carregar a GPT de uma fonte oficial
Sempre solicite a biblioteca da GPT de uma fonte oficial:
| Tipo de integração | Tag de script |
|---|---|
| Padrão Inclui editores integrados ao TCF do IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Anúncios limitados Para editores que querem ativar manualmente os anúncios limitados. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Use o URL de anúncios limitados somente em sites em que você pretende ativar manualmente os anúncios limitados. Solicitar a GPT do URL de anúncios limitados quando esse recurso não está em uso faz com que o navegador abra uma conexão de rede extra e desnecessária, o que pode atrasar o carregamento do anúncio.
Para ajudar nas necessidades de conformidade regulatória do editor, a GPT pode ser
carregada do URL padrão com o atributo crossorigin="anonymous"
para evitar que os cookies sejam enviados com a solicitação de script.
Não veicular versões em cache da GPT
Nunca disponibilize versões de gpt.js, pubads_impl.js ou de qualquer biblioteca carregada
do seu próprio servidor ou carregue-as de uma fonte não oficial.
O uso de uma versão da biblioteca da GPT em cache local nem sempre funciona nas versões mais recentes de navegadores ou sistemas operacionais e pode não ser atualizado com novos recursos e melhorias. As versões anteriores da biblioteca da GPT podem parar de funcionar a qualquer momento e levar à perda de receita de publicidade se os anúncios deixarem de ser veiculados para suas tags.
Isso também se aplica aos service workers. Se você usa service
workers para armazenar em cache ou modificar respostas a solicitações HTTP provenientes do seu site, use
uma estratégia somente de rede ao processar solicitações de gpt.js
para buscar uma versão atualizada.
Carregue a GPT antecipadamente
A biblioteca da GPT (gpt.js) contém apenas uma pequena fração do
código necessário para carregar anúncios. A maior parte desse código está contida em
arquivos separados (como pubads_impl_XX.js), que são carregados por gpt.js conforme
necessário.
Ao carregar a biblioteca GPT principal com antecedência, esses scripts dependentes também podem ser carregados mais cedo. Isso evita qualquer latência extra relacionada à busca desses scripts (se não estiver armazenado em cache) e permite que os anúncios sejam carregados mais rapidamente. Tudo isso contribui para reduzir o tempo para renderizar a métrica do primeiro anúncio, o que, por sua vez, aumenta a visibilidade dos seus anúncios.
Usar o pré-carregamento quando apropriado
Às vezes, você pode não ter controle direto de quando ou como a GPT
é carregada. por exemplo, ao usar um script de anúncios de terceiros
que carrega a GPT em seu nome. Nesses casos, pode ser apropriado
pré-carregar a solicitação para gpt.js. O pré-carregamento de uma solicitação instrui o navegador a fazer o download imediato de um recurso específico que é essencial para o carregamento da página. Quando o recurso especificado é um arquivo JavaScript, o conteúdo do script é buscado imediatamente, mas a execução é adiada até que o script seja necessário.
Exemplo de solicitação de pré-carregamento para integrações padrão
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
Exemplo de solicitação de pré-carregamento para integrações de anúncios limitados
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
Usar a GPT em páginas pré-renderizadas
A pré-renderização instrui o navegador a fazer o download e a renderização preventiva de páginas que os usuários ainda precisam solicitar, mas que provavelmente vão visitar. Quando carregada em uma página pré-renderizada, a biblioteca da GPT só solicita anúncios se e quando a página está visível.
Carregar a GPT estaticamente
Evite injetar a biblioteca da GPT na sua página dinamicamente ou carregá-la de um script externo. Em vez disso, carregue a biblioteca de forma estática no
<head> da página, conforme ilustrado em
Introdução às Tags do editor do Google. Isso evita que outros
recursos atrasem a busca e o carregamento da biblioteca da
GPT, o que, por sua vez, atrasaria o carregamento de anúncios.
Para mais detalhes, consulte a documentação de auditoria sobre carregar scripts de anúncio estaticamente nas auditorias de anúncios do editor para o Lighthouse.
Carregar a GPT de forma assíncrona
Inclua a palavra-chave async na definição da tag de script, conforme ilustrado em Primeiros passos com as Tags do editor do Google. Isso instrui o
navegador a carregar a biblioteca da GPT em paralelo com outros
recursos e conteúdo da página, em vez de bloquear a execução até que o script
conclua o carregamento.
Para mais detalhes, consulte a documentação de auditoria Carregar tags de anúncio de forma assíncrona nas auditorias de anúncios do editor para o Lighthouse.
Carregar a GPT com segurança
Sempre carregue a biblioteca da GPT por HTTPS, conforme ilustrado em Primeiros passos com as Tags do editor do Google. Isso não apenas fornece melhor segurança para os usuários, mas também melhora o desempenho. Como as solicitações de anúncios emitidas pela GPT sempre usam HTTPS, o carregamento da biblioteca usando HTTPS garante que o navegador precise abrir apenas uma conexão para todas as solicitações relacionadas à veiculação de anúncios.
Para mais detalhes, consulte a documentação de auditoria das auditorias de anúncios do editor para o Lighthouse carregar tag de anúncio por HTTPS e carregar a GPT do host recomendado.
Praticar a boa performance da página
Embora as práticas recomendadas deste guia se concentrem especificamente na otimização da integração da GPT, muitos outros fatores contribuem para o desempenho geral da sua página. Ao fazer alterações no seu site, especialmente aquelas baseadas em recomendações amplas, como as deste guia, é importante avaliar o impacto dessas alterações em todos os aspectos do desempenho da página. É recomendável executar ferramentas como o Lighthouse e as Publisher Ads Audits for Lighthouse com frequência para identificar e resolver problemas de performance e encontrar o equilíbrio certo de otimizações para seu site.