Integrar a biblioteca da Tag de publisher do Google (GPT) ao seu site é, de muitas maneiras, o mesmo que integrar qualquer outro script de terceiros. No entanto, há alguns aspectos exclusivos do trabalho com a GPT que precisam ser considerados para garantir que você aproveite ao máximo seu espaço publicitário 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 trabalhar na sua integração.
Carregar a GPT de uma fonte oficial
Para garantir o acesso aos recursos e às proteções de privacidade mais recentes, sempre solicite a biblioteca GPT de uma fonte oficial usando um dos URLs listados na tabela a seguir. O URL a ser usado depende de você planejar ativar manualmente o modo de anúncios limitados (LTD).
| Tipo de integração | Tag script |
|---|---|
| Padrão Incluindo publishers integrados com a TCF do IAB Europe. |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| Anúncios limitados manuais Se você quiser ativar manualmente os anúncios limitados (LTD). |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
O modo anúncios limitados (LTD) permite que a GPT veicule anúncios sem acessar o armazenamento do lado do cliente (como cookies ou identificadores locais). Os anúncios limitados podem ser ativados de duas maneiras:
Padrão (automaticamente): um provedor de gestão de consentimento (CMP) informa à GPT que o usuário não deu consentimento para acesso ao armazenamento, geralmente usando um indicador da TCF v2.0 do IAB. Se você usa uma CMP certificada pelo Google para gerenciar o consentimento do usuário, a GPT entra automaticamente no modo de anúncios limitados com base nas preferências do usuário.
- URL: carregue a GPT do URL padrão (doubleclick.net).
- Nenhuma ação manual necessária: não é necessário chamar
setPrivacySettings({limitedAds: true})manualmente quando uma CMP está em uso, porque os indicadores são processados automaticamente pela biblioteca.
Manualmente: você chama explicitamente a API GPT para solicitar anúncios limitados.
- URL: se você pretende ativar manualmente os anúncios limitados usando a
API
googletag.pubads().setPrivacySettings({limitedAds: true}), é obrigatório carregar a GPT com o URL de anúncios limitadosgooglesyndication.com. - Motivo: carregar o GPT do domínio
googlesyndication.compermite mais proteções contra o acesso ao armazenamento do lado do cliente por padrão. - Consequência da configuração incorreta: se a GPT for carregada no URL padrão e a API manual for chamada, a solicitação para ativar os anúncios limitados será ignorada, e um aviso será registrado no console do publisher.
- URL: se você pretende ativar manualmente os anúncios limitados usando a
API
Não veicular versões em cache da GPT
Nunca veicule versões de gpt.js, pubads_impl.js ou qualquer biblioteca que eles carreguem
do seu próprio servidor ou de uma fonte não oficial.
Usar 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 anteriores da biblioteca GPT podem parar de funcionar a qualquer momento e causar perda de receita de publicidade se os anúncios pararem de ser veiculados nas 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 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 cedo
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 no início, esses scripts dependentes também podem ser carregados antes. Isso evita latência extra relacionada à busca desses scripts (se não estiverem em cache) e permite que os anúncios sejam carregados mais rapidamente. Tudo isso contribui para diminuir a métrica de tempo até renderizar o 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
a GPT em seu nome. Nesses casos, pode ser adequado
pré-carregar a solicitação de gpt.js. Pré-carregar uma solicitação instrui o navegador a baixar imediatamente 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">
Use fetchpriority para priorizar o carregamento de scripts
Você pode usar o atributo fetchpriority para sinalizar ao
navegador a prioridade relativa da busca de recursos da GPT. Por
padrão, o gpt.js solicita automaticamente o script de implementação principal
(pubads_impl.js) e os scripts de privacidade e mensagens do Google com
fetchpriority="high" para otimizar o agendamento de rede e reduzir a latência
de carregamento de anúncios. Aumentar a prioridade pode afetar o carregamento de outros recursos na página e as métricas das Core Web Vitals. Para maximizar o impacto da latência de fetchpriority definido como alto, recomendamos definir gpt.js diretamente.
Para priorizar a busca do próprio script do carregador gpt.js (ou configurar a
prioridade herdada dos scripts de pubads_impl.js e Privacidade e mensagens do Google),
adicione o atributo fetchpriority diretamente à tag gpt.js <script>:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
Quando você especifica o atributo fetchpriority na tag <script> do carregador
gpt.js, o script de implementação inserido dinamicamente e os scripts de
privacidade e mensagens do Google herdam automaticamente o valor fetchpriority especificado (como "high", "low" ou "auto").
Usar a GPT em páginas pré-renderizadas
O pré-renderização instrui o navegador a baixar e renderizar preventivamente páginas que os usuários ainda não solicitaram, mas provavelmente vão acessar. Quando carregada em uma página pré-renderizada, a biblioteca GPT só solicita anúncios se e quando a página é exibida.
Carregar a GPT de forma estática
Evite injetar a biblioteca da GPT na sua página de forma dinâmica 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 de publisher do Google. Isso evita que outros recursos atrasem a busca e o carregamento da biblioteca GPT, o que, por sua vez, atrasaria o carregamento dos anúncios.
Para mais detalhes, consulte a documentação de auditoria do Publisher Ads Audits for Lighthouse carregar scripts de anúncios de forma estática.
Carregar a GPT de forma assíncrona
Inclua a palavra-chave async na definição da tag 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 do Publisher Ads Audits for Lighthouse sobre carregar tag de anúncio de forma assíncrona.
Carregar a GPT com segurança
Sempre carregue a biblioteca GPT por HTTPS, conforme ilustrado em Começar a usar as Tags do publisher do Google. Isso não só oferece mais segurança aos usuários, mas 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 de auditoria do Publisher Ads Audits for Lighthouse sobre carregar uma 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 do GPT, muitos outros fatores contribuem para o desempenho geral da sua página. Ao fazer mudanças no seu site (principalmente aquelas baseadas em recomendações gerais, como as deste guia), é importante avaliar o impacto delas em todos os aspectos da performance da página. Recomendamos que você execute regularmente ferramentas como o Lighthouse e o Publisher Ads Audits for Lighthouse para identificar e resolver problemas de performance e encontrar o equilíbrio certo de otimizações para seu site.