# Nuxt Scripts > Nuxt Scripts lets you load third-party scripts with better performance, privacy, security and DX. It includes many popular third-parties out of the box. Canonical Origin: https://scripts.nuxt.com ## LLM Resources - [Full Content](https://scripts.nuxt.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. ## Prerendered Pages - [Third-Party Scripts Meets Nuxt DX · Nuxt Scripts](/): Better performance, privacy, security and DX for third-party scripts. - [v0 to v1](/docs/migration-guide/v0-to-v1): Migration guide for upgrading from Nuxt Scripts v0.x to v1.0. - [v1.0.0](/docs/releases/v1): Nuxt Scripts v1 — first-party privacy focused proxy, Partytown web workers, SSR social embeds, SRI hashes, and new registry scripts. - [Nuxt App Hooks](/docs/api/nuxt-app-hooks): Use Nuxt App hooks to extend the Nuxt Scripts runtime behavior. - [Nuxt Config](/docs/api/nuxt-config): Configure Nuxt Scripts using your Nuxt Config. - [Nuxt Hooks](/docs/api/nuxt-hooks): Use Nuxt hooks to extend the Nuxt Scripts module. - [useScript()](/docs/api/use-script): API documentation for the useScript function. - [useScriptEventPage()](/docs/api/use-script-event-page): API documentation for the useScriptEventPage function. - [useScriptTriggerConsent()](/docs/api/use-script-trigger-consent): API documentation for the useScriptTriggerConsent function. - [useScriptTriggerElement()](/docs/api/use-script-trigger-element): API documentation for the useScriptTriggerElement function. - [useScriptTriggerIdleTimeout()](/docs/api/use-script-trigger-idle-timeout): API documentation for the useScriptTriggerIdleTimeout function. - [useScriptTriggerInteraction()](/docs/api/use-script-trigger-interaction): API documentation for the useScriptTriggerInteraction function. - [Introduction](/docs/getting-started): Nuxt Scripts is Nuxt DX for third-party scripts. - [Tutorial: Load js-confetti](/docs/getting-started/confetti-tutorial): Learn how to load the js-confetti script using the Nuxt Scripts module. - [Contribution](/docs/getting-started/contributing): @nuxt/scripts is a community project - and so we love contributions of all kinds! ❤️ - [Installation](/docs/getting-started/installation): Learn how to create a Nuxt Scripts project or add it to your current Nuxt project. - [Submitting an issue](/docs/getting-started/reproductions): Use StackBlitz to create reproductions when troubleshooting issues with the module. - [Cookie Consent](/docs/guides/consent): Gate scripts behind user consent and drive vendor-native consent APIs through a typed per-script `consent` object. - [CORS and Security Attributes](/docs/guides/cors): Understanding how Nuxt Scripts handles cross-origin security. - [Facade Components](/docs/guides/facade-components): Facade Components are fake UI elements that get replaced once a third-party script loads. - [First-Party Mode: Privacy Focused Proxy](/docs/guides/first-party): Route third-party script traffic through a reverse proxy on your domain with automatic anonymisation. - [Global Scripts](/docs/guides/global): Load global third-party scripts and optimize them for your Nuxt app. - [Key Concepts](/docs/guides/key-concepts): Learn about the key concepts of Nuxt Scripts. - [Script Event Page](/docs/guides/page-events): Learn how to send page events to your analytics provider. - [Registry Scripts](/docs/guides/registry-scripts): Learn how to use registry scripts to simplify the integration of third-party scripts in Nuxt Scripts. - [Script Triggers](/docs/guides/script-triggers): Control when scripts load with Nuxt Scripts' flexible trigger system. - [Warmup Strategy](/docs/guides/warmup): Customize the preload or preconnect strategy used for your scripts. - [Nuxt App Hooks](/docs/v0/api/nuxt-app-hooks): Use Nuxt App hooks to extend the Nuxt Scripts runtime behavior. - [Nuxt Config](/docs/v0/api/nuxt-config): Configure Nuxt Scripts using your Nuxt Config. - [Nuxt Hooks](/docs/v0/api/nuxt-hooks): Use Nuxt hooks to extend the Nuxt Scripts module. - [useScript](/docs/v0/api/use-script): API documentation for the useScript function. - [useScriptEventPage](/docs/v0/api/use-script-event-page): API documentation for the useScriptEventPage function. - [useScriptTriggerConsent](/docs/v0/api/use-script-trigger-consent): API documentation for the useScriptTriggerConsent function. - [useScriptTriggerElement](/docs/v0/api/use-script-trigger-element): API documentation for the useScriptTriggerElement function. - [useScriptTriggerIdleTimeout](/docs/v0/api/use-script-trigger-idle-timeout): API documentation for the useScriptTriggerIdleTimeout function. - [useScriptTriggerInteraction](/docs/v0/api/use-script-trigger-interaction): API documentation for the useScriptTriggerInteraction function. - [Introduction](/docs/v0/getting-started): Nuxt Scripts is Nuxt DX for third-party scripts. - [Tutorial: Load js-confetti](/docs/v0/getting-started/confetti-tutorial): Learn how to load the js-confetti script using the Nuxt Scripts module. - [Contribution](/docs/v0/getting-started/contributing): @nuxt/scripts is a community project - and so we love contributions of all kinds! ❤️ - [Installation](/docs/v0/getting-started/installation): Learn how to create a Nuxt Scripts project or add it to your current Nuxt project. - [Submitting an issue](/docs/v0/getting-started/reproductions): Use StackBlitz to create reproductions when troubleshooting issues with the module. - [Bundling Remote Scripts](/docs/v0/guides/bundling): Optimize third-party scripts by bundling them with your app. - [Consent Management](/docs/v0/guides/consent): Learn how to get user consent before loading scripts. - [Facade Components](/docs/v0/guides/facade-components): Facade Components are fake UI elements that get replaced once a third-party script loads. - [Global Scripts](/docs/v0/guides/global): Load global third-party scripts and optimize them for your Nuxt app. - [Key Concepts](/docs/v0/guides/key-concepts): Learn about the key concepts of Nuxt Scripts. - [Script Event Page](/docs/v0/guides/page-events): Learn how to send page events to your analytics provider. - [Registry Scripts](/docs/v0/guides/registry-scripts): Learn how to use registry scripts to simplify the integration of third-party scripts in Nuxt Scripts. - [Script Triggers](/docs/v0/guides/script-triggers): Control when scripts load with Nuxt Scripts' flexible trigger system. - [Warmup Strategy](/docs/v0/guides/warmup): Customize the preload or preconnect strategy used for your scripts. - [Learn · Nuxt Scripts](/learn): Deep dives into third-party script performance, privacy, and best practices for 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,... - [Script Registry · Nuxt Scripts](/scripts): The registry is a collection of third-party scripts with out-of-the-box composable and component integrations for Nuxt Scripts. - [Bing UET](/scripts/bing-uet): Use Microsoft Advertising Universal Event Tracking in your Nuxt app. - [Bluesky Embed](/scripts/bluesky-embed): Server-side rendered Bluesky embeds with zero client-side API calls. - [Carbon Ads](/scripts/carbon-ads): Show carbon ads in your Nuxt app using a Vue component. - [Clarity](/scripts/clarity): Use Clarity in your Nuxt app. - [Cloudflare Web Analytics](/scripts/cloudflare-web-analytics): Use Cloudflare Web Analytics in your Nuxt app. - [Crisp](/scripts/crisp): Show performance-optimized Crisp in your Nuxt app. - [Databuddy Analytics](/scripts/databuddy-analytics): Use Databuddy Analytics in your Nuxt app. - [Fathom Analytics](/scripts/fathom-analytics): Use Fathom Analytics in your Nuxt app. - [Google Adsense](/scripts/google-adsense): Show Google Adsense ads in your Nuxt app. - [Google Analytics](/scripts/google-analytics): Use Google Analytics in your Nuxt app. - [Google reCAPTCHA](/scripts/google-recaptcha): Use Google reCAPTCHA v3 in your Nuxt app. - [Google Sign-In](/scripts/google-sign-in): Add Google Sign-In to your Nuxt app with One Tap and personalized button support. - [Google Tag Manager](/scripts/google-tag-manager): Use Google Tag Manager in your Nuxt app. - [Gravatar](/scripts/gravatar): Use Gravatar in your Nuxt app. - [Hotjar](/scripts/hotjar): Use Hotjar in your Nuxt app. - [Script Registry · Nuxt Scripts](/scripts/index): The registry is a collection of third-party scripts with out-of-the-box composable and component integrations for Nuxt Scripts. - [Instagram Embed](/scripts/instagram-embed): Server-side rendered Instagram embeds with zero client-side API calls. - [Intercom](/scripts/intercom): Use Intercom in your Nuxt app. - [Lemon Squeezy](/scripts/lemon-squeezy): Use Lemon Squeezy in your Nuxt app. - [Matomo Analytics](/scripts/matomo-analytics): Use Matomo Analytics in your Nuxt app. - [Meta Pixel](/scripts/meta-pixel): Use Meta Pixel in your Nuxt app. - [Mixpanel](/scripts/mixpanel-analytics): Use Mixpanel in your Nuxt app. - [NPM](/scripts/npm): Load IIFE scripts from NPM in your Nuxt app. - [PayPal](/scripts/paypal): Use PayPal in your Nuxt app. - [Plausible Analytics](/scripts/plausible-analytics): Use Plausible Analytics in your Nuxt app. - [PostHog](/scripts/posthog): Use PostHog in your Nuxt app. - [Reddit Pixel](/scripts/reddit-pixel): Use Reddit Pixel in your Nuxt app. - [Rybbit Analytics](/scripts/rybbit-analytics): Use Rybbit Analytics in your Nuxt app. - [Segment](/scripts/segment): Use Segment in your Nuxt app. - [Snapchat Pixel](/scripts/snapchat-pixel): Use Snapchat Pixel in your Nuxt app. - [Stripe](/scripts/stripe): Use Stripe in your Nuxt app. - [TikTok Pixel](/scripts/tiktok-pixel): Use TikTok Pixel in your Nuxt app. - [Umami Analytics](/scripts/umami-analytics): Use Umami Analytics in your Nuxt app. - [Vercel Analytics](/scripts/vercel-analytics): Use Vercel Analytics in your Nuxt app. - [Vimeo Player](/scripts/vimeo-player): Show performance-optimized Vimeo videos in your Nuxt app. - [X Pixel](/scripts/x-pixel): Use X Pixel in your Nuxt app. - [YouTube Player](/scripts/youtube-player): Show performance-optimized YouTube videos in your Nuxt app. - [Google Maps](/scripts/google-maps): Show performance-optimized Google Maps in your Nuxt app. - [](/scripts/google-maps/api/1b.static-map): Renders a Google Maps Static API image. Use standalone for static map previews, or drop into the #placeholder slot of for a loading placehold... - [](/scripts/google-maps/api/circle): Circular overlay on the map. Place inside a component. - [](/scripts/google-maps/api/geojson): Renders GeoJSON data on the map using the Google Maps Data layer. Accepts a URL string or inline GeoJSON object. Place inside a component. - [](/scripts/google-maps/api/heatmap-layer): Heatmap visualization layer. Place inside a component. The component automatically loads the visualization library. - [](/scripts/google-maps/api/info-window): Information window that automatically opens on parent marker click. Place as a child of . - [](/scripts/google-maps/api/marker): Map marker with HTML content support. Place inside a component. - [](/scripts/google-maps/api/marker-clusterer): Groups nearby markers into clusters for cleaner map visualization at lower zoom levels. Place inside a component. - [](/scripts/google-maps/api/overlay-view): Renders arbitrary Vue slot content at a map lat/lng position. Unlike InfoWindow, you have full control over HTML structure and styling. - [](/scripts/google-maps/api/polygon): Polygon shape overlay on the map. Place inside a component. - [](/scripts/google-maps/api/polyline): Line path overlay on the map. Place inside a component. - [](/scripts/google-maps/api/rectangle): Rectangular overlay on the map. Place inside a component. - [](/scripts/google-maps/api/script-google-maps): The component is a wrapper around the useScriptGoogleMaps() composable. It provides a simple way to embed Google Maps in your Nuxt app. - [useScriptGoogleMaps()](/scripts/google-maps/api/use-script-google-maps): The useScriptGoogleMaps() composable lets you have fine-grained control over the Google Maps SDK. It provides a way to load the Google Maps SDK and interact wit... - [Billing & Permissions](/scripts/google-maps/guides/billing) - [Map Styling](/scripts/google-maps/guides/map-styling): Google Maps supports two styling approaches: legacy JSON styles and cloud-based map IDs. Both work with Nuxt Scripts, including the static map placeholder. - [Example: Marker Clustering](/scripts/google-maps/guides/marker-clustering) - [Example: Markers & Info Windows](/scripts/google-maps/guides/markers-and-info-windows) - [Performance](/scripts/google-maps/guides/performance): ScriptGoogleMaps is optimized by default: the JavaScript API only loads when the user interacts with the map. Before that, a lightweight static image placeholde... - [Example: Shapes & Overlays](/scripts/google-maps/guides/shapes-and-overlays) - [Carbon Ads](/scripts/v0/ads/carbon-ads): Show carbon ads in your Nuxt app using a Vue component. - [Google Adsense](/scripts/v0/ads/google-adsense): Show Google Adsense ads in your Nuxt app. - [Cloudflare Web Analytics](/scripts/v0/analytics/cloudflare-web-analytics): Use Cloudflare Web Analytics in your Nuxt app. - [Databuddy Analytics](/scripts/v0/analytics/databuddy-analytics): Use Databuddy Analytics in your Nuxt app. - [Fathom Analytics](/scripts/v0/analytics/fathom-analytics): Use Fathom Analytics in your Nuxt app. - [Google Analytics](/scripts/v0/analytics/google-analytics): Use Google Analytics in your Nuxt app. - [Matomo Analytics](/scripts/v0/analytics/matomo-analytics): Use Matomo Analytics in your Nuxt app. - [Plausible Analytics](/scripts/v0/analytics/plausible-analytics): Use Plausible Analytics in your Nuxt app. - [Rybbit Analytics](/scripts/v0/analytics/rybbit-analytics): Use Rybbit Analytics in your Nuxt app. - [Umami Analytics](/scripts/v0/analytics/umami-analytics): Use Umami Analytics in your Nuxt app. - [Google Maps](/scripts/v0/content/google-maps): Show performance-optimized Google Maps in your Nuxt app. - [Vimeo Player](/scripts/v0/content/vimeo-player): Show performance-optimized Vimeo videos in your Nuxt app. - [YouTube Player](/scripts/v0/content/youtube-player): Show performance-optimized YouTube videos in your Nuxt app. - [Clarity](/scripts/v0/marketing/clarity): Use Clarity in your Nuxt app. - [Hotjar](/scripts/v0/marketing/hotjar): Use Hotjar in your Nuxt app. - [Lemon Squeezy](/scripts/v0/payments/lemon-squeezy): Use Lemon Squeezy in your Nuxt app. - [PayPal](/scripts/v0/payments/paypal): Use PayPal in your Nuxt app. - [Stripe](/scripts/v0/payments/stripe): Use Stripe in your Nuxt app. - [Crisp](/scripts/v0/support/crisp): Show performance-optimized Crisp in your Nuxt app. - [Intercom](/scripts/v0/support/intercom): Use Intercom in your Nuxt app. - [Google Tag Manager](/scripts/v0/tracking/google-tag-manager): Use Google Tag Manager in your Nuxt app. - [Meta Pixel](/scripts/v0/tracking/meta-pixel): Use Meta Pixel in your Nuxt app. - [Reddit Pixel](/scripts/v0/tracking/reddit-pixel): Use Reddit Pixel in your Nuxt app. - [Segment](/scripts/v0/tracking/segment): Use Segment in your Nuxt app. - [Snapchat Pixel](/scripts/v0/tracking/snapchat-pixel): Use Snapchat Pixel in your Nuxt app. - [X Pixel](/scripts/v0/tracking/x-pixel): Use X Pixel in your Nuxt app. - [NPM](/scripts/v0/utility/npm): Load IIFE scripts from NPM in your Nuxt app. ## Other Pages - /scripts/x-embed