Como integrar a biblioteca da Tag do editor do Google (GPT) ao seu site é, em muitos aspectos, igual a integrar qualquer outro script de terceiros. No entanto, há alguns aspectos exclusivos do trabalho com a GPT que devem ser para garantir que você aproveite ao máximo seu espaço publicitário com impacto mínimo para o desempenho do site. Afinal, anúncios rápidos são importantes.
As seções a seguir abordam as práticas recomendadas ao trabalhar nos seus integração total.
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 Incluir editores integrados com o 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 desejam ativar manualmente anúncios limitados. |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
Só use o URL de anúncios limitados em sites em que você pretende ativar manualmente. anúncios limitados. Como solicitar a GPT dos anúncios limitados URL quando este recurso não está em uso faz com que o navegador abra uma conexão de rede adicional desnecessária, que pode atrasar o carregamento do anúncio.
Para ajudar nos requisitos de conformidade regulatória dos editores, a GPT pode ser
carregados do URL padrão com o crossorigin="anonymous"
para impedir que os cookies sejam enviados com a solicitação de script.
Não veicular versões em cache da GPT
Nunca veicular versões de gpt.js, pubads_impl.js ou das bibliotecas carregadas
do seu próprio servidor ou carregá-los de uma fonte não oficial.
Usar uma versão da biblioteca da GPT armazenada localmente em cache pode não sempre funcionam em versões mais recentes de navegadores ou sistemas operacionais e podem não ser atualizados com novos recursos e melhorias. Versões anteriores do a biblioteca da GPT pode parar de funcionar a qualquer momento e levar a 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 serviços
que os workers armazenem em cache ou modifiquem respostas a solicitações HTTP provenientes do seu site, use
uma estratégia somente de rede ao processar solicitações para gpt.js em
para buscar uma versão atualizada.
Carregue a GPT antecipadamente
A biblioteca da GPT (gpt.js) contém somente uma pequena fração dos
o código necessário para carregar anúncios. A maior parte desse código está contida
arquivos separados (como pubads_impl_XX.js), que são carregados por gpt.js como
necessários.
Ao carregar antecipadamente a biblioteca GPT principal, esses scripts dependentes também podem ser carregados antes. Isso evita qualquer latência extra relacionada à buscar esses scripts (se não estiverem armazenados em cache) e permite que os anúncios sejam carregados rapidamente. Tudo isso contribui para diminuir a tempo de renderização do primeiro anúncio, que aumenta a visibilidade dos seus anúncios.
Usar o pré-carregamento quando apropriado
Às vezes, você pode não ter controle direto sobre quando ou como a GPT
for carregado. Por exemplo, ao usar um script de anúncios de terceiros que carrega
a GPT em seu nome. Nesses casos, pode ser apropriado
pré-carregue a solicitação para gpt.js. O pré-carregamento de uma solicitação instrui o
para fazer o download imediato de um ativo específico que é fundamental para o
o carregamento da sua página. Quando o recurso especificado é um arquivo JavaScript, o script
conteúdos são buscados imediatamente, mas a execução é adiada até que o script seja
necessários.
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 o processar páginas que os usuários ainda precisam solicitar, mas que provavelmente vão visitar. Quando carregado em uma página pré-renderizada, a biblioteca da GPT só solicita anúncios se e quando a página estiver visível.
Carregar a GPT estaticamente
Evite injetar a biblioteca GPT na sua página de forma dinâmica ou
carregá-lo de um script externo. Em vez disso, carregue a biblioteca estaticamente na
<head> da sua página, conforme ilustrado em
Primeiros passos com as Tags do editor do Google. Isso evita que outros
que os recursos atrasem a busca e o carregamento da GPT
o que atrasa o carregamento de anúncios.
Para mais detalhes, acesse as auditorias de anúncios do editor para o Lighthouse carregue scripts de anúncios estaticamente na documentação de auditoria.
Carregar a GPT de forma assíncrona
Inclua a palavra-chave async na definição da tag de script, conforme ilustrado no
Primeiros passos com as Tags do editor do Google. Isso instrui o
navegador para carregar a biblioteca da GPT em paralelo com outros
recursos e o conteúdo da página, em vez de bloquear a execução até que o script seja
já está carregado.
Para mais detalhes, acesse as auditorias de anúncios do editor para o Lighthouse documentação de auditoria para carregar a tag 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 não apenas fornece mais segurança para os usuários, também melhora o desempenho. Como o anúncio as solicitações emitidas pela GPT sempre usam HTTPS, carregando a biblioteca se usar 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, acesse as auditorias de anúncios do editor para o Lighthouse carregar a tag de anúncio por HTTPS e carregue a GPT do host recomendado na documentação de auditoria.
Praticar a boa performance da página
Embora as práticas recomendadas neste guia se concentrem especificamente em otimizar seus integração da GPT, muitos outros fatores contribuem para a integração o desempenho da sua página. Ao fazer alterações no seu site (especialmente com base em recomendações amplas, como as deste guia), é importante para avaliar o impacto dessas alterações em todos os aspectos da página desempenho. É recomendável executar ferramentas como Lighthouse e Auditorias de anúncios do editor para o Lighthouse para identificar e resolver problemas de desempenho e encontrar o equilíbrio certo de otimizações para seu site.