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

Примечание: отправляйте только один запрос на показ рекламы на странице, независимо от количества блоков.

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

Для использования этого кода вам необходим аккаунт AdSense с активным разрешением на использование пользовательских поисковых объявлений AdSense.

Обзор

Внедрение пользовательских поисковых объявлений AdSense на вашем сайте — это трехэтапный процесс:

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

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

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

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

Шаг 3: Реализация кода

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

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

Пример кода

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

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

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

Похожие запросы на страницах контента

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

Примечание: Прежде чем на вашем сайте появятся связанные поисковые запросы, Google должен просканировать ваши страницы, чтобы убедиться в контекстной релевантности этих запросов. Если страница еще не просканирована или заблокирована для сканирования (например, файлом robots.txt) сканером Mediapartners-Google , мы не будем показывать предлагаемые вами связанные поисковые запросы, предоставленные 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 comes from a source you control;
                                           // 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 на своем сайте.
  • Не используйте параметр 'query' для поиска по похожим запросам на страницах контента, так как это приведет к неожиданным результатам.