--- title: 代码和组件：自定义 CSS 和脚本 description: 如何添加自定义 CSS、代码到头部和主体（计数器、聊天、像素）、限制和安全。 section: account keywords: 自定义 CSS、头部代码、主体代码、计数器、Google Analytics（分析）、像素、聊天组件 updated: 2026-09-16 --- 设置中的“代码和小部件”部分允许您将自己的代码插入到您的网站中：计数器、广告像素、聊天小部件、cookie 横幅，以及您自己的 CSS 以微调外观。 ![代码和小部件块](/wiki/img/settings-code.webp "头部和身体末端的代码") ## 头部和身体中的代码 - **头部代码**——插入到每个网站页面的`` 。用于 Google Analytics、Meta Pixel 和验证元标记。 - **正文末尾的代码**插入到``之前。这适用于聊天窗口小部件、cookie 横幅以及需要页面加载的脚本。请粘贴服务提供的完整代码，然后点击“保存”。每个字段的字符限制为 20,000 个字符。此代码仅在公共网站上有效，不适用于您的帐户。例如： - Google Analytics 4 - head 中的`gtag.js`片段。 - 元像素是头部像素的一部分。 - 聊天小部件（Tawk、Crisp、JivoChat）- 正文中的脚本。 - 通过 SEO 模块 → “验证权限” 验证 Google/Bing/Yandex 权限更加方便。 ## 自定义 CSS 自定义 CSS 可通过 AI 助手或关联的 AI 聊天添加：“添加 CSS：将按钮完全变成圆形。” 助手会检查代码并将其应用到网站。如需进行更精确的自定义，请使用网站元素属性，例如`[data-asd="card"]`用于卡片， `[data-asd="header"]`用于标题， `[data-asd="block-hero"]`用于首页横幅。助手会提供列表建议。您的 CSS 与目录中的 CSS 样式是分开存储的：当您更改样式时，您的编辑内容会被保留。 ## 局限性和安全性 - 在您的 CSS 中，禁止使用`