注意:无论有多少个屏蔽设置,每个网页都只能发出一个广告请求。
重要提示:请先阅读条款及条件,然后再使用此代码
要使用此代码,您必须拥有一个 AdSense 帐号,且该帐号拥有使用 AdSense 自定义搜索广告的有效权限。
概览
在您的网站上投放 AdSense 自定义搜索广告需要完成三个步骤:
第 1 步:在 AdSense 中创建自定义搜索广告样式
登录后,展开搜索广告,然后点击搜索广告样式。在这里,您可以创建新样式或更新现有样式。
第 2 步:配置代码
点击获取代码 。配置您的广告容器,使其与搜索页上的广告容器相匹配。
第 3 步:实现代码
复制代码生成器中的代码并将其粘贴到您的网页中,同时别忘了更新 query
参数。在 head 标记中生成的代码应放置在网站的 head 标记中,广告才能正常加载。广告单元 1 的代码将包含页面上所有广告单元的设置。对于其他广告单元,只需在应该展示广告的网页上放置相应的广告单元 <div>
。
示例代码
异步广告加载
生成的代码是异步的。异步广告加载的完整运行示例如下所示。您可以在新标签页中打开此示例。请务必输入您自己的客户端 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>
搜索页上的相关搜索
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> <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 需要抓取您的网页,以确保这些字词与内容相关。如果 AdSense 抓取工具尚未抓取或阻止抓取某个网页(例如已被 robots.txt 禁止抓取),我们不会显示您向 Google 提供的建议相关搜索字词。
“内容相关搜索”产品依靠 Google 的内容抓取系统来将网页编入索引并生成相关搜索字词。包含查询参数(例如跟踪变量、用户 ID、会话 ID 或其他动态标识符)的内容页网址可能会影响抓取工具评估网页核心内容的能力,并且可能会导致相关搜索字词不准确或不相关。请使用“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 的延迟加载)
- 不要在您的网站上缓存 Google 的 JS 资源
- 请勿对内容页上的相关搜索使用“query”参数,否则会导致意外结果。