Implementação na Web

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

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

Para usar este código, você precisa ter uma conta do Google AdSense com permissão ativa para usar o AdSense para resultados de pesquisa.

Informações gerais

O processo de implementação do AdSense para resultados de pesquisa no seu site é composto por três etapas:

Etapa 1: criar seu estilo de pesquisa personalizado no AdSense

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

Etapa 2: configurar o código

Clique em Receber código Embed. Configure os contêineres de anúncios para que correspondam aos da página de pesquisa.

Etapa 3: implementar o código

Copie o código do gerador e cole-o na página, lembrando de atualizar o parâmetro query. O código gerado na tag "head" deve ser colocado na tag "head" no 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 usar outros blocos de anúncios, é necessário apenas posicionar o bloco de anúncios correspondente <div> na página em que os anúncios devem ser exibidos.

Os recursos mais usados são fornecidos no gerador de códigos, 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 da página, bem como todas as opções no nível do bloco, que se aplicam a blocos de anúncios individuais.

Exemplo de código

Carregamento de anúncios assíncrono

O código gerado é assíncrono. Um exemplo completo de carregamento de anúncios assíncrono é mostrado abaixo. Abra este exemplo em uma nova guia. Lembre-se de inserir seu próprio ID do cliente.

<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 é um bloco orgânico com termos de pesquisa relacionados ao termo atual. Os links neste bloco direcionam para 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
  '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>

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

<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'
  '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 clicked an ad to arrive here
};

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 editores sigam nossas diretrizes para implementar os Anúncios personalizados de pesquisa do Google AdSense e evitem certos métodos de implementação que possam interferir na renderização dos anúncios e gerar resultados inesperados ou desempenho abaixo do ideal.

  • Não faça várias chamadas de anúncios a partir de uma página, a menos que haja 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 blocos de anúncios pela página
  • Não solicite mais blocos de anúncios do que você quer na página.
  • Não manipule o DOM dos blocos de anúncios
  • Não implemente seu próprio carregamento lento (em vez disso, use o do Google).
  • Não armazene em cache os recursos JS do Google no seu site
  • Não use o parâmetro "consulta" para a pesquisa relacionada em páginas de conteúdo, pois isso causará resultados inesperados.