Framer如何添加自定义代码

如何添加自定义代码

在这篇文章中,你将学习如何在 Framer 网站中添加自定义代码(Custom Code)。

可以通过自定义代码添加什么?

  • 数据分析与营销标签:GA4、Meta Pixel、LinkedIn

  • 聊天与客服组件:Intercom、Zendesk、Crisp

  • 自定义 CSS 和 JavaScript:小调整、工具函数、轻量功能

  • 结构化数据和 Meta 标签:JSON‑LD 等

自定义代码:添加步骤

  1. 打开 Project Settings(项目设置)

  2. 在菜单中选择 Custom Code(自定义代码) 标签页

  3. 如果你还没有添加任何代码,点击 Add Script(添加脚本)

  4. 如果你的网站已经有代码,点击 + 按钮

  5. 给脚本起一个容易识别的名称,方便你之后知道这个代码片段的用途

  6. 选择代码的 放置位置(placement)

  7. 如果你只想把代码加到某些特定页面,在列表中选择这些页面

  8. 如果你选择的是 CMS 页面,你可以为 SEO 添加 结构化数据(Structured Data)

  9. 如果你希望代码只添加并执行一次(例如用于添加事件监听),选择 Once(执行一次);如果你希望每次有人访问该页面时都执行,选择 Run On Every Page Visit(每次访问页面时运行)

Create a free website with Framer, the website builder loved by startups, designers and agencies.