在 WordPress 网站中灵活插入广告,往往意味着复杂的代码或重复的页面编辑工作。而使用 Blocksy Pro 主题的「内容块(Content Blocks)」功能,可以让广告投放变得高效、自动化,尤其适合 WooCommerce 商城和内容博客使用。
这篇文章将手把手教你如何使用 Blocksy Pro 内容块功能,实现静态广告和 Google AdSense 动态广告的自动嵌入,无需修改原始文章或产品页面。、
什么是 Blocksy Pro 的内容块功能?
Blocksy Pro 的内容块(Content Blocks)是一种可在页面任意位置插入自定义内容的工具,支持:
静态广告图文
第三方广告代码(如 AdSense)
针对产品分类、文章类型、设备等设置显示条件
动态插入到文章段落中
它完全基于 Gutenberg 编辑器构建,无需写代码。
在 WooCommerce 产品页插入静态广告
以推广手机壳为例,演示如何在特定分类的商品页面自动展示广告:
步骤 1:启用 Hook 显示位置
进入任意产品页面,点击页面顶部工具栏中的 “Hook Locations”,选择 “Show WooCommerce Hooks”,页面将展示所有支持插入的位置。
步骤 2:选择广告插入点
在想插入广告的位置(例如产品简短描述上方)点击小铅笔图标,即可进入内容块编辑页面。
步骤 3:插入广告内容
命名为「Phone Case Advertisement」,然后插入提前设计好的广告内容,可使用 Gutenberg 可重用块快速加载已有广告设计。
步骤 4:设置显示条件
点击右上角的 Blocksy 设置图标,添加显示条件:
类型:Post with taxonomy ID
条件:仅在产品分类为“手机”的商品页面显示
还可以设定:
设备可见性(例如仅限手机端显示)
到期时间(用于限时广告)
在文章中动态插入 Google AdSense 广告
现在我们实现自动在博客文章前两段后插入 AdSense 广告的效果。
步骤 1:创建新的内容块
进入 WordPress 后台 → Blocksy → Content Blocks → Add New,命名为「Google Blog Ad」。
步骤 2:插入广告代码
在 Gutenberg 编辑器中插入 Google AdSense 的广告代码(实际使用时需替换为你的广告单元代码)。
步骤 3:设置插入位置
在「位置(Location)」中选择:
After certain number of blocks
设置为“2”,表示文章中第二个内容块之后显示广告
步骤 4:设置显示条件
类型:Single Post,表示仅在文章页面中展示
保存后,即可自动实现在所有文章中按段落位置插入广告。
广告效果预览与验证
你可以通过前台浏览:
非“手机”分类商品页面不会出现广告
“手机”分类商品页面显示对应广告图文
任意博客文章中,AdSense 广告出现在第 2 段落之后
整个流程无需修改现有内容,广告展示灵活精准。
更多应用场景拓展
节日促销自动横幅
新品发布动态通知
登录用户与访客看到不同内容
多语言网站按语言插入不同广告
Blocksy 内容块结合挂钩和显示条件,可用于打造个性化内容系统。
总结
Blocksy Pro 的内容块功能不仅适用于布局控制,更是实现广告自动化、精细化展示的利器。相比使用插件或写代码插广告,Blocksy 的方式更轻便、可控。
如果你在运营 WooCommerce 商城、内容博客或广告变现站点,不妨尝试这一功能,为网站运营带来更多可能。