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

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

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

Чтобы использовать этот код, у вас должна быть учетная запись 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
  '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>

Связанный поиск на страницах с контентом

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

Примечание. Прежде чем связанные поисковые запросы смогут появиться на вашем сайте, Google должен просканировать ваши страницы, чтобы убедиться, что эти термины контекстуально релевантны. Если страница еще не просканирована или заблокирована для сканирования (например, файлом robots.txt) сканером AdSense , мы не будем показывать предлагаемые термины связанного поиска, которые вы предоставляете Google.

Продукт «Похожий поиск по контенту» использует систему сканирования контента Google для индексации страниц и создания релевантных поисковых запросов. URL-адреса страниц контента, содержащие параметры запроса, такие как переменные отслеживания, идентификаторы пользователей, идентификаторы сеансов или другие динамические идентификаторы, могут помешать сканеру оценить основное содержимое страницы и могут привести к неточным или нерелевантным связанным поисковым запросам. Используйте параметр «ignoredPageParams», чтобы определить эти несущественные параметры, гарантируя правильную индексацию контента и снижая ненужную нагрузку на сканирование. Это позволяет Google лучше распознавать страницу как уже просканированную и начать показывать предлагаемые условия (как Google, так и партнерские, если это соответствует критериям).

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

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

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

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