Implementação na Web

Observação:só faça uma solicitação de anúncio por página, independentemente do número de bloqueios.

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 o AdSense para resultados de pesquisa.

Visão geral

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

Etapa 1: criar seu estilo de pesquisa personalizado no AdSense

Depois de fazer login, expanda Anúncios para pesquisas e clique em Estilos de pesquisa. Aqui é possível criar um novo estilo ou atualizar um existente.

Etapa 2: configurar o código

Clique em Obter código Incorporar Configure seus contêineres de anúncios para que eles correspondam aos da sua página de pesquisa.

Etapa 3: implementar o código

Copie o código do gerador e cole na sua página, lembrando de atualizar o parâmetro query. O código gerado na tag "head" precisa ser colocado nessa tag 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 adicionar blocos de anúncios, basta colocar o bloco <div> correspondente na página em que os anúncios devem ser exibidos.

Os recursos mais usados 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. Um exemplo completo e funcional de carregamento de anúncios assíncrono é mostrado abaixo. Você pode abrir este exemplo em uma nova guia. Lembre-se de colocar seu próprio ID de 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 é um bloco orgânico com termos de pesquisa relacionados ao termo de pesquisa atual. Os links neste bloco levam a uma nova página de resultados de 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 no conteúdo fornece 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 navegando no site. Não use a função "query" para a pesquisa relacionada nas páginas de conteúdo, já que causa resultados resultados.

Observação:para que os termos de pesquisa relacionada possam ser exibidos no seu site, o Google precisa rastrear suas páginas para garantir que os termos sejam contextualmente relevantes. Quando uma página ainda não tiver sido rastreada ou está bloqueado para rastreamento (por exemplo, por um arquivo robots.txt) pelo Rastreador do AdSense, não mostraremos sugestões de termos de pesquisa relacionada que você fornecer ao Google.

A pesquisa relacionada no produto de conteúdo depende do sistema de rastreamento de conteúdo do Google para indexar páginas e gerar termos de pesquisa relevantes. URLs da página de conteúdo que contêm parâmetros de consulta, como o acompanhamento variáveis, IDs de usuário, IDs de sessão ou outros identificadores dinâmicos podem interferir na de avaliar o conteúdo principal da página e pode levar a pesquisas relacionadas imprecisas ou irrelevantes em alguns termos cruciais. Use o parâmetro "ignoredPageParams" para identificar esses parâmetros não essenciais, garantindo a indexação correta do conteúdo e reduzindo a carga de rastreamento desnecessária. Isso permite que o Google reconhecer uma página como já rastreada e começar a mostrar termos sugeridos (tanto do Google quanto do parceiro, se for 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 clicked an ad to arrive here;
                                           // 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 editores sigam nossas diretrizes para implementar anúncios personalizados de pesquisa do Google AdSense. e evite certos métodos de implementação que possam interferir na renderização de anúncios e causar resultados inesperados ou abaixo do ideal.

  • Não faça várias chamadas de anúncio em 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 mostrar 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 carregamento lento do Google.
  • Não armazene em cache os recursos JavaScript do Google no seu site
  • Não use a função "query" para a pesquisa relacionada em páginas de conteúdo, já que isso gera resultados inesperados.