Blocksy Pro 内容块实战教学:实现广告自动插入(支持 Google AdSense)

在 WordPress 网站中灵活插入广告,往往意味着复杂的代码或重复的页面编辑工作。而使用 Blocksy Pro 主题的「内容块(Content Blocks)」功能,可以让广告投放变得高效、自动化,尤其适合 WooCommerce 商城和内容博客使用。

这篇文章将手把手教你如何使用 Blocksy Pro 内容块功能,实现静态广告和 Google AdSense 动态广告的自动嵌入,无需修改原始文章或产品页面。、

20250507094458762-image

什么是 Blocksy Pro 的内容块功能?

Blocksy Pro 的内容块(Content Blocks)是一种可在页面任意位置插入自定义内容的工具,支持:

  • 静态广告图文
  • 第三方广告代码(如 AdSense)
  • 针对产品分类、文章类型、设备等设置显示条件
  • 动态插入到文章段落中

它完全基于 Gutenberg 编辑器构建,无需写代码。

在 WooCommerce 产品页插入静态广告

以推广手机壳为例,演示如何在特定分类的商品页面自动展示广告:

步骤 1:启用 Hook 显示位置

进入任意产品页面,点击页面顶部工具栏中的 “Hook Locations”,选择 “Show WooCommerce Hooks”,页面将展示所有支持插入的位置。

20250507095038347-image

步骤 2:选择广告插入点

在想插入广告的位置(例如产品简短描述上方)点击小铅笔图标,即可进入内容块编辑页面。

20250507095122743-image

步骤 3:插入广告内容

命名为「Phone Case Advertisement」,然后插入提前设计好的广告内容,可使用 Gutenberg 可重用块快速加载已有广告设计。

20250507095201702-image

步骤 4:设置显示条件

点击右上角的 Blocksy 设置图标,添加显示条件:

  • 类型:Post with taxonomy ID
  • 条件:仅在产品分类为“手机”的商品页面显示
20250507095345473-image

还可以设定:

  • 设备可见性(例如仅限手机端显示)
  • 到期时间(用于限时广告)
20250507095423850-image

在文章中动态插入 Google AdSense 广告

现在我们实现自动在博客文章前两段后插入 AdSense 广告的效果。

步骤 1:创建新的内容块

进入 WordPress 后台 → Blocksy → Content Blocks → Add New,命名为「Google Blog Ad」。

20250507095609652-image

步骤 2:插入广告代码

在 Gutenberg 编辑器中插入 Google AdSense 的广告代码(实际使用时需替换为你的广告单元代码)。

20250507095716724-image

步骤 3:设置插入位置

在「位置(Location)」中选择:

  • After certain number of blocks
  • 设置为“2”,表示文章中第二个内容块之后显示广告
20250507095818876-image

步骤 4:设置显示条件

  • 类型:Single Post,表示仅在文章页面中展示
20250507095854343-image

保存后,即可自动实现在所有文章中按段落位置插入广告。

广告效果预览与验证

你可以通过前台浏览:

  • 非“手机”分类商品页面不会出现广告
20250507095941444-image
  • “手机”分类商品页面显示对应广告图文
20250507100017939-image
  • 任意博客文章中,AdSense 广告出现在第 2 段落之后
20250507100058674-image

整个流程无需修改现有内容,广告展示灵活精准。

更多应用场景拓展

  • 节日促销自动横幅
  • 新品发布动态通知
  • 登录用户与访客看到不同内容
  • 多语言网站按语言插入不同广告

Blocksy 内容块结合挂钩和显示条件,可用于打造个性化内容系统。

总结

Blocksy Pro 的内容块功能不仅适用于布局控制,更是实现广告自动化、精细化展示的利器。相比使用插件或写代码插广告,Blocksy 的方式更轻便、可控。

如果你在运营 WooCommerce 商城、内容博客或广告变现站点,不妨尝试这一功能,为网站运营带来更多可能。

最近更新



了解 宝藏号 的更多信息

订阅后即可通过电子邮件收到最新文章。

© 版权声明

相关文章

暂无评论

none
暂无评论...

了解 宝藏号 的更多信息

立即订阅以继续阅读并访问完整档案。

继续阅读