此页面由 Cloud Translation API 翻译。

网站实现

注意：无论有多少个屏蔽设置，每个网页都只能发出一个广告请求。

重要提示：请先阅读条款及条件，然后再使用此代码

要使用此代码，您必须拥有一个 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 需要先抓取相关搜索字词，然后相关搜索字词才能显示在您的网站上确保搜索字词与内容相关。当网页尚未被抓取时，或被 robots.txt 禁止抓取 AdSense 抓取工具、我们不会显示您向 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”参数参数，因为它会导致意外的结果。

网站实现 使用集合让一切井井有条 根据您的偏好保存内容并对其进行分类。

概览

示例代码

异步广告加载

搜索页上的相关搜索

内容页上的相关搜索

需要避免的事项

网站实现