C cenaly.com
免费开始

Tilda · 来自落地页的咨询

适用于 Tilda 的 Cenaly.com 小组件

为 Tilda 现有区块添加回电、即时通讯按钮或预约。选择任务、配置小组件,并将代码插入项目的 HEAD。然后重新发布页面。consent 和分析另有单独流程,详见下文。

  • 先确认 Tilda 计划是否允许使用第三方代码
  • 通用 HEAD 用于整个项目;页面设置仅用于单个页面
  • Tilda 现有表单不会自动连接到 Cenaly.com

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

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

Tilda 上可用的功能

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

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

全部 13 个小部件 →

是否需要Tilda付费计划

需要平台的付费计划

对于第三方 HTML 代码,请以 Personal 或 Business 为准;不要指望 Free。

Tilda 将 custom code 归入 Personal 的功能;Business 包含 Personal 的功能。关于未付费的说明中单独指出,切换到 Free 时 T123/T868 区块的代码会被禁用。

关于 HEAD 的文章中未提及计划,并不能证明可以免费使用。付费前请在项目中检查代码插入字段和 Tilda 的最新表格。Cenaly.com 组件的费用另行列出。

如何在Tilda中插入代码

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

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

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

  1. 1

    复制安装代码

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

  2. 2

    在 Tilda 中打开网站设置

    在项目列表中点击所需网站的“网站设置”——这是整个项目的设置,而非单个页面的设置。

  3. 3

    找到插入代码的位置

    “更多”板块(部分账户中标注为“插入代码”)→“插入 head 的 HTML 代码”字段。Tilda 官方帮助文档中两种名称均有出现。

  4. 4

    粘贴代码并保存

    将代码行粘贴到字段中并保存更改。代码将进入项目所有页面的 head。

  5. 5

    重新发布所有页面

    Tilda 帮助文档明确要求这样做:不重新发布,代码只保留在编辑器中。发布的是项目所有页面,而不是一个页面。

  6. 6

    检查安装

    打开线上网站,返回“我的网站”→“检查安装”。

只需在一个页面上添加标签——“页面设置”→“高级”→“插入到 head 内部的 HTML 代码”,然后重新发布该页面。

Tilda 官方帮助 ↗

安装检查

  1. 1

    重新发布网站

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

  2. 2

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

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

  3. 3

    查看检测结果

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

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

Tilda 的特点

  • 保存和发布是不同的操作

    修改通用 HEAD 后,请重新发布所有需要的页面。请检查已发布网站的地址,而不是编辑器。

  • Tilda 表单是独立渠道

    插入标签不会改变现有表单的接收方。将表单连接到 Cenaly.com 需要单独设置和检查;请先从通过该组件本身提交申请开始。

  • 按钮和弹窗区块

    请检查组件是否遮挡了购买按钮、原生多按钮或横幅。移动端屏幕空间更小——只保留必要的元素。

  • GTM 和分析

    服务器端安装检查无法看到来自 GTM 的动态标签。普通组件可以在已发布页面上检查;对于 consent,重要的是在分析之前运行,包括 Tilda 集成。

常见问题

Free 合适吗?

不要为第三方代码指望它:Tilda 将 custom code 列在 Personal 中,而 T123/T868 的代码在切换到 Free 时会被禁用。请先在项目中检查计划的功能。

只能安装在一个页面上吗?

可以:页面设置 → 高级 → 插入到 HEAD 内部的 HTML 代码。然后发布该页面并检查所选组件。

T123 区块合适吗?

对于单独页面上的普通组件——在计划中提供第三方代码的前提下。对于需要同意前阻止的 consent,T123 不能替代 head 中跟踪器之前的第一个脚本。

代码已保存,但组件没有显示——需要检查什么?

计划中的代码访问权限、所需页面的发布、组件的启用以及账户中的域名。请在手机上并禁用浏览器扩展的情况下检查网站。

表单和设计会怎样?

表单会按你的设置继续工作。Shadow DOM 会隔离小组件的样式,但按钮位置和区块行为需要在你自己的网站上检查。

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

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

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

把小组件放到你的 Tilda 网站

为落地页选择任务并配置小组件。插入代码后,重新发布页面并发送一条测试咨询。

选择小组件

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