A integração da biblioteca da Tag do editor do Google (GPT) ao seu site é semelhante à 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 seu espaço de publicidade com o mínimo de impacto 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 GPT de uma fonte oficial:
| Tipo de integração | Tag de script |
|---|---|
| Padrão Incluindo os publishers integrados à 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 anúncios limitados. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Use o URL de anúncios limitados apenas 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 adicional e desnecessária, o que pode retardar o carregamento do anúncio.
Para ajudar nas necessidades de conformidade regulatória do editor, o GPT pode ser
carregado do URL padrão com o atributo crossorigin="anonymous"
para evitar que os cookies sejam enviados com a solicitação do script.
Não veicular versões em cache da GPT
Nunca veicule versões de gpt.js, pubads_impl.js ou qualquer biblioteca carregada
do seu próprio servidor ou de uma fonte não oficial.
O uso de uma versão em cache local da biblioteca GPT nem sempre funciona em versões mais recentes de navegadores ou sistemas operacionais e pode não ser atualizada com novos recursos e melhorias. As versões mais antigas da biblioteca GPT podem parar de funcionar a qualquer momento e podem levar à perda de receita de publicidade se a veiculação de anúncios para as tags for interrompida.
Isso também se aplica a service workers. Se você usa workers de serviço 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.
Carregar a GPT antecipadamente
A biblioteca GPT (gpt.js) contém apenas uma pequena fração do
código necessário para carregar anúncios. A maioria 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 principal do GPT com antecedência, esses scripts dependentes também podem ser carregados com antecedência. Isso evita qualquer latência extra relacionada ao retrieval desses scripts (se não estiverem em cache) e permite que os anúncios sejam carregados mais rápido. Tudo isso contribui para reduzir a métrica tempo até a renderização do primeiro anúncio, o que aumenta a visibilidade dos seus anúncios.
Use o pré-carregamento quando apropriado
Às vezes, você não tem controle direto sobre quando ou como o GPT
é carregado. Por exemplo, ao usar um script de anúncios de terceiros que carrega
o 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 especificado 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 renderizar páginas de forma preventiva, que os usuários ainda não solicitaram, mas 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 for mostrada.
Carregar a GPT de maneira estática
Evite injetar a biblioteca GPT na página dinamicamente ou
carregá-la de um script externo. Em vez disso, carregue a biblioteca de forma estática no
<head> da sua página, conforme ilustrado em
Começar a usar as Tags do editor do Google. Isso impede que outros
recursos atrasem a busca e o carregamento da biblioteca GPT, o que atrasaria o carregamento dos anúncios.
Para mais detalhes, consulte a documentação de auditoria carregar scripts de anúncio de forma estática das auditorias de anúncios do editor para o Lighthouse.
Carregar a GPT de maneira assíncrona
Inclua a palavra-chave async na definição da tag de script, conforme ilustrado em
Primeiras etapas com as Tags do editor do Google. Isso instrui o
navegador a carregar a biblioteca GPT em paralelo com outros
recursos e conteúdo da página, em vez de bloquear a execução até que o script seja
carregado.
Para mais detalhes, consulte a documentação de auditoria carregar tag de anúncio de forma assíncrona das auditorias de anúncios do editor para o Lighthouse.
Carregar a GPT com segurança
Sempre carregue a biblioteca GPT por HTTPS, conforme ilustrado em Começar a usar as Tags do editor do Google. Isso não apenas oferece mais segurança para os usuários, como também melhora o desempenho. Como as solicitações de anúncio emitidas pela GPT sempre usam HTTPS, o carregamento da biblioteca usando HTTPS garante que o navegador só precise abrir uma conexão para todas as solicitações relacionadas à veiculação de anúncios.
Para mais detalhes, consulte a documentação das auditorias de anúncios do editor para o Lighthouse carregar tag de anúncio pelo HTTPS e carregar GPT do host recomendado.
Praticar uma boa performance da página
Embora as práticas recomendadas neste guia se concentrem especificamente na otimização da integração do GPT, muitos outros fatores contribuem para o desempenho geral da sua página. Ao fazer mudanças no seu site, principalmente com base em recomendações amplas, como as deste guia, é importante avaliar o impacto dessas mudanças em todos os aspectos do desempenho da página. É recomendável executar regularmente ferramentas como o Lighthouse e as Publisher Ads Audits for Lighthouse para identificar e resolver problemas de desempenho e encontrar o equilíbrio certo de otimizações para seu site.