Agent Skills
› NeverSight/learn-skills.dev
› webflow-browser-api
webflow-browser-api
GitHub通过全局wf对象控制Webflow分析功能，用于管理追踪同意、集成CMP、记录实验变体及设置自定义访客属性以个性化体验。需在wf.ready()中调用，部分功能仅限企业版。
Trigger Scenarios
需要管理Webflow站点的数据追踪同意状态
集成OneTrust或TrustArc等CMP工具
跟踪A/B测试或实验的变体结果
为访客设置自定义属性以实现受众定向
Install
npx skills add NeverSight/learn-skills.dev --skill webflow-browser-api -g -y
SKILL.md
Frontmatter
{
"name": "webflow-browser-api",
"license": "MIT",
"metadata": {
"url": "https:\/\/skills.224ai.au\/webflow-browser-api.skill",
"author": "Ben Sabic",
"version": "1.0.0",
"keywords": "ai, agent, skill, analyze, browser, api, webflow, optimize, cookie consent, tracking, performance, user experience, consent management, web analytics, automation",
"repository": "https:\/\/github.com\/224-industries\/webflow-skills"
},
"description": "Control Webflow Analyze and Optimize from JavaScript via the Browser API. Use when managing tracking consent, integrating CMPs (OneTrust, TrustArc), tracking experiment variations, setting custom visitor attributes, or personalizing user experiences."
}
Webflow Browser API
The Browser API is a JavaScript interface exposed via the global wf object on all Webflow sites with Analyze and Optimize enabled. It requires no manual installation. Use it to manage consent, track experiments, and personalize user experiences.
Key Concepts
- Global
wfobject — Automatically available on all sites with Analyze or Optimize enabled wf.ready()— All Browser API calls must be wrapped in this readiness callback. Seereferences/wf-ready.md- Consent management — Three methods to manage tracking consent:
getUserTrackingChoice(),allowUserTracking(),denyUserTracking() - Variations — Track experiment results via
onVariationRecorded()and forward to analytics tools - Custom attributes — Set visitor attributes via
setAttributes()for audience targeting and result filtering (Enterprise only)
API Methods
| Method | Description |
|---|---|
wf.ready(callback) |
Execute code after the Browser API loads |
wf.getUserTrackingChoice() |
Returns "allow", "deny", or "none" |
wf.allowUserTracking(options?) |
Opt user into tracking |
wf.denyUserTracking(options?) |
Opt user out of tracking |
wf.onVariationRecorded(callback) |
Register a callback for variation events |
wf.setAttributes(scope, attributes) |
Set custom visitor attributes |
Important Notes
- The Browser API is only available on sites with Webflow Analyze or Optimize enabled
- Custom JavaScript attributes (
setAttributes) are only available on Enterprise sites - Always wrap all API calls inside
wf.ready()to prevent calls before initialization - Place scripts in
<head>custom code for earliest possible execution
Reference Documentation
Each reference file includes YAML frontmatter with name, description, and tags for searchability. Use the search script in scripts/search_references.py to find relevant references.
Getting Started
- references/introduction.md: Overview, capabilities, placement options, getting started
- references/wf-ready.md:
wf.ready()API reference
Consent Management
- references/consent-management.md: Consent APIs, CMP integrations (OneTrust, TrustArc), custom consent solutions
Optimize
- references/optimize-overview.md: Optimize overview and quickstart
- references/variations.md: Variations concept and
onVariationRecorded()API reference - references/attributes.md: Custom attributes and
setAttributes()API reference
Searching References
# List all references with metadata
python scripts/search_references.py --list
# Search by tag (exact match)
python scripts/search_references.py --tag <tag>
# Search by keyword (across name, description, tags, and content)
python scripts/search_references.py --search <query>
Scripts
scripts/search_references.py: Search reference files by tag, keyword, or list all with metadata
Version History
- e0220ca Current 2026-07-05 21:07
