# Nuxt Scripts 中文文档 > Nuxt Scripts 中文文档帮助你以更好的性能、隐私、安全性和开发体验来加载第三方脚本，并内置了许多常见服务。 Canonical Origin: https://nuxt-scripts.zhcndoc.com ## LLM Resources - [Full Content](https://nuxt-scripts.zhcndoc.com/llms-full.txt) Complete page content in markdown format. - [sitemap.xml](/sitemap.xml) XML sitemap for search engines and crawlers. - [robots.txt](/robots.txt) Crawler rules and permissions. ## Pages - [Nuxt Scripts 中文文档 - 第三方脚本与 Nuxt DX 的结合](/): 通过 Nuxt Scripts 以更好的性能、隐私、安全性和开发体验来管理第三方脚本。 - [v0 到 v1](/docs/migration-guide/v0-to-v1): 从 Nuxt Scripts v0.x 升级到 v1.0 的迁移指南。 - [v1.0.0](/docs/releases/v1): Nuxt Scripts v1 — 第一方隐私聚焦代理、Partytown Web Worker、SSR 社交嵌入、SRI 哈希以及新的注册表脚本。 - [Nuxt 应用钩子](/docs/api/nuxt-app-hooks): 使用 Nuxt 应用钩子来扩展 Nuxt Scripts 的运行时行为。 - [Nuxt 配置](/docs/api/nuxt-config): 使用 Nuxt 配置来配置 Nuxt Scripts。 - [Nuxt 钩子](/docs/api/nuxt-hooks): 使用 Nuxt 钩子来扩展 Nuxt Scripts 模块。 - [useScript()](/docs/api/use-script): useScript 函数的 API 文档。 - [useScriptEventPage()](/docs/api/use-script-event-page): useScriptEventPage 函数的 API 文档。 - [useScriptTriggerConsent()](/docs/api/use-script-trigger-consent): useScriptTriggerConsent 函数的 API 文档。 - [useScriptTriggerElement()](/docs/api/use-script-trigger-element): useScriptTriggerElement 函数的 API 文档。 - [useScriptTriggerIdleTimeout()](/docs/api/use-script-trigger-idle-timeout): useScriptTriggerIdleTimeout 函数的 API 文档。 - [useScriptTriggerInteraction()](/docs/api/use-script-trigger-interaction): useScriptTriggerInteraction 函数的 API 文档。 - [介绍](/docs/getting-started): Nuxt Scripts 是用于第三方脚本的 Nuxt 开发者体验（DX）。 - [教程：加载 js-confetti](/docs/getting-started/confetti-tutorial): 了解如何使用 Nuxt Scripts 模块加载 js-confetti 脚本。 - [贡献](/docs/getting-started/contributing): @nuxt/scripts 是一个社区项目——因此我们欢迎各种形式的贡献！❤️ - [安装](/docs/getting-started/installation): 了解如何创建 Nuxt Scripts 项目或将其添加到您当前的 Nuxt 项目中。 - [提交问题](/docs/getting-started/reproductions): 使用 StackBlitz 在排查模块问题时创建复现案例 - [Cookie 同意](/docs/guides/consent): 通过类型化的逐脚本 `consent` 对象，在用户同意后再加载脚本，并驱动厂商原生的同意 API。 - [CORS 和安全属性](/docs/guides/cors): 了解 Nuxt Scripts 如何处理跨源安全。 - [门面组件](/docs/guides/facade-components): 门面组件是虚假的 UI 元素，在第三方脚本加载完成后会被替换。 - [第一方模式：注重隐私的代理](/docs/guides/first-party): 通过反向代理将第三方脚本流量路由到您的域名，并自动匿名化。 - [全局脚本](/docs/guides/global): 加载全局第三方脚本并为您的 Nuxt 应用优化它们。 - [核心概念](/docs/guides/key-concepts): 了解 Nuxt Scripts 的核心概念。 - [脚本事件页面](/docs/guides/page-events): 了解如何向您的分析提供商发送页面事件。 - [注册表脚本](/docs/guides/registry-scripts): 了解如何使用注册表脚本来简化 Nuxt Scripts 中第三方脚本的集成。 - [脚本触发器](/docs/guides/script-triggers): 使用 Nuxt Scripts 灵活的触发器系统控制脚本加载时机。 - [预热策略](/docs/guides/warmup): 自定义脚本所使用的预加载或预连接策略。 - [学习 - Nuxt Scripts 中文文档](/learn): 深入了解第三方脚本性能、隐私以及 Nuxt 最佳实践。 - [The True Cost of Analytics Scripts: Performance Benchmarks for 2026](/learn/analytics-script-performance): We benchmarked 10 analytics providers by transfer size, decoded size, execution time, and memory impact. The results show Google Analytics costs 156x more decod... - [Choosing Analytics for Your Nuxt App: A Data-Backed Guide](/learn/choosing-analytics-nuxt): Stop choosing analytics by brand. We measured transfer size, execution cost, and privacy profiles of every major provider to help you pick the right one for you... - [Best Privacy-First Analytics Compared: Plausible vs Fathom vs Umami + 4 More](/learn/privacy-first-analytics-compared): We ran AST analysis on 7 privacy-first analytics tools and catalogued exactly which browser APIs each one touches. See how Plausible, Fathom, Umami, Cloudflare,... - [脚本注册表 - Nuxt Scripts 中文文档](/scripts): 脚本注册表收录了 Nuxt Scripts 的第三方脚本，并提供开箱即用的组合式函数与组件集成。 - [Ahrefs Web Analytics](/scripts/ahrefs-analytics): 在你的 Nuxt 应用中使用 Ahrefs Web Analytics，通过隐私优先、无 Cookie 的分析脚本来跟踪页面浏览量和自定义事件。 - [Bing UET](/scripts/bing-uet): 在您的 Nuxt 应用中使用 Microsoft Advertising Universal Event Tracking。 - [Bluesky 嵌入](/scripts/bluesky-embed): 服务器端渲染的 Bluesky 嵌入，零客户端 API 调用。 - [Calendly](/scripts/calendly): 在你的 Nuxt 应用中嵌入 Calendly 预约，支持内联、弹窗和徽章小组件。 - [Carbon 广告](/scripts/carbon-ads): 使用 Vue 组件在您的 Nuxt 应用中展示 Carbon 广告。 - [Clarity](/scripts/clarity): 在你的 Nuxt 应用中使用 Clarity。 - [Cloudflare 网站分析](/scripts/cloudflare-web-analytics): 在你的 Nuxt 应用中使用 Cloudflare 网站分析。 - [Crisp](/scripts/crisp): 在你的 Nuxt 应用中展示性能优化的 Crisp。 - [Databuddy Analytics](/scripts/databuddy-analytics): 在你的 Nuxt 应用中使用 Databuddy Analytics。 - [Fathom Analytics](/scripts/fathom-analytics): 在你的 Nuxt 应用中使用 Fathom Analytics。 - [Google Adsense](/scripts/google-adsense): 在您的 Nuxt 应用中展示 Google AdSense 广告。 - [谷歌分析](/scripts/google-analytics): 在 Nuxt 应用中使用 Google Analytics。 - [Google reCAPTCHA](/scripts/google-recaptcha): 在你的 Nuxt 应用中使用 Google reCAPTCHA v3。 - [Google 登录](/scripts/google-sign-in): 为您的 Nuxt 应用添加 Google 登录，支持 One Tap 和个性化按钮。 - [Google 标签管理器](/scripts/google-tag-manager): 在你的 Nuxt 应用中使用 Google 标签管理器。 - [Gravatar](/scripts/gravatar): 在你的 Nuxt 应用中使用 Gravatar。 - [Hotjar](/scripts/hotjar): 在你的 Nuxt 应用中使用 Hotjar。 - [脚本注册表 - Nuxt Scripts 中文文档](/scripts/index): 脚本注册表收录了 Nuxt Scripts 的第三方脚本，并提供开箱即用的组合式函数与组件集成。 - [Instagram 嵌入](/scripts/instagram-embed): 服务端渲染的 Instagram 嵌入，零客户端 API 调用。 - [Intercom](/scripts/intercom): 在你的 Nuxt 应用中使用 Intercom。 - [Lemon Squeezy](/scripts/lemon-squeezy): 在你的 Nuxt 应用中使用 Lemon Squeezy。 - [LinkedIn Insight 标签](/scripts/linkedin-insight): 在你的 Nuxt 应用中使用 LinkedIn Insight Tag 跟踪转化、重定向访问者并了解你的受众。 - [Matomo 分析](/scripts/matomo-analytics): 在你的 Nuxt 应用中使用 Matomo 分析。 - [Meta Pixel](/scripts/meta-pixel): 在你的 Nuxt 应用中使用 Meta Pixel。 - [Mixpanel](/scripts/mixpanel-analytics): 在你的 Nuxt 应用中使用 Mixpanel。 - [NPM](/scripts/npm): 在你的 Nuxt 应用中从 NPM 加载 IIFE 脚本。 - [PayPal](/scripts/paypal): 在你的 Nuxt 应用中使用 PayPal。 - [Plausible Analytics](/scripts/plausible-analytics): 在您的 Nuxt 应用中使用 Plausible Analytics。 - [PostHog](/scripts/posthog): 在您的 Nuxt 应用中使用 PostHog。 - [Reddit 像素](/scripts/reddit-pixel): 在你的 Nuxt 应用中使用 Reddit 像素。 - [Rybbit Analytics](/scripts/rybbit-analytics): 在你的 Nuxt 应用中使用 Rybbit Analytics。 - [Segment](/scripts/segment): 在你的 Nuxt 应用中使用 Segment。 - [Snapchat 像素](/scripts/snapchat-pixel): 在你的 Nuxt 应用中使用 Snapchat 像素。 - [Stripe](/scripts/stripe): 在 Nuxt 应用中使用 Stripe。 - [TikTok 像素](/scripts/tiktok-pixel): 在你的 Nuxt 应用中使用 TikTok 像素。 - [Umami 分析](/scripts/umami-analytics): 在你的 Nuxt 应用中使用 Umami 分析。 - [Usercentrics](/scripts/usercentrics): 加载 Usercentrics CMP v3，并根据 UC_UI_CMP_EVENT 事件驱动 useScript 的同意触发器。 - [Vercel 分析](/scripts/vercel-analytics): 在你的 Nuxt 应用中使用 Vercel 分析。 - [Vimeo 播放器](/scripts/vimeo-player): 在你的 Nuxt 应用中展示性能优化的 Vimeo 视频。 - [X Pixel](/scripts/x-pixel): 在你的 Nuxt 应用中使用 X Pixel。 - [YouTube 播放器](/scripts/youtube-player): 在您的 Nuxt 应用中展示性能优化的 YouTube 视频。 - [谷歌地图](/scripts/google-maps): 在你的 Nuxt 应用中展示性能优化的谷歌地图。 - [](/scripts/google-maps/api/1b.static-map): 渲染一张 Google Maps 静态 API 图片。单独使用用于静态地图预览，或放入 的 #placeholder 插槽中作为加载占位符。 - [](/scripts/google-maps/api/circle): 地图上的圆形覆盖层。放置在 组件内部。 - [](/scripts/google-maps/api/geojson): 使用 Google Maps 数据层在地图上渲染 GeoJSON 数据。接受 URL 字符串或内联 GeoJSON 对象。放置在 组件内部。 - [](/scripts/google-maps/api/heatmap-layer): 热力图可视化图层。放置在 组件内部。该组件会自动加载 visualization 库。 - [](/scripts/google-maps/api/info-window): 当父级标记被点击时自动打开的信息窗口。作为 的子元素放置。 - [](/scripts/google-maps/api/marker): 支持 HTML 内容的地图标记。放置在 组件内部。 - [](/scripts/google-maps/api/marker-clusterer): 在较低缩放级别将相邻标记组合成簇，以获得更清晰的地图可视化效果。请放置在 组件内部。 - [](/scripts/google-maps/api/overlay-view): 在地图的经纬度位置上渲染任意 Vue 插槽内容。与 InfoWindow 不同，你可以完全控制 HTML 结构和样式。 - [](/scripts/google-maps/api/polygon): 地图上的多边形形状覆盖层。放置在 组件内部。 - [](/scripts/google-maps/api/polyline): 地图上的线路径覆盖层。放置在 组件内部。 - [](/scripts/google-maps/api/rectangle): 地图上的矩形覆盖物。放置在 组件内部。 - [](/scripts/google-maps/api/script-google-maps): 组件是 useScriptGoogleMaps() 组合式函数的包装器。它提供了一种简单的方式来在你的 Nuxt 应用中嵌入 Google 地图。 - [useScriptGoogleMaps()](/scripts/google-maps/api/use-script-google-maps): useScriptGoogleMaps() 组合式函数让您能够对 Google Maps SDK 进行细粒度的控制。它提供了一种加载 Google Maps SDK 并以编程方式与其交互的方法。 - [计费与权限](/scripts/google-maps/guides/billing) - [地图样式](/scripts/google-maps/guides/map-styling): Google 地图支持两种样式设置方式：传统的 JSON 样式和基于云的地图 ID。这两种方式都适用于 Nuxt Scripts，包括静态地图占位符。 - [示例：标记聚类](/scripts/google-maps/guides/marker-clustering) - [示例：标记与信息窗口](/scripts/google-maps/guides/markers-and-info-windows) - [性能](/scripts/google-maps/guides/performance): ScriptGoogleMaps 默认已优化：JavaScript API 仅在用户与地图交互时才会加载。在此之前，会显示一个轻量级的静态图片占位图。 - [示例：图形与叠加层](/scripts/google-maps/guides/shapes-and-overlays)