如何将信息流广告代码放置在网页上

制作信息流广告后，下一步是将代码置于信息流的 HTML 中。

注意：请务必将信息流广告代码放置到信息流中。将信息流广告代码放置到信息流之外，可能会导致广告效果较差以及您违反 AdSense 合作规范。

在何处放置信息流广告代码

应将信息流广告代码放在信息流内容中间，或者放在信息流开头或结尾处。为此，您可以直接修改信息流的 HTML 代码；另外，如果您使用内容管理系统 (CMS) 的话，也许可以使用插件插入代码。

以下是一个信息流广告设置示例：

内容版块 1：
内容版块 2：
原生信息流广告：
内容版块 3：
内容版块 4：

如果您想在信息流中放置多个广告，则既可以在信息流中创建多个信息流广告单元，也可以多次放置相同的信息流广告代码。

如何放置信息流广告

通常，您的 CMS 包含以下两个组件：1) 一个数据库，其中包含您的内容；2) 一段代码，通过一个循环不断投放您的内容，从而形成您的信息流。可以在存储于 CMS 模板文件夹（有时称为主题背景文件夹）的模板文件中找到这段代码。

修改模板文件中的代码

要放置信息流广告，请按照以下步骤修改模板文件中的代码：

1. 打开信息流所在网页的模板文件。
2. 找到用于形成信息流的循环。（提示：循环代码很可能包含“while”或“for each”命令。）
3. 修改循环代码，以将信息流广告插入信息流，此时请特别注意以下两点：
   • 如果您的循环没有计数器，请添加计数器以设置要插入信息流广告的频率。
   • 在循环中添加“if”语句，以您在计数器中设定的频率展示您的信息流广告。

有关您的 CMS 的具体说明，我们建议您在 Google 上搜索。

我们在下面提供了一些伪代码。您的代码的结构与此伪代码类似，不过，取决于您使用的编程语言，您的实际实现方式可能会有所不同。

Posts[] posts;
Var count=1; // If your code does not include a counter define one
While (count < posts.length) // Increase the value of "count" by 1 until the final post in the database
{

   If (count%3=0) //If the value of "count" equals 3 or 6 or 9 insert the ad
   {
   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous">
   </script>
   <ins class="adsbygoogle" style="display:block"
   data-ad-format="fluid"
   data-ad-client="ca-pub-1234567890123456"
   data-ad-slot="1234567890"></ins>
   <script>
   (adsbygoogle = window.adsbygoogle || []).push({});
   </script>
   }

   <h3>{{ post.title }}</h3> // for all count values insert the content block title
   <p>{{ post.body }}<p> //Insert the content block body
   <img src="{{ post.thumbnail}}"> //Insert the content block image

}

重要提示

一定要将广告代码放在符合下列条件的父级容器（<div>、<iframe> 等）内：

• 具有有效的宽度。如果您将广告代码放在未设置明确宽度的父级容器内（例如放在浮动元素内），您的广告将不会展示。我们使用父级容器的宽度来计算广告的宽度。请注意，信息流广告的最小宽度为 250 像素。
• 具有可变的高度。如果将广告代码放置在固定高度的父级容器中，您的广告可能会扭曲。