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

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 商城、内容博客或广告变现站点,不妨尝试这一功能,为网站运营带来更多可能。

最近更新

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注