如何在 Blogger 帖子末尾添加 AdSense 广告

您想在 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 广告 –

  1. 登录您的 Blogger 帐户并打开您的博客仪表板。
  2. 现在去模板 > 编辑主题
  3. 单击模板编辑器中的任意位置,然后按 CTRL+F 快捷键打开搜索框。
  4. 在你的目录中搜索以下代码–
  5. <div class="post-footer">
  6. 略低于<div class=”post-footer”>,粘贴此代码:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <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 模板中的代码(适用于桌面版和移动版)。 如果广告不起作用,请尝试使用该代码的其他位置。

  7. 最后,点击“保存主题“ 按钮。 就是这样。

现在访问您的 Blogger 网站并检查广告是否正常运行。

  • 另请阅读:

我们希望本指南有助于您在 Blogger 网站/博客的帖子末尾添加 AdSense 广告。 如果您遇到任何问题,请随时在评论部分分享。

内容营销人员兼创始人@Geek Instructor。凭借十多年的经验,我撰写了 1500 多篇涵盖广泛主题的文章。 我热衷于与他人分享我的技术知识。 就我个人而言,我喜欢旅行和制作 YouTube 视频。