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

最近更新

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息