用 Custom Code 元素实现进阶功能

Custom Code 元素让你把自己的代码直接放进页面。 当你需要更精细的控制，或要接入外部工具时，这个元素很有用。

​

工作方式

• 把 Custom Code 元素拖到页面上
• 在右侧面板点击 Edit Custom Code
• 输入你的代码（HTML、CSS 或 JavaScript）

​

需要注意的行为

• 代码在编辑器内不会显示
• 它只在以下场景下生效：
  • 预览模式
  • 已发布的线上页面

这是正常现象，请始终用 Preview 检查代码效果。

​

可以用来做什么

联盟营销人员、媒体采买和营销团队常用 Custom Code 元素来：

• 添加跟踪脚本（自定义像素、事件、第三方跟踪器）
• 嵌入外部组件（在线客服、日历、表单）
• 添加自定义 HTML 区块
• 运行 JavaScript 逻辑（计时器、动态内容、跳转）
• 接入平台尚未原生支持的工具

​

最佳实践

• 发布前始终在 Preview 中测试代码
• 避免添加会拖慢页面的重型脚本
• 代码保持简洁