Em muitos aspectos, a integração da biblioteca da Tag do editor do Google (GPT) ao seu site é igual à integração de qualquer outro script de terceiros. No entanto, existem alguns aspectos exclusivos 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 na performance do site. Afinal, anúncios rápidos são importantes.
Confira abaixo algumas práticas recomendadas que você precisa ter em mente ao trabalhar na sua própria integração.
Carregar a GPT de uma fonte oficial
Sempre solicite a biblioteca da GPT de uma fonte oficial:
| Tipo de integração | URL |
|---|---|
| Padrão | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| Anúncios limitados | https://pagead2.googlesyndication.com/tag/js/gpt.js |
Não veicule versões de gpt.js, pubads_impl.js ou qualquer biblioteca que eles carreguem do seu próprio servidor nem as carregue de uma fonte não oficial.
Usar uma versão armazenada localmente em cache da GPT nem sempre funciona em versões mais recentes de navegadores ou sistemas operacionais, além de não ser atualizada com novos recursos e melhorias. As versões mais antigas da biblioteca da GPT podem ser descontinuadas a qualquer momento e podem resultar em perda de receita de publicidade se os anúncios deixarem de ser veiculados nas suas tags.
Isso também se aplica aos service workers. Se você usar 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 lidar com solicitações para gpt.js para buscar uma versão atualizada.
Carregar a GPT com antecedência
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 principal da GPT com antecedência, esses scripts dependentes também poderão ser carregados mais cedo. Isso evita qualquer latência extra relacionada à busca desses scripts (se não estiverem armazenados em cache) e permite que os anúncios sejam carregados mais rapidamente. Tudo isso contribui para diminuir o tempo para renderizar o primeiro anúncio, o que, por sua vez, aumenta a visibilidade dos seus anúncios.
Usar o pré-carregamento quando apropriado
Às vezes, você não tem 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 de gpt.js. O pré-carregamento de uma solicitação instrui o navegador a fazer o download imediato de um recurso específico 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 preventivamente páginas que os usuários ainda precisam solicitar, mas provavelmente acessarão. Quando carregada em uma página pré-renderizada, a biblioteca da GPT solicita anúncios somente se e quando a página se torna 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
Começar a usar as 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 dos anúncios.
Para mais detalhes, consulte a documentação de auditoria sobre carregar scripts de anúncios estaticamente no Lighthouse.
Carregar a GPT de maneira 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 das auditorias de anúncios do editor para o Lighthouse carregar tags de anúncio de forma assíncrona.
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 proporciona mais segurança para os usuários e melhora o desempenho. Como as solicitações de anúncios emitidas pela GPT sempre usam HTTPS, carregar a biblioteca via 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 as documentações de auditoria de anúncios do editor para o Lighthouse carregar a tag de anúncio por HTTPS e carregar a GPT do host recomendado.
Pratique uma boa performance da página
Embora as práticas recomendadas neste 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 com base em recomendações amplas, como as deste guia), é importante avaliar o impacto dessas alterações em todos os aspectos do desempenho da sua página. É recomendável executar ferramentas como o Lighthouse e as Auditorias de anúncios do editor para o Lighthouse a fim de identificar e resolver problemas de performance e encontrar o equilíbrio certo de otimizações para seu site.