> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 用 Custom Code 元素实现进阶功能

> 添加自定义 HTML、CSS 或 JavaScript，在落地页中接入工具、跟踪脚本和更复杂的功能。

Custom Code 元素让你把自己的代码直接放进页面。

当你需要更精细的控制，或要接入外部工具时，这个元素很有用。

## 工作方式

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

## 需要注意的行为

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

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

## 可以用来做什么

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

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

## 最佳实践

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


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.