您想在 Blogger 网站/博客的帖子末尾添加 Google AdSense 广告吗? 这些广告效果会非常好,并且可以产生大量收入。
这点击率(点击率)和中国共产党帖子末尾的广告(每次点击费用)相当高。 您可以放置任何您想要的广告单元,例如文字/展示广告、链接广告单元以及匹配的内容。
与 WordPress 不同,Blogger 不支持任何插件,无法帮助您在帖子末尾添加 AdSense 广告代码,因此您必须在 Blogger 模板中手动添加它。 本教程将指导您如何执行此操作。
笔记:在我们之前的文章中,我们已经讨论过如何网站/博客。 请务必查看该教程。
您可以在帖子末尾放置哪些广告单元和尺寸?
Google AdSense 有多种可用的广告单元和广告尺寸。 在这里,我们在 Blogger 的帖子末尾讨论了哪些广告单元和广告尺寸效果良好 –
- 336×280广告尺寸– 我们建议您使用 336×280 广告尺寸(也称为大矩形)。 它在桌面和移动设备上都有良好的表现。
- 自适应广告– 响应式广告将根据可用空间自动调整其大小。 它们也适合移动设备。
- 728×90 广告尺寸– 您还可以在帖子末尾使用 728×90(也称为排行榜)广告尺寸,但是,由于广告高度很小,因此效果可能不佳。
- 链接广告单元– 除了文字/展示广告之外,您还可以在 Blogger 网站上的帖子末尾放置链接广告单元。 链接广告也有各种广告尺寸,我们建议您使用自适应链接广告。
- 匹配内容广告– 如果您的网站符合匹配内容广告的条件,您可以将其添加到帖子末尾。 匹配内容是一种推荐工具,它将显示您博客中的相关帖子以及广告。
根据您的需要选择广告尺寸/单元后,登录您的 Google AdSense 帐户并创建新的广告单元。 创建后,复制其广告代码。
为 Blogger 模板编码 AdSense 广告代码
您无法将 AdSense 广告代码直接放入 Blogger 模板中。 Blogger 模板不支持某些特殊字符,例如大于 (>)、小于 (<)、与号 (&) 和双引号 (“)。
您必须将 AdSense 广告代码从 HTML 编码为 XML 编码。 为此,您可以使用我们的在线工具。 只需转至此网页并粘贴您的 AdSense 广告代码即可。 之后,复制解析后的代码,然后就可以将其添加到您的 Blogger 模板中。
按照此分步指南在您的 Blogger 网站上的帖子末尾添加 AdSense 广告 –
- 登录您的 Blogger 帐户并打开您的博客仪表板。
- 现在去模板 > 编辑主题。
- 单击模板编辑器中的任意位置,然后按 CTRL+F 快捷键打开搜索框。
- 在你的目录中搜索以下代码–
- 略低于<div class=”post-footer”>,粘贴此代码:
<b:if cond='data:blog.pageType == "item"'> <div style='clear: both; text-align: center; margin: 10px;'> <!--your AdSense code here--> </div></b:if>
确保更换<!–your AdSense code here–>使用您从 HTML 到 XML 解析器工具生成的解析后的 AdSense 广告代码。
我们在上述代码中使用了 Blogger 条件标记,以便 AdSense 广告仅显示在您的帖子(索引页)上。 我们还有并添加了在样式标签中使用 CSS text-align 和 margin 属性 容器。
笔记:可能会出现不止一次的情况<div class=”post-footer”>Blogger 模板中的代码(适用于桌面版和移动版)。 如果广告不起作用,请尝试使用该代码的其他位置。
- 最后,点击“保存主题“ 按钮。 就是这样。
<div class="post-footer">
现在访问您的 Blogger 网站并检查广告是否正常运行。
- 另请阅读:
我们希望本指南有助于您在 Blogger 网站/博客的帖子末尾添加 AdSense 广告。 如果您遇到任何问题,请随时在评论部分分享。
内容营销人员兼创始人@Geek Instructor。凭借十多年的经验,我撰写了 1500 多篇涵盖广泛主题的文章。 我热衷于与他人分享我的技术知识。 就我个人而言,我喜欢旅行和制作 YouTube 视频。