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

Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.

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

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

Чтобы использовать этот код, у вас должна быть учетная запись 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 на своем сайте.
  • Не используйте параметр «запрос» для связанного поиска на страницах контента, так как это приведет к неожиданным результатам.