C cenaly.com
免费开始

WordPress · 从一个任务开始

适用于 WordPress 的 Cenaly.com 组件

让访客可以提问、写进即时通讯工具或留下号码。选择组件,在 Cenaly.com 中配置,然后通过 header 插入插件添加代码。下方另有关于带分析拦截的 cookie 横幅的单独说明。

  • 对于自托管 WordPress — 从 WPCode 或类似插件开始
  • 在账户中配置组件,在 WordPress 中安装代码
  • 检查缓存、移动端页面和相邻的悬浮按钮

无需银行卡 · 注册只需一分钟,标签再多一步 · 设置修改5分钟内同步到网站

所有小部件共用一个标签13 个中有 9 个免费Shadow DOM — 不会破坏页面布局标签文字跟随页面语言双云端:AWS 和俄罗斯

WordPress 上可用的功能

选择所需小组件并在账户中配置。普通小组件使用通用代码;对于 consent 和分析,单独的安装顺序很重要。

注册后将保留所选组件和平台。然后在账户中配置组件。请保持此WordPress说明页面打开:配置完成后,返回下方的安装步骤。

全部 13 个小部件 →

是否需要WordPress付费计划

无需平台的付费计划

自托管 WordPress 是开源 CMS:主题编辑器和代码插入插件都不受计划限制。

主题文件编辑器(外观 → 主题文件编辑器)包含在 WordPress 标准安装中,无需任何付费订阅。WordPress.org 目录中的代码插入插件有免费版本,插入一行标签足够使用。

WordPress 官方文档专门警告修改主题文件的风险:编辑器不会创建备份,更新主题时更改会丢失。因此上述步骤中插件排在文件编辑器之前。

另有一种情况是托管在 WordPress.com 上:那里并非所有计划都开放安装插件和插入自定义代码。具体条件请查看 WordPress.com 帮助文档——我们未在本页确认这些条件。

本页的菜单项和资费条件来自官方帮助:

已与平台证明核对 2026-09-22

如何在WordPress中插入代码

常规小组件:聊天、联系按钮、记录

<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>

普通小组件的标签示例。请从账户中获取自己的代码;无需将其替换为演示域名。如需屏蔽分析,请使用下方的单独说明。 Cookie 横幅与分析:单独流程 →

  1. 1

    复制安装代码

    在 Cenaly.com 账户中:管理面板 → 营销 → “我的网站”。在第一个字段中填写网站地址并复制标签字符串。

  2. 2

    登录 WordPress 控制台

    地址形如 你的网站/wp-admin。需要管理员权限:编辑者和作者没有以下项目。

  3. 3

    安装代码插入插件

    插件 → 安装插件 → 找到可将代码添加到 header 和 footer 的插件(WordPress.org 目录中有免费的 WPCode — Insert Headers and Footers)→ 安装 → 启用。

  4. 4

    将标签粘贴到 Header 字段

    插件设置中有分别用于 header 和 footer 代码的字段。将字符串粘贴到 header — 即网站所有页面的 head — 并保存。

  5. 5

    或者 — 直接写入主题文件

    外观 → 主题文件编辑器 → header.php(在闭合 head 之前)或 footer.php(在闭合 body 之前)→“更新文件”。WordPress 文档警告:更新主题时此类修改会丢失,因此更可靠的是子主题或插件。

  6. 6

    检查安装

    打开自己的网站,刷新页面,然后返回“我的网站”→“检查安装”。

如果安装了缓存插件或 CDN,请清除缓存:访客(以及我们的检查)可能收到不含该标签的页面缓存副本。

WordPress 官方帮助 ↗

安装检查

  1. 1

    重新发布网站

    在网站构建器中,修改只保存在草稿中:页面未重新发布前,线上网站不会有该代码。

  2. 2

    在账户中打开“我的网站”

    管理面板 → 营销 → “我的网站”。第一个字段是网站地址,旁边是“检查安装”。

  3. 3

    查看检测结果

    检查会读取页面的原始 HTML 并显示找到的小组件。通过 Google Tag Manager 添加的代码无法被检测到——这是检查功能的限制,而非安装问题。

安装错误排查——见帮助 安装说明 →

WordPress 的特点

  • 已有聊天或即时通讯按钮

    只保留一个按钮,或将它们分置角落。在手机上检查它们不会遮挡菜单、购物车和同意横幅。

  • 保存后看不到小组件

    清除 WordPress 和 CDN 缓存。检查代码是否只添加一次到已发布的域名,以及所需小组件是否已在账户中启用。

  • 通过 GTM 安装

    对于普通小组件,可以使用 Custom HTML 并发布容器。服务器端检查读取原始 HTML,看不到 GTM 添加的标签。Consent 必须在跟踪器之前启动——请遵循单独说明。

  • WooCommerce 和表单仍各自独立

    仅插入标签本身不会将目录、订单和 Contact Form 7 提交迁移到 Cenaly.com。Shadow DOM 隔离小组件样式;行为兼容性请结合自己的主题和插件进行验证。

常见问题

是否需要单独的 Cenaly.com 插件?

对于普通小组件,账户中的标签已足够。WPCode 或类似插件有助于无需手动修改 PHP 即可插入。

更新主题后会发生什么?

通过插件插入无需修改父主题。父主题 header.php 或 footer.php 的更改可能被更新覆盖;更换主题后请检查已发布的网站。

这适用于 WordPress.com 吗?

本说明主要针对自托管 WordPress。在 WordPress.com 上,请先检查您的计划是否允许使用插件和第三方 JavaScript。

小部件会拖慢网站吗?

常规加载器异步运行,并加载已启用的小部件。请结合您的插件组合测试速度。用于在同意前拦截的 Consent 单独安装,不使用 async/defer。

可以保留 WooCommerce 和 Elementor 吗?

可以,先添加一个站点级小部件,然后检查页面、购物车和表单。这不是 WooCommerce 订单的自动集成;安装无需在 Elementor 中重做页面。

cookie 横幅可以使用普通的 async 标签吗?

要在用户同意前拦截跟踪器,需要单独的 consent/v1.js 并放在 head 最前面,且不带 async/defer。请检查用户选择前、拒绝后和接受后的加载情况。平台内置分析可能需要单独配置;横幅出现并不代表符合法律要求。

更多内容——按平台安装、设置和故障排除——请参阅帮助。 安装说明 →

将小部件添加到您的 WordPress

选择任务,配置小部件,然后返回 WordPress 说明。先在已发布的单个页面和手机上测试。

选择小组件

无需银行卡 · 注册只需一分钟,标签再多一步 · 设置修改5分钟内同步到网站