如何在 WordPress 网站的文章或页面中添加广告代码

本站部分链接为联盟推广链接。通过这些链接购买,我可能获得佣金...

这不仅不会增加您的实际费用,通常还能让您享受到专属折扣。所有上榜推荐均基于真实项目环境下的自费实测,排名完全由客观测评数据决定。详细规则请查阅《免责声明》。

在我们做独立站的时候,广告往往是最常见的一种收入来源,如果给你的是一段广告代码,怎么把它放到对的位置?放进某一篇文章,还是让每篇文章的段落后自动出现?放在默认编辑器里,还是 Elementor 页面里?这篇文章按场景讲三种做法,你对照自己的情况选一种即可。

添加广告代码前先分清两件事

手动广告单元和自动广告

以 Google AdSense 为例,它有两种出广告的方式:

  • 自动广告:由 Google 决定显示什么广告、放在哪里,可以一键开关,你不控制具体位置。
  • 广告单元:适合想完全控制位置的发布者,需要自己把代码放进每个想出广告的页面,并自己负责位置符合计划政策。

这篇文章讲的是后者:你自己决定放在哪里。

代码必须用你账号里复制的那一份

Google 帮助页里的示例代码有明确提醒:不要原样使用示例,要用你自己账号里复制的代码。另外,广告单元代码应放在页面的 <body> 和 </body> 标签之间,放到标签外面可能导致广告无法正常显示。

在 WordPress 里,这意味着你不需要自己找 body 标签,只要把代码放进文章或页面的内容区域即可。

三种方法怎么选

场景推荐方法是否需要插件
只在某一篇文章或页面放一次自定义 HTML 块否
用 Elementor 做的页面HTML 小工具,或 Elementor Pro 的自定义代码小工具免费,自定义代码需 Pro
想让每篇文章自动在某个段落后出现代

方法一:用默认编辑器的自定义 HTML 块

这是最直接的方法,适合少量文章。

  1. 打开文章或页面,把光标放在想出现广告的位置。
  2. 点左上角的添加按钮,搜索 html,选择”自定义 HTML”。也可以在空白段落里输入 /html 再回车。
  3. 把从广告账号复制的完整代码粘贴进去。
  4. 点击更新或发布,然后打开文章前台查看。

这个块有两个视图:默认的”HTML”用来编辑代码,”预览”用来看渲染效果。

WordPress 自定义 HTML 块添加广告代码

这个方法的缺点

  • 每篇文章都要手动放,文章多了很费时间。
  • 想换广告代码,需要逐篇修改。

注意:script 标签可能被删

不要在这个块里使用 script 标签,因为它可能被删除,导致代码失效。不确定的是这个问题在你的站点上是否会发生:这取决于你登录账号的权限和站点配置。建议你粘贴后保存,再重新打开文章检查代码是否还在。如果代码被清掉,直接改用下面的方法三。

广告样式如下:

Ad - Web Hosting from SiteGround - Crafted for easy site management. Click to learn more.

方法二:在 Elementor 页面里放广告代码

用 Elementor 做的页面,有两种放法。

用 HTML 小工具(免费版可用)

  1. 在 Elementor 编辑器里,把 HTML 小工具拖到想放广告的位置。
  2. 把广告代码粘贴进去。
  3. 点击更新,再到前台页面查看是否出现。

这个小工具在左侧菜单的”小工具”分类里。教程里也提醒,放完要打开真实页面确认,不要只看编辑器预览。

用 Elementor Pro 的自定义代码

这个功能在 Elementor → 自定义代码 里,可以选择代码加载在 head、body 开头或 body 结尾,并设置显示条件。需要注意,这个功能只在付费版里提供,免费用户可以用 HTML 小工具,或者改用 WPCode 插件或者Code Snippets 插件 。

Elementor HTML 小工具添加广告代码

如果你还没决定用哪个编辑器,可以先看这篇:Elementor vs Gutenberg:2026年该用哪个WordPress编辑器?深度对比。Elementor 的基础操作,可以从这里开始:Elementor 教程专题。

方法三:用插件自动插入(适合整站)

如果你希望每篇文章自动在第 2、3 段后出现广告,手动放就不现实了。这时用插件管理更合适。

用 WPCode(代码管理插件)

WordPress 插件目录里的 WPCode 说明里列出了这些能力:

  • 往站点的头部和页脚加入脚本,包括 AdSense 代码,可以全站或选择页面。
  • 运行 HTML、JavaScript 等代码片段,不用修改主题的 functions.php。
  • 自动插入位置包括文章内容前后、指定段落之后,也可以用短代码手动放置。
  • 可以按用户登录状态、页面网址、文章类型和设备类型设置显示条件。

操作思路:新建一个代码片段,粘贴广告代码,选择”自动插入 → 指定段落之后”,保存并启用。具体菜单名称以你装好的版本为准,我没有在你的站点上实测。

用广告类插件(以 Advanced Ads 为例)

Advanced Ads 的官方教程是:先在 AdSense 里创建广告单元,再连接账号,然后在插件里新建广告,最后选”内容”位置,指定在哪个段落之后出现。教程里提到第一到第三段之后的位置通常表现较好。

WordPress 段落后自动插入广告设置

选插件时要考虑装得越多越吃资源,思路可以参考:WordPress必装插件2026:外贸建站必备的15个插件。如果你的站点本身速度偏慢,加广告脚本会更明显,可以先看看主机配置:WordPress 主机推荐。

广告代码放好了却不显示:排查顺序

  1. 等一等。 新建的 AdSense 广告单元,已审核账号最长约 30 分钟才出现,未审核账号更久。
  2. 换成代码检查。 在页面源码里搜索广告代码,看它是否还在。不在了,说明被编辑器或权限过滤掉,改用插件。
  3. 确认代码完整。 少复制一行或多了一个引号,广告都不会出现。
  4. 清缓存。 缓存插件或 CDN 可能还在返回旧页面。这点是通用经验,我没有逐项核实某个具体插件。
  5. 用测试广告验证。 Advanced Ads 的教程建议先把广告类型切成”Dummy”,如果测试广告能出现,问题大概率在广告账号一侧,而不是你的设置。

放广告时要注意的几点

  • 用响应式广告。 Greengeeks 的教程提醒,在移动端放过大的广告,可能导致 Google 暂停账号。具体判定以 AdSense 计划政策或广告商政策为准。
  • 位置要符合政策。 使用广告单元时,位置是否合规由你自己负责。
  • 自动广告要在账号里关。 如果你只想用手动位置,自动广告只能在 AdSense 账号里关闭,插件里关不掉。
  • 别过度堆叠。 广告太多会拖慢页面、影响阅读,进而影响用户体验。这是一般做法,不是某条官方硬性规定。

常见问题

免费的 Elementor 能加广告代码吗?

能,用 HTML 小工具即可。需要全站头部或页脚注入时,才需要 Pro 的自定义代码,或者改用 WPCode。

手动放和插件自动放,哪个更好?

文章少、位置固定,手动放最简单。文章多、想统一管理,用插件更省事,换广告时只改一处。

发表回复

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


快捷菜单
WordPress 主机
VPS 主机
最新优惠
正版授权
VPS 补货监控