# 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](https://scripts.nuxt.com/sitemap.xml): XML sitemap for search engines and crawlers. - [robots.txt](https://scripts.nuxt.com/robots.txt): Crawler rules and permissions. ## Pages - [Load Third-Party Scripts in Nuxt · Nuxt Scripts](/): Better performance, privacy, security and DX for third-party scripts. - [v1.0.0](/docs/releases/v1): Nuxt Scripts v1 adds a first-party proxy, Partytown workers, server-rendered social embeds, SRI hashes, and registry scripts. - [Nuxt App Hooks](/docs/api/nuxt-app-hooks): Inspect scripts in development or change declared globals at runtime. - [Nuxt Config](/docs/api/nuxt-config): Configure registry scripts, defaults, proxying, privacy, and bundled assets. - [Nuxt Hooks](/docs/api/nuxt-hooks): Add registry scripts from a Nuxt module at build time. - [useScript()](/docs/api/use-script): Load and control third-party scripts with Nuxt-specific options. - [useScriptEventPage()](/docs/api/use-script-event-page): React to changes in the current page title or path. - [useScriptTriggerConsent()](/docs/api/use-script-trigger-consent): Delay a script until the user grants consent. - [useScriptTriggerElement()](/docs/api/use-script-trigger-element): Load a script in response to an element event or visibility change. - [useScriptTriggerIdleTimeout()](/docs/api/use-script-trigger-idle-timeout): Load a script after Nuxt is ready and an idle timeout has elapsed. - [useScriptTriggerInteraction()](/docs/api/use-script-trigger-interaction): Load a script after a configured user interaction. - [Introduction](/docs/getting-started): Load third-party scripts in Nuxt with typed APIs, loading controls, and privacy defaults. - [Tutorial: Load js-confetti](/docs/getting-started/confetti-tutorial): Learn how to load the js-confetti script using the Nuxt Scripts module. - [Contributing](/docs/getting-started/contributing): Set up the Nuxt Scripts repository for local development. - [Installation](/docs/getting-started/installation): Install Nuxt Scripts in an existing 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): Configure cross-origin credentials, referrer policy, and integrity checks for scripts. - [Facade Components](/docs/guides/facade-components): Facade components are placeholder 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 anonymization. - [Global Scripts](/docs/guides/global): Configure global scripts with triggers, warmup, typed access, and runtime URL overrides. - [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): Configure, reuse, and extend typed integrations from the Nuxt Scripts registry. - [Script Triggers](/docs/guides/script-triggers): Control when Nuxt Scripts starts loading a script. - [Warmup Strategy](/docs/guides/warmup): Customize the preload or preconnect strategy used for your scripts. - [v0 to v1](/docs/migration-guide/v0-to-v1): Migration guide for upgrading from Nuxt Scripts v0.x to v1.0. - [v1 to v2](/docs/migration-guide/v1-to-v2): Migration guide for upgrading from Nuxt Scripts v1.x to v2.0. - [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. - [Ahrefs Web Analytics](/scripts/ahrefs-analytics): Track page views and custom events with Ahrefs Web Analytics in Nuxt. - [Bing UET](/scripts/bing-uet): Load Microsoft Advertising UET, send conversion events, and update its ad-storage consent signal. - [Bluesky Embed](/scripts/bluesky-embed): Server-rendered Bluesky embeds without browser requests to Bluesky. - [Calendly](/scripts/calendly): Embed Calendly bookings in your Nuxt app with inline, popup, and badge widgets. - [Carbon Ads](/scripts/carbon-ads): Show carbon ads in your Nuxt app using a Vue component. - [Clarity](/scripts/clarity): Load Microsoft Clarity and manage its session-recording consent state. - [Cloudflare Web Analytics](/scripts/cloudflare-web-analytics): Load Cloudflare Web Analytics during hydration with its built-in SPA measurement enabled. - [Crisp](/scripts/crisp): Add a lazy-loaded Crisp chat launcher to your Nuxt app. - [Databuddy Analytics](/scripts/databuddy-analytics): Load Databuddy's browser SDK and configure its analytics and performance tracking. - [DeskCrew](/scripts/deskcrew): Add a lazy-loaded DeskCrew support widget to your Nuxt app. - [Fathom Analytics](/scripts/fathom-analytics): Load Fathom Analytics and track page views, goals, and custom events. - [Google AdSense](/scripts/google-adsense): Show Google AdSense ads in your Nuxt app. - [Google Analytics](/scripts/google-analytics): Send Google Analytics page views and events with typed consent controls. - [Google reCAPTCHA](/scripts/google-recaptcha): Load score-based reCAPTCHA v3 or Enterprise and execute protected actions. - [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): Load a GTM web container and push page or consent events from Nuxt. - [Gravatar](/scripts/gravatar): Render server-hashed, proxied Gravatar images from an email or hash. - [Hotjar](/scripts/hotjar): Load Hotjar and queue events, user attributes, and virtual page views. - [Instagram Embed](/scripts/instagram-embed): Server-rendered Instagram embeds without direct browser requests to Instagram. - [Intercom](/scripts/intercom): Load Intercom through a typed command queue or a click-triggered custom launcher. - [Lemon Squeezy](/scripts/lemon-squeezy): Load Lemon.js or turn checkout links into lazy overlay triggers. - [LinkedIn Insight Tag](/scripts/linkedin-insight): Track LinkedIn Ads conversions, enhanced matching, and SPA page views. - [Matomo Analytics](/scripts/matomo-analytics): Track Matomo page views and events with built-in consent controls. - [Meta Pixel](/scripts/meta-pixel): Load Meta Pixel, send events through fbq, and manage its binary consent state. - [Mixpanel](/scripts/mixpanel-analytics): Load Mixpanel and track product events, identities, profiles, and consent. - [NPM](/scripts/npm): Load IIFE scripts from NPM in your Nuxt app. - [PayPal](/scripts/paypal): Load PayPal's JavaScript SDK v6 and create checkout or messaging sessions from Vue components. - [Plausible Analytics](/scripts/plausible-analytics): Load Plausible's site-specific tracker, including custom self-hosted endpoints. - [PostHog](/scripts/posthog): Load posthog-js with first-party proxy support, feature flags, and opt-in or opt-out controls. - [Reddit Pixel](/scripts/reddit-pixel): Load Reddit Pixel and send page visits or conversion events through its typed API. - [Rybbit Analytics](/scripts/rybbit-analytics): Load hosted or self-hosted Rybbit Analytics and call its tracking API. - [Segment](/scripts/segment): Load Segment Analytics.js and queue page, event, identity, and group calls. - [Snapchat Pixel](/scripts/snapchat-pixel): Load Snapchat Pixel and opt in to automatic or manual page-view events. - [SpeedCurve LUX](/scripts/speedcurve): Use SpeedCurve LUX Real User Monitoring in your Nuxt app to measure performance experienced by real users, with automatic SPA navigation tracking. - [Stripe](/scripts/stripe): Load Stripe.js programmatically or embed a deferred Stripe Pricing Table. - [TikTok Pixel](/scripts/tiktok-pixel): Track TikTok conversions with consent, deduplication, and advanced matching. - [Umami Analytics](/scripts/umami-analytics): Load Umami, identify sessions, and inspect or filter event payloads before they are sent. - [Usercentrics](/scripts/usercentrics): Load the Usercentrics CMP v3 and drive useScript consent triggers from UC_UI_CMP_EVENT events. - [Vercel Analytics](/scripts/vercel-analytics): Load Vercel Web Analytics and send page views or custom events. - [Vimeo Player](/scripts/vimeo-player): Show performance-optimized Vimeo videos in your Nuxt app. - [X Embed](/scripts/x-embed): Server-rendered X posts without direct browser requests to X for post JSON or proxied images. - [X Pixel](/scripts/x-pixel): Send X Ads conversions with browser and server event deduplication. - [YouTube Player](/scripts/youtube-player): Show performance-optimized YouTube videos in your Nuxt app. - [Advertising Scripts for Nuxt · Nuxt Scripts](/scripts/categories/advertising): Advertising integrations for ad delivery, conversion tracking, and campaign measurement. Browse typed integrations for Nuxt Scripts. - [Analytics Scripts for Nuxt · Nuxt Scripts](/scripts/categories/analytics): Analytics integrations for page views, events, product insights, and performance measurement. Browse typed integrations for Nuxt Scripts. - [CDN Scripts for Nuxt · Nuxt Scripts](/scripts/categories/cdn): CDN integrations for loading packages and external resources. Browse typed integrations for Nuxt Scripts. - [Content Scripts for Nuxt · Nuxt Scripts](/scripts/categories/content): Content integrations for maps, social posts, and other embedded experiences. Browse typed integrations for Nuxt Scripts. - [Payments Scripts for Nuxt · Nuxt Scripts](/scripts/categories/payments): Payment integrations for checkout, subscriptions, and payment buttons. Browse typed integrations for Nuxt Scripts. - [Support Scripts for Nuxt · Nuxt Scripts](/scripts/categories/support): Customer support integrations for chat and messaging. Browse typed integrations for Nuxt Scripts. - [Tag Manager Scripts for Nuxt · Nuxt Scripts](/scripts/categories/tag-manager): Tag manager integrations for coordinating analytics and marketing tags. Browse typed integrations for Nuxt Scripts. - [Tools Scripts for Nuxt · Nuxt Scripts](/scripts/categories/tools): Utility integrations for identity, security, scheduling, and common external services. Browse typed integrations for Nuxt Scripts. - [Video Scripts for Nuxt · Nuxt Scripts](/scripts/categories/video): Video player integrations with performance-oriented facade components. Browse typed integrations for Nuxt Scripts. - [Google Maps](/scripts/google-maps): Load interactive maps, static maps, and location search on demand. - [](/scripts/google-maps/api/circle): Draw a reactive circle overlay and handle its map events. - [](/scripts/google-maps/api/geojson): Load inline or remote GeoJSON into a reactive Google Maps Data layer. - [](/scripts/google-maps/api/info-window): Show an information window anchored to a marker or map position. - [](/scripts/google-maps/api/marker): Add a reactive advanced marker with optional custom Vue content. - [](/scripts/google-maps/api/marker-clusterer): Group nearby advanced markers and customize their cluster rendering. - [](/scripts/google-maps/api/overlay-view): Position custom Vue content over a Google map or marker. - [](/scripts/google-maps/api/polygon): Draw reactive polygon overlays, including editable polygons and polygons with holes. - [](/scripts/google-maps/api/polyline): Draw reactive paths and routes on a Google map. - [](/scripts/google-maps/api/rectangle): Draw a reactive rectangular map overlay with resize, drag, and pointer events. - [](/scripts/google-maps/api/script-google-maps): Lazy-load an interactive Google map and compose it with declarative child components. - [<ScriptGoogleMapsStaticMap> · Nuxt Scripts](/scripts/google-maps/api/static-map): Render a Google Maps Static API image directly from Google. - [useScriptGoogleMaps()](/scripts/google-maps/api/use-script-google-maps): Load the Google Maps SDK and access its API directly from a composable. - [Billing & Permissions](/scripts/google-maps/guides/billing): Enable the Google Maps APIs you use and estimate their effect on billing. - [Map Styling](/scripts/google-maps/guides/map-styling): Style interactive and static maps with JSON rules, cloud map IDs, and color mode. - [Example: Marker Clustering](/scripts/google-maps/guides/marker-clustering): Group dense sets of Google Maps markers with the marker clusterer component. - [Example: Markers & Info Windows](/scripts/google-maps/guides/markers-and-info-windows): Add advanced markers, info windows, and custom HTML popups to a Google map. - [Performance](/scripts/google-maps/guides/performance): Defer the Maps JavaScript API, reserve map space, and reduce unnecessary dynamic map loads. - [Example: Shapes & Overlays](/scripts/google-maps/guides/shapes-and-overlays): Draw circles, polygons, polylines, rectangles, and GeoJSON data on a Google map. - [Leaflet](/scripts/leaflet): Add lightweight, provider-agnostic interactive maps to Nuxt with lazy loading. - [](/scripts/leaflet/api/geojson): Adds inline GeoJSON through L.geoJSON. Replacing data clears and repopulates the existing layer; changing options.style updates its path style. - [](/scripts/leaflet/api/marker): Adds a reactive L.Marker. Supply a unique alt so the generated marker image has a useful accessible name. - [](/scripts/leaflet/api/popup): Renders slotted HTML in an L.Popup. Nest it inside a marker, or pass position for a standalone popup. Use the reactive open prop to control visibility. - [](/scripts/leaflet/api/script-leaflet-map): The map facade reserves layout space during SSR, loads Leaflet when triggered, creates the L.Map, and provides it to child components. - [](/scripts/leaflet/api/tile-layer): Adds an L.TileLayer to the nearest parent map. Nuxt Scripts does not choose a tile provider for you. - [useScriptLeaflet](/scripts/leaflet/api/use-script-leaflet): Use useScriptLeaflet() when you need direct access to the Leaflet namespace or are building your own map component. - [Performance & Accessibility](/scripts/leaflet/guides/performance-and-accessibility): ScriptLeafletMap loads near the viewport by default. It also reserves the configured dimensions during SSR, which prevents the page from shifting when Leaflet s... - [Example: Pickup Locator](/scripts/leaflet/guides/pickup-locator): Build a production-shaped store locator with accessible selection, map fallbacks, popups, and a delivery zone. - [Tiles & Attribution](/scripts/leaflet/guides/tiles-and-attribution): Leaflet renders and controls the map, but it does not supply map imagery. Add a ScriptLeafletTileLayer for each raster tile service you use. - [MapLibre GL JS](/scripts/maplibre): Add lazy-loaded, provider-agnostic vector maps to Nuxt with MapLibre GL JS. - [](/scripts/maplibre/api/geojson): Adds a GeoJSON source and one or more MapLibre style layers. Replacing data updates the existing source; changing layer or source options rebuilds resources in ... - [](/scripts/maplibre/api/marker): Adds a reactive MapLibre Marker. Supply a unique aria-label so its generated DOM element has a useful accessible name. - [](/scripts/maplibre/api/navigation-control): Adds MapLibre's navigation control to the nearest parent map. Use options to choose whether zoom, compass, and pitch visualization controls are shown. - [](/scripts/maplibre/api/popup): Renders slotted HTML in a MapLibre Popup. Nest it inside a marker, or pass position for a standalone popup. Use the reactive open prop to control visibility. - [](/scripts/maplibre/api/script-maplibre-map): The map facade reserves layout space during SSR, loads MapLibre when triggered, creates the Map, and provides it to child components. - [useScriptMapLibre](/scripts/maplibre/api/use-script-maplibre): Use useScriptMapLibre() when you need direct access to the MapLibre namespace or are building your own map component. - [Example: Delivery Tracker](/scripts/maplibre/guides/delivery-tracker): Build a production-shaped delivery tracker with reactive route progress, map fallbacks, and an accessible status alternative. - [Performance, CSP & Accessibility](/scripts/maplibre/guides/performance-csp-and-accessibility): ScriptMapLibreMap loads near the viewport by default and reserves its configured dimensions during SSR. The SDK, stylesheet, Web Worker, style, and tiles stay o... - [Styles & Providers](/scripts/maplibre/guides/styles-and-providers): MapLibre GL JS renders the map in the browser. It does not include a basemap or a hosted tile service. - [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.