Веб-реализация

Примечание. Всегда делайте только один запрос объявления на страницу, независимо от того, сколько блоков может присутствовать.

Важно: прочтите Условия использования перед использованием этого кода.

Чтобы использовать этот код, у вас должна быть учетная запись AdSense с активным разрешением на использование рекламы в пользовательском поиске AdSense.

Обзор

Размещение объявлений AdSense в пользовательском поиске на вашем сайте состоит из трех этапов:

Шаг 1. Создайте собственный стиль поиска в AdSense.

После входа в систему разверните раздел «Объявления для поиска» и нажмите «Стили поиска» . Отсюда вы можете создать новый стиль или обновить существующий.

Шаг 2. Настройте код

Нажмите «Получить код». Embed . Настройте свои рекламные контейнеры так, чтобы они соответствовали рекламным контейнерам на вашей странице поиска.

Шаг 3. Реализуйте код

Скопируйте код из генератора кода и вставьте его на свою страницу, не забыв обновить параметр query . Код, сгенерированный в теге head, должен быть размещен в теге head на вашем сайте, чтобы объявления загружались правильно. Код рекламного блока 1 будет содержать настройки для всех рекламных блоков на странице. Для дополнительных рекламных блоков потребуется только разместить соответствующий рекламный блок <div> на странице, где должны появляться объявления.

Наиболее часто используемые функции предоставляются в генераторе кода, но некоторые дополнительные параметры доступны в справочном разделе . Справочный раздел содержит все параметры уровня страницы , которые применяются ко всем рекламным блокам на странице, а также все параметры уровня блока , которые применяются к отдельным рекламным блокам.

Образец кода

Асинхронная загрузка рекламы

Сгенерированный код является асинхронным. Полный рабочий пример асинхронной загрузки рекламы показан ниже. Вы можете открыть этот пример в новой вкладке . Не забудьте указать свой собственный идентификатор клиента.

<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>

Связанный поиск в поиске – это органический блок с поисковыми запросами, связанными с текущим поисковым запросом. Ссылки на этом устройстве ведут на новую страницу результатов поиска.

<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>

Связанный поиск по содержимому предоставляет пользователю условия поиска, связанные с содержимым страницы. Это позволяет пользователям изучать соответствующие темы, взаимодействуя с поисковыми объявлениями или навигацией по сайту. Не используйте параметр «запрос» для связанного поиска на страницах контента, так как это приведет к неожиданным результатам.

<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>

Чего следует избегать

Мы советуем всем издателям соблюдать наши рекомендации по внедрению объявлений AdSense в пользовательском поиске и избегать определенных методов внедрения, которые могут помешать отображению объявлений и привести к неожиданным результатам или неоптимальной производительности.

  • Не делайте несколько вызовов объявлений со страницы, за исключением случаев реализации бесконечной прокрутки.
  • Не скрывайте рекламные блоки ни до, ни после показа рекламы.
  • Не перемещайте рекламные блоки по странице
  • Не запрашивайте больше рекламных блоков, чем вы хотите отобразить на странице.
  • Не манипулируйте DOM рекламных блоков.
  • Не реализуйте собственную отложенную загрузку (вместо этого положитесь на отложенную загрузку Google).
  • Не кэшируйте JS-ресурсы Google на своем сайте.
  • Не используйте параметр «запрос» для связанного поиска на страницах контента, так как это приведет к неожиданным результатам.