Depois de integrar a biblioteca da Tag do editor do Google (GPT) ao seu site e conhecer nossas práticas recomendadas gerais, você já pode começar a emitir solicitações de anúncio. Confira abaixo algumas práticas recomendadas adicionais que você precisa considerar ao configurar e trabalhar com slots de anúncios para aproveitar ao máximo seu espaço de anúncio com o mínimo de impacto na performance.
Priorizar espaços de anúncios "importantes"
Nem todos os slots de anúncio são iguais. Por exemplo, os slots que aparecem assim que a página é carregada (acima da dobra) geralmente são mais "importantes" do que aqueles que não aparecem até que a página seja rolada (abaixo da dobra), em termos de visibilidade e monetização. Com isso em mente, é importante considerar cuidadosamente a importância relativa de cada espaço de anúncio na sua página e priorizar o carregamento dos espaços mais importantes o mais rápido possível.
Carregar os anúncios acima da dobra com antecedência
Os anúncios que vão ficar visíveis assim que a página for carregada precisam ter a maior
prioridade. É recomendável definir esses slots no <head> do seu
documento e solicitá-los o mais cedo possível no processo de carregamento da página. Isso
ajuda a garantir que esses anúncios sejam carregados mais cedo (maximizando a visibilidade) e
que não atrasem desnecessariamente o carregamento inicial da página.
Carregar anúncios abaixo da dobra lentamente
Para anúncios que precisam ser rolados para aparecer, a busca e a renderização precisam ser adiadas até que os slots estejam próximos de entrar na viewport. Esse é um processo conhecido como carregamento lento. O carregamento lento prioriza solicitações e renderização de conteúdo do criativo para os slots com maior probabilidade de visualização. Isso ajuda a otimizar o desempenho de carregamento da página, conservando os recursos limitados do navegador, o que é especialmente importante em ambientes móveis, em que a largura de banda e a CPU costumam ser muito limitadas.
Atualizar anúncios sem atualizar a página
Há muitos cenários em que é ideal ou até mesmo necessário substituir o conteúdo do anúncio atual de um espaço. Nesses casos, é melhor usar a função de atualização da biblioteca GPT para fazer isso de forma dinâmica. Isso evita uma atualização completa da página e permite controlar com precisão as condições em que um slot ou grupo de slots é atualizado.
Ao atualizar os slots de anúncios, é importante conhecer e seguir as
práticas recomendadas do refresh().
A atualização inadequada de anúncios pode causar problemas de performance e afetar negativamente
as taxas de visibilidade.
Segmentar anúncios de maneira eficaz
Ao configurar a segmentação por chave-valor, pense bem
se você quer usar a segmentação no nível do slot ou da página. Para chaves-valor compartilhadas
entre vários slots, é mais eficaz usar a segmentação no nível da página pelo
método setTargeting() do PubAdsService. A segmentação no nível do slot só deve ser usada para registrar chaves-valor que são diferentes ou não estão incluídas em todos os slots.
A segmentação no nível do slot e da página pode ser usada ao mesmo tempo, como mostrado no exemplo de segmentação definida. É altamente recomendável configurar a segmentação no nível da página primeiro e aplicar substituições no nível do slot somente quando necessário. Essa abordagem não só usa de maneira eficiente a API GPT, como também simplifica o código e ajuda a manter um modelo mental claro de todo o direcionamento configurado na página.
Usar a arquitetura de solicitação única corretamente
A arquitetura de solicitação única (SRA) é um modo de solicitação da GPT que agrupa solicitações de vários espaços do anúncio em uma única solicitação de anúncio. Isso garante que as exclusões competitivas e os obstáculos configurados para sua página sejam respeitados. Portanto, se a sua página usar esses recursos, recomendamos ativar a SRA e entender como usá-la corretamente.
Na configuração padrão, a SRA solicita todos os espaços de anúncio definidos na
página na primeira vez que você chama display() (ou refresh(), se o
carregamento inicial estiver desativado). Por isso, é recomendável definir todos os slots de anúncios da página no <head> do
documento antes de fazer a primeira chamada para display().
O carregamento lento pode ser usado com essa
abordagem para garantir que os slots abaixo da dobra não sejam
carregados imediatamente.
Ao usar a SRA, é importante configurar todos os espaços de anúncios (por exemplo,
definir segmentação, exclusão de categoria etc.) antes de fazer a primeira chamada para
display(). Somente os valores configurados antes desse ponto serão incluídos na
solicitação inicial de SRA.
Incorreto: a configuração do local de anúncio não está incluída na solicitação de SRA.
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
Correto: a configuração do espaço do anúncio está incluída na solicitação de SRA.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
Otimize o tamanho dos seus anúncios
Ao definir seus espaços, considere não apenas o tamanho máximo de anúncio que pode ser veiculado, mas também os tamanhos menores que podem caber confortavelmente no mesmo espaço. Em geral, quanto mais tamanhos você especificar ao definir um slot, mais anúncios poderão ser veiculados nele. Isso pode resultar em taxas de preenchimento mais altas e aumento da receita.