Esta página foi traduzida pela API Cloud Translation.

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 os anúncios personalizados de pesquisa do Google AdSense.

Visão geral

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

Etapa 1: criar um estilo de pesquisa personalizado no Google AdSense

Depois de fazer login, expanda Anúncios para pesquisa e clique em Estilos de pesquisa. Aqui você pode criar um estilo ou atualizar um que já exista.

Etapa 2: configurar o código

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

Etapa 3: implementar o código

Copie e cole o código do gerador de código na página, lembrando de atualizar o parâmetro query. O código gerado na tag de cabeçalho deve ser colocado na tag de cabeçalho do 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 outros blocos de anúncios, será necessário inserir 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ó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 de anúncio assíncrono. Você pode abrir este exemplo em uma nova guia. Lembre-se de incluir 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 é uma unidade orgânica com termos relacionados ao termo de pesquisa atual. Os links deste bloco vão 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 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 os anúncios de pesquisa ou a navegação no site. Não use o parâmetro "query" para a pesquisa relacionada em páginas de conteúdo, porque isso causa 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 anúncios personalizados de pesquisa do Google AdSense e evite determinados métodos de implementação que possam interferir na renderização de anúncios e causar resultados inesperados ou desempenho abaixo do ideal.

Não faça várias chamadas de anúncios de 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 na página.
Não solicite mais blocos de anúncios do que você gostaria de mostrar na página.
Não manipule o DOM dos blocos de anúncios
Não implemente seu próprio carregamento lento. Nesse caso, use o carregamento lento do Google.
Não armazene em cache os recursos JS do Google no seu site
Não use o parâmetro "query" para a pesquisa relacionada em páginas de conteúdo, porque isso causa resultados inesperados.

Implementação na Web

Visão geral

Código de amostra

Carregamento assíncrono de anúncios

Pesquisa relacionada nas páginas de pesquisa

Pesquisa relacionada em páginas de conteúdo

O que deve ser evitado