Implementação na Web

Observação:faça apenas uma solicitação de anúncio por página, não importa quantos blocos estejam presentes.

Importante:leia os Termos e Condições antes de usar este código.

Para usar esse código, você precisa ter uma conta do Google AdSense com permissão ativa para usar os Anúncios personalizados de pesquisa do AdSense.

Visão geral

A implementação dos Anúncios personalizados de pesquisa do AdSense no seu site é um processo de três etapas:

Etapa 1: criar seu estilo de pesquisa personalizada no AdSense

Depois de fazer login, expanda Anúncios de pesquisa e clique em Estilos de pesquisa. Nela, você pode criar um novo estilo ou atualizar um existente.

Etapa 2: configurar o código

Clique em Receber código Incorporar. Configure os contêineres de anúncios para corresponder aos da sua página de pesquisa.

Etapa 3: implementar o código

Copie o código do gerador de código e cole na sua página, lembrando de atualizar o parâmetro query. O código gerado na tag "head" precisa ser colocado na tag "head" do seu site para que os anúncios sejam carregados corretamente. O código do bloco de anúncios 1 contém as configurações de todos os blocos de anúncios na página. Para adicionar mais blocos de anúncios, basta colocar o <div> correspondente na página em que os anúncios devem aparecer.

Os recursos mais usados com frequência são fornecidos no gerador de código, mas alguns parâmetros adicionais estão disponíveis na seção de referência. A seção de referência contém todas as opções no nível da página, que se aplicam a todos os blocos de anúncios na página, bem como todas as opções no nível do bloco, que se aplicam a blocos de anúncios individuais.

Código de amostra

Carregamento assíncrono de anúncios

O código gerado é assíncrono. Confira abaixo um exemplo completo de carregamento assíncrono de anúncios. Você pode abrir este exemplo em uma nova guia. Não se esqueça de colocar seu próprio client-Id.

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId' : 'test client ID', // Enter your own client-ID here
  'query' : 'flowers', // User query for this page
  'styleId': '7824176615' // Enter your own style ID here
};

var adblock1 = {
  'container' : 'afscontainer1',
  'width' : 700
};

var adblock2 = {
  'container' : 'afscontainer2',
  'width' : 700
};

_googCsa('ads', pageOptions, adblock1, adblock2);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

A pesquisa relacionada na Pesquisa é uma unidade orgânica com termos relacionados ao termo de pesquisa atual. Os links nessa unidade levam a uma nova página de resultados da pesquisa. 

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'relatedSearchTargeting': 'query', // Must use 'query' for Related Search on Search pages
  'query': 'flowers', // User query for this page
  'styleId': '1234567890', // Enter your own style ID here
  'resultsPageBaseUrl': '//www.example.com/search', // Enter your own base URL here
  'resultsPageQueryParam': 'query' // Enter your own query parameter here
};

var adblock = {
  'container': 'afscontainer1',
  'number': 3,
  'width': 700
};

var rsblock = {
  'container': 'afscontainer2',
  'relatedSearches': 6,
  'width': 500
};

_googCsa('ads', pageOptions, adblock, rsblock);
</script>

<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>

<div id="afscontainer2"></div>
</body>
</html>

Pesquisa relacionada em páginas de conteúdo

A pesquisa relacionada de conteúdo oferece ao usuário termos de pesquisa relacionados ao conteúdo da página. Isso permite que os usuários explorem tópicos relevantes, interagindo com anúncios de pesquisa ou navegação no site. Não use o parâmetro "query" na Pesquisa relacionada em páginas de conteúdo, porque isso vai gerar resultados inesperados.

Observação:para que os termos de pesquisa relacionada possam ser mostrados no seu site, o Google precisa rastrear suas páginas e garantir que os termos sejam contextualmente relevantes. Quando uma página ainda não foi rastreada ou está bloqueada para rastreamento (por exemplo, por um robots.txt) pelo rastreador Mediapartners-Google, não vamos mostrar os termos de pesquisa relacionada sugeridos que você fornece ao Google.

O produto Pesquisa relacionada no conteúdo depende do sistema de rastreamento de conteúdo do Google para indexar páginas e gerar termos de pesquisa relevantes. URLs de páginas de conteúdo com parâmetros de consulta, como variáveis de rastreamento, IDs de usuário, IDs de sessão ou outros identificadores dinâmicos, podem interferir na capacidade do rastreador de avaliar o conteúdo principal da página e gerar termos de pesquisa relacionados imprecisos ou irrelevantes. Use o parâmetro "ignoredPageParams" para identificar esses parâmetros não essenciais, garantindo a indexação adequada do conteúdo e reduzindo a carga desnecessária de rastreamento. Isso permite que o Google reconheça melhor uma página como já rastreada e comece a mostrar termos sugeridos (do Google e do parceiro, se qualificado). 

<html>
<head>

<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>

<script type="text/javascript" charset="utf-8">
  (function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
  arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>

</head>

<body>

<p>Page content</p>

<div id="afscontainer1"></div>

<script type="text/javascript" charset="utf-8">

var pageOptions = {
  'pubId': 'test client ID', // Enter your own client-ID here
  'relatedSearchTargeting': 'content', // Must use 'content' for Related Search on Content pages
  'hl': 'en', // The preferred language for related terms (default to 'en' if not specified)
  'styleId': '1234567890', // Enter your style ID
  'resultsPageBaseUrl': '//www.example.com/search', // Enter the base URL of your results page
  'resultsPageQueryParam': 'query', // Specify the query parameter on your results page
  'terms': 'term a,term b', // Optionally provide your own related terms in a comma-delimited list
  'referrerAdCreative': 'example ad title' // Only used when a user comes from a source you control;
                                           // required when 'terms' is present.
};

var rsblock1 = {
  'container': 'afscontainer1',
  'relatedSearches': 6
};

_googCsa('relatedsearch', pageOptions, rsblock1);
</script>

<p>More page content</p>

</body>
</html>

O que deve ser evitado

Recomendamos que todos os publishers sigam nossas diretrizes para implementar os Anúncios personalizados de pesquisa do AdSense e evitem determinados métodos de implementação que possam interferir na renderização dos anúncios e causar resultados inesperados ou performance abaixo do ideal.

  • Não faça várias chamadas de anúncio em uma página, a menos que seja para uma implementação de rolagem infinita.
  • Não oculte blocos de anúncios antes ou depois da renderização dos anúncios
  • Não mova os blocos de anúncios pela página
  • Não solicite mais blocos de anúncios do que você quer mostrar na página.
  • Não manipule o DOM dos blocos de anúncios
  • Não implemente seu próprio carregamento lento. Use o do Google.
  • Não armazene em cache os recursos JS do Google no seu site
  • Não use o parâmetro "query" na Pesquisa relacionada em páginas de conteúdo, porque isso pode gerar resultados inesperados.