Примечание. Делайте только один запрос объявления на страницу, независимо от того, сколько блоков может присутствовать.
Важно: прочитайте Условия использования перед использованием этого кода.
Чтобы использовать этот код, у вас должна быть учетная запись AdSense с активным разрешением на использование объявлений пользовательского поиска AdSense.
Обзор
Размещение рекламы AdSense в пользовательском поиске на вашем сайте состоит из трех этапов:
Шаг 1. Создайте собственный стиль поиска в AdSense
После входа разверните Объявления для поиска и нажмите Стили поиска . Отсюда вы можете создать новый стиль или обновить существующий.
Шаг 2. Настройте код
Нажмите Получить код . Настройте свои рекламные контейнеры так, чтобы они соответствовали рекламным контейнерам на странице поиска.
Шаг 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 на своем сайте.
- Не используйте параметр «запрос» для связанного поиска на страницах контента, так как это приведет к неожиданным результатам.