npm - @amplitude/wizard - Versions diffs - 1.0.0 → 1.2.0 - Mend

@amplitude/wizard 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (260) hide show

package/skills/integration/integration-react-react-router-7-data/references/browser-unified-sdk.md ADDED Viewed

@@ -0,0 +1,2212 @@
+<!--production-->
+<!doctype html>
+<html lang="en">
+<head>
+  <meta name='zd-site-verification' content='od3rs5oc4ggcruhipz6rp' />
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta content="Amplitude offers multiple ways to install browser SDKs, each with different product support and" name="description">
+  <meta name="google-site-verification" content="UHLjtoO7DV30dx3hVhwTOIWguEUr_VzS41msmq-uYKA" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/docs/assets/general/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/docs/assets/general/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/docs/assets/general/favicon-16x16.png">
+  <title>Browser Unified SDK | Amplitude</title>
+  <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Article",
+      "headline": "Browser Unified SDK",
+      "description": "Amplitude offers multiple ways to install browser SDKs, each with different product support and",
+      "url": "/docs/sdks/analytics/browser/browser-unified-sdk",
+      "publisher": {
+        "@type": "Organization",
+        "name": "Amplitude",
+        "legalName": "Amplitude, Inc.",
+        "url": "https://amplitude.com",
+        "logo": {
+          "@type": "ImageObject",
+          "url": "https://amplitude.com/nextjs-public/amplitude-default-seo.png"
+        },
+        "address": {
+          "@type": "PostalAddress",
+          "streetAddress": "201 3rd St #200",
+          "addressLocality": "San Francisco",
+          "addressRegion": "CA",
+          "postalCode": "94103",
+          "addressCountry": "USA"
+        },
+        "contactPoint": {
+          "@type": "ContactPoint",
+          "telephone": "[+650-988-5131]",
+          "contactType": "Customer Support",
+          "email": "sales@amplitude.com"
+        },
+        "sameAs": [
+          "https://twitter.com/Amplitude_HQ",
+          "https://www.facebook.com/AmplitudeAnalytics/",
+          "https://www.linkedin.com/company/amplitude-analytics"
+        ]
+      },
+      "datePublished": "",
+      "dateModified": "April 15th, 2026",
+      "mainEntityOfPage": {
+        "@type": "WebPage",
+        "@id": "/docs/sdks/analytics/browser/browser-unified-sdk"
+      },
+      "author": [
+        {
+          "@type": "Organization",
+          "name": "Amplitude"
+        }
+      ]
+    }
+</script>
+    <style>
+    /* Prism’s critical code-block styles only */
+    code[class*="language-"],
+    pre[class*="language-"] {
+      color: #2a2a2a;
+      background: #f5f2f0;
+      font-family:"IBM Plex Mono", Consolas, Menlo, monospace;
+      font-size: 0.9em;
+      white-space: pre;
+      /* …etc, just the essentials… */
+    }
+  </style>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.25.0/tocbot.css">
+  <link href="/docs/css/site.css?id=6e2f9e1efe9343c4ba65666223648444" rel="stylesheet">
+  <link href="/docs/css/algolia.css?id=e343cc9490e043fefffa37d2817ddf8c" rel="stylesheet">
+  <link href="/docs/css/dracula-prism.css?id=a5713888be640854bb66b8b74c1037ce" rel="stylesheet">
+<style>
+      pre[class*="language-"] code p {
+  all: unset;        /* removes default block-level margins/padding */
+  display: inline;   /* flow as if it were plain text */
+}
+</style>
+  <script src="/docs/js/site.js?id=078a82617f7dafffff92da951b4ec6c9"></script>
+  <script type="module" src="/docs/js/side-nav.js?id=b84c163c6c16a6a6b14fc85ee81c31e9"></script>
+  <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/collapse@3.x.x/dist/cdn.min.js"></script>
+  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.13.5/dist/cdn.min.js"></script>
+  <link rel="preconnect" href="https://93SYI9HL20-dsn.algolia.net" crossorigin />
+  <script src="https://unpkg.com/@amplitude/experiment-js-client@1.9.0/dist/experiment.umd.js"></script>
+  <style>
+    [x-cloak] {
+      display: none !important;
+    }
+    .copy-btn {
+      height: 24px;
+      position: absolute;
+      top: 0.5rem;
+      right: 0.5rem;
+      z-index: 10;
+      background: transparent;
+      border: none;
+      cursor: pointer;
+      padding: 0.25rem;
+      opacity: 0.6;
+      transition: opacity 0.2s;
+    }
+    .copy-btn:hover {
+      opacity: 1;
+    }
+  </style>
+  <script src="https://cdn.amplitude.com/script/8ec8f5cbeaf93a6717831a55add2d7a4.js"></script>
+<script src="https://cdn.amplitude.com/script/8ec8f5cbeaf93a6717831a55add2d7a4.engagement.js"></script>
+<script>
+    window.amplitude.add(window.sessionReplay.plugin({
+        sampleRate: 0.5
+    }));
+    window.amplitude.init('8ec8f5cbeaf93a6717831a55add2d7a4', {
+        "fetchRemoteConfig": true,
+        "autocapture": {
+            "attribution": {
+                "excludeInternalReferrers": true,
+            },
+            "pageViews": true,
+            "sessions": true,
+            "formInteractions": true,
+            "fileDownloads": true,
+            "elementInteractions": true,
+            "pageUrlEnrichment": true,
+            "webVitals": true,
+        },
+    });
+    window.amplitude.add(window.engagement.plugin())
+    function checkAuthenticatedUser() {
+        try {
+            const AMP_PREFIX = 'AMP_';
+            const currUserId = amplitude.getUserId();
+            if (!currUserId) {
+                // Iterate through all amplitude cookies within amplitude domain
+                const amplitudeCookies = getCookies(AMP_PREFIX);
+                for (let [cookieName, cookieValue] of amplitudeCookies.map((cookies) => cookies.split('='))) {
+                    const [deviceId, userId] = cookieValue.split('.');
+                    try {
+                        const userSession = JSON.parse(decodeURIComponent(atob(cookieValue)))
+                        if (userSession && userSession.userId) {
+                            amplitude.setUserId(userSession.userId);
+                            break;
+                        }
+                    } catch {}
+                }
+            }
+        } catch (e) {
+            console.error(e);
+        }
+    }
+    function getCookies(prefix) {
+        try {
+            const cookieArray = document.cookie.split(';').map((c) => c.trimStart());
+            let values = [];
+            for (let cookie of cookieArray) {
+                while (cookie.charAt(0) === ' ') {
+                    cookie = cookie.substring(1);
+                }
+                if (cookie.startsWith(prefix)) {
+                    values.push(cookie.substring(name.length));
+                }
+            }
+            return values;
+        } catch (e) {
+            return [];
+        }
+    }
+    document.addEventListener("DOMContentLoaded", function () {
+        checkAuthenticatedUser();
+    });
+</script>
+<script>
+    function academyClick(link) {
+        amplitude.track('Academy link', {
+            'destination': link,
+            '[Amplitude] Page URL': window.location.href
+        })
+    }
+</script>
+<!-- Preload consolidated glossary data -->
+</head>
+<body class="bg-gray-100 font-sans leading-normal text-gray-800 scroll-pt-24">
+  <div x-data="{ sidebarOpen: false }" class="container prose">
+    <div class="top-0 left-0  right-0 bg-white fixed z-10">
+      <div class="w-full pt-5 pl-5">
+        <div class="box-border">
+<div class="box-border flex flex-row flex-nowrap items-center border-solid border-b border-black-200 h-12 px-4"
+    style="margin-left: -20px; margin-top: -20px;">
+    <div class="flex-auto mr-4"><a class="no-underline" href="/docs"><svg class="inline" xmlns="http://www.w3.org/2000/svg" width="102" height="22" viewBox="0 0 102 22" fill="none"><path d="M29.6006 4.30664L24.9824 15.8083H27.0328L27.9448 13.5064H32.8375L33.7338 15.8083H35.8324L31.222 4.30664H29.6006ZM28.6561 11.6698L30.3916 7.26636L32.1114 11.6698H28.6561Z" fill="#1E61F0"/><path d="M46.3273 7.61133C45.7724 7.61133 45.2618 7.7384 44.7934 7.99253C44.3251 8.24667 43.9778 8.59073 43.7515 9.02276C43.2724 8.08148 42.4381 7.61133 41.2486 7.61133C40.7695 7.61133 40.3081 7.71396 39.8643 7.9202C39.4206 8.12644 39.0615 8.45682 38.787 8.91036V7.77945H36.9541V15.8082H38.787V11.308C38.787 10.6668 38.9631 10.183 39.3153 9.85653C39.6676 9.53006 40.0916 9.36683 40.5865 9.36683C41.1355 9.36683 41.5684 9.53886 41.8862 9.8839C42.2039 10.2289 42.3623 10.703 42.3623 11.3071V15.8072H44.211V11.3071C44.211 10.6659 44.3861 10.182 44.7354 9.85555C45.0857 9.52908 45.5107 9.36585 46.0115 9.36585C46.5545 9.36585 46.9825 9.53788 47.2954 9.88292C47.6073 10.228 47.7637 10.702 47.7637 11.3061V15.8063H49.637V10.8975C49.637 9.89758 49.332 9.099 48.721 8.50276C48.11 7.90945 47.3121 7.61133 46.3273 7.61133Z" fill="#1E61F0"/><path d="M58.0913 8.17238C57.502 7.79802 56.8546 7.61133 56.1492 7.61133C55.5038 7.61133 54.9351 7.75013 54.4462 8.0287C53.9562 8.30727 53.5626 8.70509 53.2675 9.22412V7.78043H51.4346V18.6164H53.2675V14.3655C53.5636 14.8787 53.9562 15.2745 54.4462 15.5521C54.9361 15.8307 55.5038 15.9695 56.1492 15.9695C57.2206 15.9695 58.1297 15.5639 58.8784 14.7545C59.6261 13.9442 60 12.959 60 11.7987C60 11.0392 59.8288 10.3394 59.4874 9.6972C59.146 9.05502 58.6807 8.54675 58.0913 8.17238ZM57.4813 13.5181C57.0081 13.9911 56.4296 14.2277 55.7458 14.2277C55.0355 14.2277 54.4442 13.995 53.9739 13.5298C53.5026 13.0645 53.2675 12.4868 53.2675 11.7968C53.2675 11.0959 53.5026 10.5134 53.9739 10.0481C54.4452 9.58284 55.0355 9.35021 55.7458 9.35021C56.4296 9.35021 57.0081 9.58675 57.4813 10.0598C57.9556 10.5329 58.1917 11.1116 58.1917 11.7968C58.1927 12.4722 57.9556 13.045 57.4813 13.5181Z" fill="#1E61F0"/><path d="M63.287 4.30664H61.4541V15.8083H63.287V4.30664Z" fill="#1E61F0"/><path d="M66.9003 7.7793H65.0674V15.8081H66.9003V7.7793Z" fill="#1E61F0"/><path d="M65.996 4.04883C65.6733 4.04883 65.3959 4.16417 65.1647 4.39387C64.9335 4.62357 64.8174 4.89628 64.8174 5.21199C64.8174 5.53846 64.9325 5.81606 65.1647 6.04673C65.3959 6.27643 65.6733 6.39177 65.996 6.39177C66.3187 6.39177 66.5982 6.27643 66.8323 6.04673C67.0665 5.81703 67.1836 5.53846 67.1836 5.21199C67.1836 4.89628 67.0665 4.62357 66.8323 4.39387C66.5972 4.16417 66.3187 4.04883 65.996 4.04883Z" fill="#1E61F0"/><path d="M71.4538 5.62109H69.6051V7.77832H68.0713V9.51916H69.6051V12.7838C69.6051 13.7838 69.8737 14.554 70.4129 15.0936C70.951 15.6341 71.6751 15.9039 72.5842 15.9039C72.961 15.9039 73.2926 15.8716 73.5769 15.8071V14.1151C73.4107 14.1581 73.2109 14.1796 72.9797 14.1796C72.5055 14.1796 72.1336 14.0633 71.8621 13.8307C71.5905 13.5981 71.4538 13.2384 71.4538 12.7516V9.51916H73.5769V7.77832H71.4538V5.62109Z" fill="#1E61F0"/><path d="M80.6484 12.127C80.6484 12.7574 80.4673 13.2628 80.1033 13.643C79.7403 14.0223 79.2602 14.2129 78.662 14.2129C78.0697 14.2129 77.5935 14.0232 77.2324 13.643C76.8714 13.2638 76.6913 12.7584 76.6913 12.127V7.7793H74.8584V12.343C74.8584 13.471 75.1575 14.3575 75.7547 15.0017C76.3519 15.6458 77.1724 15.9684 78.2173 15.9684C78.7505 15.9684 79.2238 15.8452 79.638 15.5989C80.0522 15.3535 80.3886 15.0007 80.6474 14.5403V15.8081H82.496V7.7793H80.6474V12.127H80.6484Z" fill="#1E61F0"/><path d="M90.6406 9.19095C90.3445 8.68268 89.9549 8.29268 89.4699 8.01997C88.9858 7.74726 88.423 7.61139 87.7826 7.61139C87.0771 7.61139 86.4288 7.79613 85.8375 8.16463C85.2452 8.53313 84.7769 9.03847 84.4325 9.68065C84.0882 10.3228 83.916 11.0227 83.916 11.7822C83.916 12.5416 84.0882 13.2435 84.4325 13.8876C84.7769 14.5317 85.2452 15.04 85.8375 15.4114C86.4298 15.7829 87.0781 15.9686 87.7826 15.9686C88.423 15.9686 88.9858 15.8337 89.4699 15.5629C89.9539 15.2932 90.3445 14.9041 90.6406 14.3959V15.8073H92.4982V4.30664H90.6406V9.19095ZM89.9352 13.5269C89.464 13.9951 88.8786 14.2287 88.1791 14.2287C87.4953 14.2287 86.9168 13.9922 86.4435 13.5191C85.9693 13.046 85.7332 12.4674 85.7332 11.7822C85.7332 11.1087 85.9703 10.5349 86.4435 10.0619C86.9168 9.58877 87.4953 9.35223 88.1791 9.35223C88.8786 9.35223 89.464 9.58486 89.9352 10.0501C90.4065 10.5154 90.6416 11.0931 90.6416 11.7831C90.6406 12.4771 90.4055 13.0587 89.9352 13.5269Z" fill="#1E61F0"/><path d="M102 11.6218C102 10.8574 101.822 10.1664 101.466 9.54863C101.111 8.93088 100.633 8.45389 100.033 8.11667C99.4327 7.77945 98.7716 7.61133 98.0504 7.61133C97.286 7.61133 96.5854 7.79313 95.9469 8.15674C95.3094 8.52036 94.8057 9.01885 94.4367 9.65224C94.0678 10.2856 93.8838 10.9855 93.8838 11.7498C93.8838 12.5357 94.0678 13.2522 94.4367 13.8993C94.8057 14.5463 95.3104 15.0526 95.9509 15.4192C96.5914 15.7857 97.3017 15.9685 98.0829 15.9685C99.0785 15.9685 99.9256 15.7114 100.626 15.1983C101.326 14.6851 101.751 14.0058 101.902 13.1613H100.054C99.9729 13.5034 99.7535 13.782 99.3953 13.995C99.0372 14.2091 98.6112 14.3156 98.1153 14.3156C97.4749 14.3156 96.9505 14.1446 96.5412 13.8025C96.1319 13.4604 95.8682 12.9902 95.7502 12.3911H101.95C101.984 12.2474 102 11.9903 102 11.6218ZM95.7993 10.8271C95.9341 10.3345 96.189 9.95232 96.5668 9.67961C96.9436 9.4069 97.403 9.27006 97.9471 9.27006C98.4961 9.27006 98.9546 9.41374 99.3235 9.69916C99.6925 9.98555 99.9168 10.3609 99.9975 10.8262H95.7993V10.8271Z" fill="#1E61F0"/><path d="M9.3659 5.25304C9.30588 5.1768 9.24193 5.13477 9.16519 5.13477C9.1101 5.13868 9.05894 5.15627 9.01171 5.18559C8.44403 5.62642 7.6717 7.49628 7.03613 9.96336L7.59988 9.96727C8.70967 9.97998 9.85684 9.99269 10.9883 10.0093C10.6892 8.88133 10.4078 7.91463 10.1481 7.13072C9.76731 5.99101 9.51151 5.47785 9.3659 5.25304Z" fill="#1E61F0"/><path d="M10.6256 0.5C4.75792 0.5 0 5.22694 0 11.0564C0 16.886 4.75792 21.6129 10.6256 21.6129C16.4933 21.6129 21.2512 16.886 21.2512 11.0564C21.2512 5.22694 16.4933 0.5 10.6256 0.5ZM18.4689 10.9294C18.4394 11.0477 18.3666 11.163 18.2643 11.247C18.2515 11.2558 18.2387 11.2637 18.2259 11.2725L18.2131 11.2813L18.1875 11.2979L18.1659 11.3106C18.0852 11.3526 17.9947 11.3741 17.9012 11.3741H12.8659C12.9042 11.5393 12.9514 11.7299 12.9977 11.9342C13.2751 13.1169 14.0052 16.2623 14.7853 16.2623H14.8021H14.8109H14.8277C15.4337 16.2623 15.7456 15.3895 16.4284 13.4766L16.4372 13.4551C16.5484 13.1501 16.6724 12.8022 16.8042 12.4337L16.8386 12.3408C16.8898 12.2177 17.0305 12.1541 17.1545 12.2049C17.244 12.2392 17.3079 12.3281 17.3079 12.4259C17.3079 12.4513 17.304 12.4728 17.2991 12.4933L17.2696 12.5862C17.1968 12.8149 17.125 13.1247 17.0344 13.4854C16.6291 15.1559 16.0142 17.6787 14.444 17.6787H14.4312C13.4158 17.6699 12.8098 16.059 12.549 15.368C12.063 14.0787 11.696 12.7093 11.3419 11.379H6.71677L5.75653 14.4355L5.74374 14.4228C5.59911 14.6476 5.29608 14.715 5.0698 14.5714C4.92911 14.4824 4.84351 14.3299 4.84351 14.1647V14.1481L4.90353 13.8001C5.03536 13.0162 5.1977 12.1971 5.37676 11.3751H3.41397L3.40512 11.3663C3.0037 11.3067 2.72626 10.9343 2.78627 10.5355C2.8335 10.2256 3.07257 9.98028 3.37954 9.92456C3.45628 9.91576 3.53302 9.91185 3.60976 9.91576H3.70322C4.32207 9.92456 4.97928 9.93727 5.70438 9.94509C6.72464 5.82416 7.90625 3.72949 9.22067 3.72558C10.6286 3.72558 11.6744 6.90913 12.5107 10.0252L12.5146 10.0379C14.2305 10.0722 16.0653 10.123 17.8441 10.2501L17.9209 10.2588C17.9504 10.2588 17.976 10.2628 18.0065 10.2676H18.0153L18.0242 10.2716H18.0281C18.3321 10.3312 18.5328 10.6283 18.4689 10.9294Z" fill="#1E61F0"/></svg> <span class="hidden md:inline text-xs uppercase text-black-600 ml-2">documentation</span></a></div>
+    <div id="algolia-search-header"></div>
+</div>
+        </div>
+      </div>
+    </div>
+    <div class="top-12 left-0 right-0 fixed bg-white z-10">
+      <div class="w-full overflow-scroll md:overflow-auto pt-5 pl-5">
+        <div class="box-border">
+<div class="box-border flex flex-row flex-nowrap items-center border-solid border-b border-black-200 h-12 px-4 justify-start"
+    style="margin-left: -20px; margin-top: -20px;">
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/get-started">Get Started</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/data">Data</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/analytics">Analytics</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/amplitude-ai">Amplitude AI</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/session-replay">Session Replay</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/guides-and-surveys">Guides and Surveys</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/assistant">AI Assistant</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/experiment-home">Experiment</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/admin">Admin</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 inline w-max" x-data="{ open: false }"><button
+                 @click="open = !open" class="font-normal -mb-[11px] text-[#111827]">Developers <svg class="inline fill-[#111827]" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g id="icon-chevron-down"><path id="Vector" d="M10.25 10.6338L13.8837 7L15 8.11625L10.25 12.8663L5.5 8.11625L6.61625 7L10.25 10.6338Z" fill="#5A5E68"/></g></svg></button>
+                <div x-cloak x-show="open" x-transition @click.outside="open = false" class="mt-4 py-2 right-4 sm:right-auto absolute border border-amp-gray-100 rounded flex flex-col shadow-lg top-4 bg-white w-48 p-4 font-normal z-20">
+                        <a class="no-underline pl-4 py-2 font-light hover:bg-amp-blue-950 hover:rounded" href="/docs/sdks">SDKs</a>
+                        <a class="no-underline pl-4 py-2 font-light hover:bg-amp-blue-950 hover:rounded" href="/docs/apis">APIs</a>
+                </div>
+            </div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/partners">Partners</a></div>
+            <div class="flex-initial mr-4 text-sm p-2 transition hover:bg-amp-blue-950 hover:rounded hover:p-2 relative"><a class="no-underline font-normal " href="/docs/faq">FAQ</a></div>
+</div>
+        </div>
+      </div>
+    </div>
+      <div
+        class="w-64 top-24 bg-white bottom-0 border-solid border-r border-black-200 -left-60 lg:left-0 lg:translate-x-0 lg:block z-10 fixed transition shadow overflow-visible lg:overflow-auto lg:overscroll-contain" :class="{ 'translate-x-[240px]': sidebarOpen }">
+        <button @click="sidebarOpen = !sidebarOpen" class="absolute lg:hidden left-0 z-50 w-4 translate-x-[245px] translate-y-8" :class="{ 'rotate-180': sidebarOpen, 'translate-x-[250px]' : sidebarOpen }"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="24" viewBox="0 0 21 24" fill="none"><rect x="0.5" y="0.5" width="20" height="23" rx="3.5" fill="white"/><rect x="0.5" y="0.5" width="20" height="23" rx="3.5" stroke="#DEDFE2"/><g clip-path="url(#clip0_671_1270)"><path d="M11.007 11.8L8.09998 8.893L8.99298 8L12.793 11.8L8.99298 15.6L8.09998 14.707L11.007 11.8Z" fill="#1E2024"/></g><defs><clipPath id="clip0_671_1270"><rect width="16" height="16" fill="white" transform="translate(2.5 4)"/></clipPath></defs></svg></button>
+        <div class="h-full overflow-scroll overscroll-contain">
+  <amp-side-nav current-uri="/docs/sdks/analytics/browser/browser-unified-sdk" nav-title="analytics_sdks">
+        <amp-nav-item
+          title="Analytics SDKs"
+          url="/docs/sdks/analytics"
+          slug="analytics-sdks"
+          level="1"
+          >
+        </amp-nav-item>
+        <amp-nav-item
+          title="Browser"
+          slug="browser"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Browser Unified SDK"
+                  url="/docs/sdks/analytics/browser/browser-unified-sdk"
+                  slug="browser-unified-sdk"
+                  parent-slug="browser"
+                  level="2"
+                  is-current>
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Browser SDK 2"
+                  slug="browser-sdk-2"
+                  parent-slug="browser"
+                  has-children
+                  level="2">
+                    <amp-nav-item
+                      title="Browser SDK 2"
+                      url="/docs/sdks/analytics/browser/browser-sdk-2"
+                      slug="browser-sdk-2"
+                      parent-slug="browser-sdk-2"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Ampli for Browser SDK 2.0"
+                      url="/docs/sdks/analytics/browser/ampli-for-browser-sdk-2-0"
+                      slug="ampli-for-browser-sdk-20"
+                      parent-slug="browser-sdk-2"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Migrate from Browser SDK 1.0 to 2.0"
+                      url="/docs/sdks/analytics/browser/migrate-from-browser-sdk-1-0-to-2-0"
+                      slug="migrate-from-browser-sdk-10-to-20"
+                      parent-slug="browser-sdk-2"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Cookies and consent management (Browser SDK)"
+                      url="/docs/sdks/analytics/browser/cookies-and-consent-management"
+                      slug="cookies-and-consent-management-browser-sdk"
+                      parent-slug="browser-sdk-2"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Autocapture Plugin"
+                  url="/docs/sdks/analytics/browser/autocapture-plugin"
+                  slug="autocapture-plugin"
+                  parent-slug="browser"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Browser SDK 1"
+                  slug="browser-sdk-1"
+                  parent-slug="browser"
+                  has-children
+                  level="2">
+                    <amp-nav-item
+                      title="Browser SDK 1"
+                      url="/docs/sdks/analytics/browser/browser-sdk-1"
+                      slug="browser-sdk-1"
+                      parent-slug="browser-sdk-1"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Ampli for Browser SDK 1.0"
+                      url="/docs/sdks/analytics/browser/ampli-for-browser-sdk-1-0"
+                      slug="ampli-for-browser-sdk-10"
+                      parent-slug="browser-sdk-1"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Android"
+          slug="android"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Android-Kotlin SDK"
+                  url="/docs/sdks/analytics/android/android-kotlin-sdk"
+                  slug="android-kotlin-sdk"
+                  parent-slug="android"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Ampli for Android-Kotlin SDK"
+                  url="/docs/sdks/analytics/android/ampli-for-android-kotlin-sdk"
+                  slug="ampli-for-android-kotlin-sdk"
+                  parent-slug="android"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Node"
+          slug="node"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Node.js SDK"
+                  url="/docs/sdks/analytics/node/node-js-sdk"
+                  slug="nodejs-sdk"
+                  parent-slug="node"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Node.js Ampli Wrapper"
+                  url="/docs/sdks/analytics/node/node-js-ampli-wrapper"
+                  slug="nodejs-ampli-wrapper"
+                  parent-slug="node"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Go"
+          slug="go"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Go SDK"
+                  url="/docs/sdks/analytics/go/go-sdk"
+                  slug="go-sdk"
+                  parent-slug="go"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Ampli for Go"
+                  url="/docs/sdks/analytics/go/ampli-for-go"
+                  slug="ampli-for-go"
+                  parent-slug="go"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Python"
+          slug="python"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Python SDK"
+                  url="/docs/sdks/analytics-sdks/python/python-sdk"
+                  slug="python-sdk"
+                  parent-slug="python"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Ampli for Python SDK"
+                  url="/docs/sdks/analytics-sdks/python/ampli-for-python-sdk"
+                  slug="ampli-for-python-sdk"
+                  parent-slug="python"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="iOS"
+          slug="ios"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="iOS Swift SDK"
+                  url="/docs/sdks/analytics/ios/ios-swift-sdk"
+                  slug="ios-swift-sdk"
+                  parent-slug="ios"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Ampli for iOS Swift SDK"
+                  url="/docs/sdks/analytics/ios/ampli-for-ios-swift-sdk"
+                  slug="ampli-for-ios-swift-sdk"
+                  parent-slug="ios"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Unified SDK for Swift"
+                  url="/docs/sdks/analytics/ios/unified-sdk"
+                  slug="unified-sdk-for-swift"
+                  parent-slug="ios"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Flutter"
+          slug="flutter"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Flutter SDK 3"
+                  url="/docs/sdks/analytics/flutter/flutter-sdk"
+                  slug="flutter-sdk-3"
+                  parent-slug="flutter"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Flutter SDK 4"
+                  url="/docs/sdks/analytics/flutter/flutter-sdk-4"
+                  slug="flutter-sdk-4"
+                  parent-slug="flutter"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Flutter SDK 4.0 Migration Guide"
+                  url="/docs/sdks/analytics/flutter/flutter-sdk-4-0-migration-guide"
+                  slug="flutter-sdk-40-migration-guide"
+                  parent-slug="flutter"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Java"
+          slug="java"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="JRE Java SDK"
+                  url="/docs/sdks/analytics/java/jre-java-sdk"
+                  slug="jre-java-sdk"
+                  parent-slug="java"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Ampli for Java SDK"
+                  url="/docs/sdks/analytics/java/ampli-for-java-sdk"
+                  slug="ampli-for-java-sdk"
+                  parent-slug="java"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="React Native"
+          slug="react-native"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="React Native SDK"
+                  url="/docs/sdks/analytics/react-native/react-native-sdk"
+                  slug="react-native-sdk"
+                  parent-slug="react-native"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Migrate to the latest React Native SDK"
+                  url="/docs/sdks/analytics/react-native/migrate-to-the-latest-react-native-sdk"
+                  slug="migrate-to-the-latest-react-native-sdk"
+                  parent-slug="react-native"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Ampli for the React Native SDK"
+                  url="/docs/sdks/analytics/react-native/ampli-for-the-react-native-sdk"
+                  slug="ampli-for-the-react-native-sdk"
+                  parent-slug="react-native"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Unreal"
+          slug="unreal"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Unreal SDK"
+                  url="/docs/sdks/analytics/unreal/unreal-sdk"
+                  slug="unreal-sdk"
+                  parent-slug="unreal"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Unity"
+          slug="unity"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Unity SDK"
+                  url="/docs/sdks/analytics/unity/unity-sdk"
+                  slug="unity-sdk"
+                  parent-slug="unity"
+                  level="2"
+                  >
+                </amp-nav-item>
+        </amp-nav-item>
+        <amp-nav-item
+          title="Maintenance SDKs"
+          slug="maintenance-sdks"
+          has-children
+          level="1">
+                <amp-nav-item
+                  title="Marketing Analytics SDK"
+                  slug="marketing-analytics-sdk"
+                  parent-slug="maintenance-sdks"
+                  has-children
+                  level="2">
+                    <amp-nav-item
+                      title="Marketing Analytics SDK"
+                      url="/docs/sdks/analytics/browser/marketing-analytics-sdk"
+                      slug="marketing-analytics-sdk"
+                      parent-slug="marketing-analytics-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Migrate from Marketing Analytics to Browser SDK 2.0"
+                      url="/docs/sdks/analytics/browser/migrate-from-marketing-analytics-to-browser-sdk-2-0"
+                      slug="migrate-from-marketing-analytics-to-browser-sdk-20"
+                      parent-slug="marketing-analytics-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Javascript SDK"
+                  slug="javascript-sdk"
+                  parent-slug="maintenance-sdks"
+                  has-children
+                  level="2">
+                    <amp-nav-item
+                      title="Javascript SDK"
+                      url="/docs/sdks/analytics/browser/javascript-sdk"
+                      slug="javascript-sdk"
+                      parent-slug="javascript-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Ampli for Javascript SDK"
+                      url="/docs/sdks/analytics/browser/ampli-for-javascript-sdk"
+                      slug="ampli-for-javascript-sdk"
+                      parent-slug="javascript-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Migrate from Javascript SDK to Browser SDK 1.0"
+                      url="/docs/sdks/analytics/browser/migrate-from-javascript-sdk-to-browser-sdk-1-0"
+                      slug="migrate-from-javascript-sdk-to-browser-sdk-10"
+                      parent-slug="javascript-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Migrate from Javascript SDK to Browser SDK 2.0"
+                      url="/docs/sdks/analytics/browser/migrate-from-javascript-sdk-to-browser-sdk-2-0"
+                      slug="migrate-from-javascript-sdk-to-browser-sdk-20"
+                      parent-slug="javascript-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Cookies and Consent Management (JavaScript SDK)"
+                      url="/docs/sdks/analytics/browser/cookies-and-consent-management-javascript-sdk"
+                      slug="cookies-and-consent-management-javascript-sdk"
+                      parent-slug="javascript-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                </amp-nav-item>
+                <amp-nav-item
+                  title="React Native SDK (maintenance)"
+                  url="/docs/sdks/analytics/react-native/react-native-sdk-maintenance"
+                  slug="react-native-sdk-maintenance"
+                  parent-slug="maintenance-sdks"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="iOS SDK"
+                  url="/docs/sdks/analytics/ios/ios-sdk"
+                  slug="ios-sdk"
+                  parent-slug="maintenance-sdks"
+                  level="2"
+                  >
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Node SDK"
+                  slug="node-sdk"
+                  parent-slug="maintenance-sdks"
+                  has-children
+                  level="2">
+                    <amp-nav-item
+                      title="Node SDK"
+                      url="/docs/sdks/analytics/node/node-sdk"
+                      slug="node-sdk"
+                      parent-slug="node-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Ampli for Node SDK"
+                      url="/docs/sdks/analytics/node/ampli-for-node-sdk"
+                      slug="ampli-for-node-sdk"
+                      parent-slug="node-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Node.js SDK Migration Guide"
+                      url="/docs/sdks/analytics/node/node-js-sdk-migration-guide"
+                      slug="nodejs-sdk-migration-guide"
+                      parent-slug="node-sdk"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                </amp-nav-item>
+                <amp-nav-item
+                  title="Android SDK 1.0"
+                  slug="android-sdk-10"
+                  parent-slug="maintenance-sdks"
+                  has-children
+                  level="2">
+                    <amp-nav-item
+                      title="Android SDK"
+                      url="/docs/sdks/analytics/android/android-sdk"
+                      slug="android-sdk"
+                      parent-slug="android-sdk-10"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                    <amp-nav-item
+                      title="Migrate to the Android-Kotlin SDK"
+                      url="/docs/sdks/analytics/android/migrate-to-the-android-kotlin-sdk"
+                      slug="migrate-to-the-android-kotlin-sdk"
+                      parent-slug="android-sdk-10"
+                      level="3"
+                      >
+                    </amp-nav-item>
+                </amp-nav-item>
+        </amp-nav-item>
+  </amp-side-nav>
+</div>
+      </div>
+      <div class="absolute top-24 left-0 lg:left-64 bottom-0 right-0 z-0 transition">
+        <div class="max-w-screen-xl pt-8 mx-auto">
+          <section class="w-full flex flex-col items-center">
+  <div class="flex flex-row flex-nowrap w-full text-sm pl-6 lg:pl-8 text-gray-400">
+    <div class="mr-2 text-s text-gray-500 "><a class=""
+        href="/docs/sdks">SDKs</a></div>
+    <span class="mr-2">/</span><div class="mr-2 text-s text-gray-500 "><a class=""
+        href="/docs/sdks/analytics">Amplitude Analytics SDK Catalog</a></div>
+    <span class="mr-2">/</span><div class="mr-2 text-s text-gray-500 "><a class=""
+        href="/docs/sdks/analytics/browser">Browser</a></div>
+    <span class="mr-2">/</span><div class="mr-2 text-s text-gray-500 "><a class="font-semibold"
+        href="/docs/sdks/analytics/browser/browser-unified-sdk">Browser Unified SDK</a></div>
+</div>
+  <div class="flex flex-row w-full pt-8 px-6 lg:p-8">
+    <div class="copy w-full">
+      <div class="flex flex-row items-start justify-between">
+        <h1 class="font-[Gellix] font-normal mb-5 max-w-3xl">Browser Unified SDK</h1>
+        </div>
+      <div
+        class="prose prose-a:text-amp-blue prose-ol:list-decimal prose-ol:list-outside prose-pre:bg-[#fafafa] max-w-prose" data-headings-anchors data-math-root>
+        <p>Amplitude offers multiple ways to install browser SDKs, each with different product support and version control options. This guide explains the three main installation methods and helps you choose the right approach for your needs.</p>
+<h2 id="choose-your-installation-method">Choose your installation method<a href="#choose-your-installation-method" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>Amplitude provides three main ways to install browser SDKs:</p>
+<table>
+<thead>
+<tr>
+<th>Method</th>
+<th>Description</th>
+<th>Version control</th>
+<th>Best for</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><a href="#unified-sdk-npm">Unified SDK (npm)</a></td>
+<td>Single npm package with all Amplitude features</td>
+<td>Customer-managed</td>
+<td>Teams requiring reproducible builds and strict change management</td>
+</tr>
+<tr>
+<td><a href="#unified-script-cdn">Unified Script (CDN)</a></td>
+<td>Single script tag that loads Amplitude capabilities</td>
+<td>Amplitude-managed</td>
+<td>Quick setup with automatic updates and sensible defaults</td>
+</tr>
+<tr>
+<td><a href="#google-tag-manager">GTM Template</a></td>
+<td>Google Tag Manager template</td>
+<td>Template version-controlled</td>
+<td>Teams using GTM for tag management</td>
+</tr>
+</tbody>
+</table>
+<h3 id="product-support-by-installation-method">Product support by installation method<a href="#product-support-by-installation-method" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Different installation methods support different Amplitude products:</p>
+<table>
+<thead>
+<tr>
+<th>Product</th>
+<th>Unified Script (CDN)</th>
+<th>Unified SDK (npm)</th>
+<th>GTM Template</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Analytics (<code>@amplitude/analytics-browser</code>)</td>
+<td>✅ Included</td>
+<td>✅ Included</td>
+<td>✅ Included</td>
+</tr>
+<tr>
+<td>Session Replay</td>
+<td>✅ Included</td>
+<td>✅ Included</td>
+<td>✅ Optional (checkbox)</td>
+</tr>
+<tr>
+<td>Guides &amp; Surveys</td>
+<td>⚠️ Separate script</td>
+<td>✅ Included</td>
+<td>✅ Optional (checkbox)</td>
+</tr>
+<tr>
+<td>Web Experiment (<code>@amplitude/experiment-tag</code>)</td>
+<td>✅ Included</td>
+<td>❌ Not included</td>
+<td>❌ Not supported</td>
+</tr>
+<tr>
+<td>Feature Experiment (<code>@amplitude/experiment-js-client</code>)</td>
+<td>❌ Not included</td>
+<td>✅ Included</td>
+<td>❌ Not supported</td>
+</tr>
+</tbody>
+</table>
+<p>
+<div class="hint note"><h2 class="hint-title">Web Experiment compared with Feature Experiment</h2><div class="hint-content"></p>
+<ul>
+<li><strong>Web Experiment</strong>: Uses visual editing for no-code A/B testing on web pages. The Unified Script includes it automatically.</li>
+<li><strong>Feature Experiment</strong>: Uses code-based feature flags with the Experiment JavaScript SDK. The Unified npm package includes it.</div></div>
+</li>
+</ul>
+<h2 id="unified-sdk-npm">Unified SDK (npm)<a href="#unified-sdk-npm" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>The Unified SDK provides a single npm package (<code>@amplitude/unified</code>) giving you access to Analytics, Session Replay, Feature Experiment, and Guides &amp; Surveys through a single API. Install it with npm or yarn, and control the version in your <code>package.json</code>.</p>
+<p><strong>Key characteristics:</strong></p>
+<ul>
+<li>Customer-managed package installation with full control over versions.</li>
+<li>Includes Feature Experiment (code-based feature flags), not Web Experiment (visual editor).</li>
+<li>Upgrade by bumping the package version in your dependency file.</li>
+<li>Ideal for teams that require reproducible builds and strict change management.</li>
+</ul>
+<p>
+<div class="hint info"><h2 class="hint-title">Individual product installation</h2><div class="hint-content">
+If you're concerned about bundle size and only need specific products, install them individually:</p>
+<ul>
+<li><a href="/docs/sdks/analytics/browser/browser-sdk-2">Analytics</a>: For tracking user events and behavior.</li>
+<li><a href="/docs/sdks/experiment-sdks/experiment-javascript">Experiment</a>: For running A/B tests and feature flags.</li>
+<li><a href="/docs/session-replay/session-replay-standalone-sdk">Session Replay</a>: For capturing and replaying user sessions.</li>
+<li><a href="/docs/guides-and-surveys/sdk">Guides and Surveys</a>: For in-product messaging and surveys.</div></div>
+</li>
+</ul>
+<h3 id="install-the-unified-sdk">Install the Unified SDK<a href="#install-the-unified-sdk" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Install the dependency with npm or yarn.</p>
+<p>
+<div class="border border-amp-gray-200 rounded" x-data="{ activeTab: 'npm' }">
+<div class="flex space-x-1 border-amp-gray-200 border-b border-solid">
+<button x-on:click="activeTab = 'npm'" :class="{'border-b-2 border-amp-blue-500 text-amp-blue-500 -mb-[2px]' : activeTab === 'npm', 'bg-gray-200': activeTab !== 'npm'}" class="px-4  py-2">npm</button><button x-on:click="activeTab = 'yarn'" :class="{'border-b-2 border-amp-blue-500 text-amp-blue-500 -mb-[2px]' : activeTab === 'yarn', 'bg-gray-200': activeTab !== 'yarn'}" class="px-4  py-2">yarn</button><button x-on:click="activeTab = 'AI prompt'" :class="{'border-b-2 border-amp-blue-500 text-amp-blue-500 -mb-[2px]' : activeTab === 'AI prompt', 'bg-gray-200': activeTab !== 'AI prompt'}" class="px-4  py-2">AI prompt</button></div>
+<div x-cloak x-show="activeTab === 'npm'" class="p-4 tab"></p>
+<pre><code class="language-bash">npm install @amplitude/unified
+</code></pre>
+<p>
+</div>
+<div x-cloak x-show="activeTab === 'yarn'" class="p-4 tab"></p>
+<pre><code class="language-bash">yarn add @amplitude/unified
+</code></pre>
+<p>
+</div>
+<div x-cloak x-show="activeTab === 'AI prompt'" class="p-4 tab">
+<p>Paste the prompt below into your terminal or AI tools like Copilot, Cursor, Replit, or Bolt.</p></p>
+<p>Click the <strong>Key</strong> icon to insert your Amplitude API key.
+</p>
+<pre><code class="language-plaintext">You are an Amplitude installation wizard, an expert AI programming assistant that implements Amplitude Analytics, Session Replay, Experiment, and Guides and Surveys for JavaScript-based applications.
+<p>Your task is to select, install, and initialize the correct Amplitude package(s) necessary to enable Amplitude Analytics, Session Replay, Experiment, and Guides and Surveys for this application and track key interactions, all in strict accordance to the Documentation provided below.</p>
+<p>Rules</p>
+<ul>
+<li>Do not make any code changes if this is not a JavaScript-based application</li>
+<li>Ensure ALL the code added ONLY runs client-side and never server-side</li>
+<li>Ensure amplitude is only initialized once during the lifecycle of the application</li>
+</ul>
+<h2 id="context">Context<a href="#context" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<h2 id="documentation">Documentation<a href="#documentation" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<ol>
+<li>Install the Amplitude Analytics Browser SDK with <code>npm install @amplitude/unified</code> or <code>yarn add @amplitude/unified</code></li>
+<li>Import amplitude into the root of the client application with <code>import * as amplitude from '@amplitude/unified';</code></li>
+<li>Initialize amplitude with <code>amplitude.initAll('AMPLITUDE_API_KEY', {&quot;analytics&quot;:{&quot;autocapture&quot;:true},&quot;sessionReplay&quot;:{&quot;sampleRate&quot;:1},&quot;experiment&quot;:{&quot;deploymentKey&quot;:&quot;DEPLOYMENT_KEY&quot;},&quot;engagement&quot;:{&quot;serverZone&quot;:&quot;US&quot;,&quot;logLevel&quot;:LogLevel.Warn}});</code></code></pre></li>
+</ol>
+<p>
+</div>
+</div></p>
+<h3 id="initialize-the-unified-sdk">Initialize the Unified SDK<a href="#initialize-the-unified-sdk" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The Unified SDK provides a single initialization method that initializes all Amplitude features.</p>
+<pre><code class="language-typescript">import { initAll } from '@amplitude/unified';
+initAll('AMPLITUDE_API_KEY');
+</code></pre>
+<h3 id="access-sdk-features">Access SDK features<a href="#access-sdk-features" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The Unified SDK provides access to all Amplitude features through a single interface:</p>
+<p>
+<div class="hint info"><h2 class="hint-title">Feature Documentation</h2><div class="hint-content">
+For detailed information about each product's features and APIs, refer to their respective documentation:</p>
+<ul>
+<li><a href="/docs/sdks/analytics/browser/browser-sdk-2">Analytics Browser SDK</a></li>
+<li><a href="/docs/sdks/experiment-sdks/experiment-javascript">Experiment JavaScript SDK</a></li>
+<li><a href="/docs/session-replay/session-replay-standalone-sdk">Session Replay Standalone SDK</a></li>
+<li><a href="/docs/guides-and-surveys/sdk">Guides and Surveys Web SDK</a></div></div>
+</li>
+</ul>
+<pre><code class="language-typescript">import {
+  track,
+  identify,
+  experiment,
+  sessionReplay
+} from '@amplitude/unified';
+// Track events
+track('Button Clicked', { buttonName: 'Sign Up' });
+// Identify users
+identify(new Identify().set('userType', 'premium'));
+// Access Experiment features
+const variant = await experiment.fetch('experiment-key');
+// Access Session Replay features
+sessionReplay.flush();
+</code></pre>
+<h3 id="configuration">Configuration<a href="#configuration" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The Unified SDK supports configuration options for all Amplitude features. You can configure each product individually while sharing some common options.</p>
+<pre><code class="language-typescript">import { initAll } from '@amplitude/unified';
+initAll('AMPLITUDE_API_KEY', {
+  // Shared options for all SDKs (optional)
+  serverZone: 'US', // or 'EU'
+  instanceName: 'my-instance',
+  // Analytics options
+  analytics: {
+    // Analytics configuration options
+  },
+  // Session Replay options
+  sessionReplay: {
+    // Session Replay configuration options
+    sampleRate: 1 // To enable session replay
+  },
+  // Experiment options
+  experiment: {
+    // Experiment configuration options
+  },
+  // Guides and Surveys options
+  engagement: {
+    // Guides and Surveys configuration options
+  }
+});
+</code></pre>
+<h4 id="shared-options">Shared options<a href="#shared-options" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<table>
+<thead>
+<tr>
+<th>Name</th>
+<th>Type</th>
+<th>Default</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>serverZone</code></td>
+<td><code>'US'</code> or <code>'EU'</code></td>
+<td><code>'US'</code></td>
+<td>The server zone to use for all SDKs.</td>
+</tr>
+<tr>
+<td><code>instanceName</code></td>
+<td><code>string</code></td>
+<td><code>$default_instance</code></td>
+<td>A unique name for this instance of the SDK.</td>
+</tr>
+</tbody>
+</table>
+<h4 id="analytics-options">Analytics options<a href="#analytics-options" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>All options from <code>@amplitude/analytics-browser</code> are supported. Refer to the <a href="/docs/sdks/analytics/browser/browser-sdk-2#initialize-the-sdk">Analytics Browser SDK documentation</a> for details.</p>
+<h4 id="session-replay-options">Session Replay options<a href="#session-replay-options" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>The Unified Browser SDK supports all options from <code>@amplitude/plugin-session-replay-browser</code>. Refer to the <a href="/docs/session-replay/session-replay-plugin#configuration">Session Replay Plugin documentation</a> for more information. Set <code>config.sessionReplay.sampleRate</code> to a non-zero value to enable Session Replay.</p>
+<p>Sample rate controls the rate at which Amplitude captures session replays. For example, if you set <code>config.sessionReplay.sampleRate</code> to <code>0.5</code>, Session Replay captures roughly half of all sessions.</p>
+<h4 id="experiment-options">Experiment options<a href="#experiment-options" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>All options from <code>@amplitude/plugin-experiment-browser</code> are supported. Refer to the <a href="/docs/sdks/experiment-sdks/experiment-javascript#configuration">Experiment documentation</a> for details.</p>
+<h4 id="guides-and-surveys-options">Guides and Surveys options<a href="#guides-and-surveys-options" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>The Unified Browser SDK supports all <a href="/docs/guides-and-surveys/sdk#initialize-the-sdk">Guides and Surveys options</a>. The engagement plugin initializes automatically when you pass engagement options in the configuration.</p>
+<h2 id="unified-script-cdn">Unified script (CDN)<a href="#unified-script-cdn" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>The Unified Script is a single script tag that loads Amplitude browser capabilities from Amplitude's CDN. Amplitude remotely controls the versions of the underlying SDKs, offering a &quot;single line of code&quot; experience with sensible defaults and optional remote or manual configuration.</p>
+<p><strong>Key characteristics:</strong></p>
+<ul>
+<li>Amplitude manages SDK versions and can patch bugs or improve performance centrally without requiring a customer release.</li>
+<li>Includes Web Experiment (visual editor) by default.</li>
+<li>Session Replay and Web Experiment enable automatically with default settings.</li>
+<li>Guides &amp; Surveys requires a separate script because of size concerns.</li>
+</ul>
+<h3 id="install-the-unified-script">Install the Unified Script<a href="#install-the-unified-script" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Add the following script tag to the <code>&lt;head&gt;</code> of your site:</p>
+<pre><code class="language-html">&lt;script src=&quot;https://cdn.amplitude.com/script/AMPLITUDE_API_KEY.js&quot;&gt;&lt;/script&gt;
+</code></pre>
+<p>Replace <code>AMPLITUDE_API_KEY</code> with your project's API key.</p>
+<h3 id="initialize-the-unified-script">Initialize the Unified Script<a href="#initialize-the-unified-script" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The Unified Script enables Session Replay and Web Experiment by default. For manual configuration:</p>
+<pre><code class="language-html">&lt;script src=&quot;https://cdn.amplitude.com/script/AMPLITUDE_API_KEY.js&quot;&gt;&lt;/script&gt;
+&lt;script&gt;
+  window.amplitude.init('AMPLITUDE_API_KEY', {
+    defaultTracking: true,
+    autocapture: true,
+    fetchRemoteConfig: true
+  });
+  // Enable Session Replay with custom sample rate
+  window.amplitude.add(window.sessionReplay.plugin({ sampleRate: 1 }));
+&lt;/script&gt;
+</code></pre>
+<h3 id="add-guides--surveys-to-the-unified-script">Add Guides &amp; Surveys to the Unified Script<a href="#add-guides--surveys-to-the-unified-script" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Because of size concerns, Guides &amp; Surveys requires a separate script. Add it after the Unified Script:</p>
+<pre><code class="language-html">&lt;script src=&quot;https://cdn.amplitude.com/script/AMPLITUDE_API_KEY.js&quot;&gt;&lt;/script&gt;
+&lt;script src=&quot;https://cdn.amplitude.com/script/AMPLITUDE_API_KEY.engagement.js&quot;&gt;&lt;/script&gt;
+&lt;script&gt;
+  window.amplitude.add(window.engagement.plugin());
+  window.amplitude.init('AMPLITUDE_API_KEY', {
+    fetchRemoteConfig: true,
+    autocapture: true
+  });
+&lt;/script&gt;
+</code></pre>
+<p>Refer to the <a href="/docs/guides-and-surveys/sdk">Guides and Surveys SDK documentation</a> for more configuration options.</p>
+<h2 id="google-tag-manager">Google Tag Manager<a href="#google-tag-manager" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>The <a href="/docs/data/source-catalog/google-tag-manager">Amplitude GTM template</a> directly wraps the Analytics Browser 2.0 SDK (<code>@amplitude/analytics-browser</code>). It doesn't use the Unified SDK or Unified Script.</p>
+<p><strong>Key characteristics:</strong></p>
+<ul>
+<li>Template version-controlled through GTM.</li>
+<li>Supports Analytics, Session Replay, and Guides &amp; Surveys.</li>
+<li>Doesn't support Web Experiment or Feature Experiment.</li>
+<li>Session Replay and Guides &amp; Surveys are disabled by default and require manual checkbox selection.</li>
+</ul>
+<h3 id="enable-session-replay-and-guides--surveys-in-gtm">Enable Session Replay and Guides &amp; Surveys in GTM<a href="#enable-session-replay-and-guides--surveys-in-gtm" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>To enable these features:</p>
+<ol>
+<li>Navigate to your Amplitude tag in GTM.</li>
+<li>In the tag configuration, check the <strong>Session Replay</strong> checkbox to enable session replays.</li>
+<li>Check the <strong>Guides &amp; Surveys</strong> checkbox to enable in-product messaging.</li>
+<li>Save and publish your changes.</li>
+</ol>
+<p>Refer to the <a href="/docs/data/source-catalog/google-tag-manager">Google Tag Manager documentation</a> for detailed configuration options.</p>
+      </div>
+      </div>
+<div class="relative basis-64 shrink-0 hidden lg:block">
+  <div class="flex flex-row ml-8 mb-2">
+<div class="copy-page-menu relative" data-md-url="/docs/md/sdks/analytics/browser/browser-unified-sdk.md">
+    <button class="copy-page-toggle group flex items-center font-medium border border-white hover:border-amp-gray-200 rounded-md transition-all duration-200"
+        aria-label="Copy page options" title="Copy page options">
+        <div class="flex items-center justify-center">
+            <svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 -960 960 960" width="16px" fill="currentColor" class="w-6 h-6 text-amp-gray-500 transition-transform duration-200 group-hover:-translate-y-px">                <path d="M362.31-260Q332-260 311-281q-21-21-21-51.31v-455.38Q290-818 311-839q21-21 51.31-21h335.38Q728-860 749-839q21 21 21 51.31v455.38Q770-302 749-281q-21 21-51.31 21H362.31Zm0-60h335.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H362.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v455.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm-140 200Q192-120 171-141q-21-21-21-51.31v-515.38h60v515.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h395.38v60H222.31ZM350-320v-480 480Z" />
+            </svg>
+        </div>
+    </button>
+    <!-- Dropdown Menu -->
+    <div class="copy-page-dropdown hidden absolute right-0 mt-2 w-56 bg-white rounded-md shadow-lg border border-amp-gray-200 z-50 opacity-0 scale-95 transition-all duration-100 ease-out">
+        <div class="py-1">
+            <button class="copy-markdown-btn flex items-center w-full px-4 py-2 text-sm text-amp-gray-700 hover:bg-amp-gray-50 hover:text-amp-gray-900 transition-colors duration-150">
+                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
+                </svg>
+                Copy as Markdown
+            </button>
+            <a href="/docs/md/sdks/analytics/browser/browser-unified-sdk.md" target="_blank" class="copy-page-link flex items-center w-full px-4 py-2 text-sm text-amp-gray-700 hover:bg-amp-gray-50 hover:text-amp-gray-900 transition-colors duration-150">
+                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4 mr-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" />
+                </svg>
+                View as Markdown
+            </a>
+            <hr class="my-1 border-amp-gray-100">
+            <a href="https://chat.openai.com/?q=Look+at+this+document+from+Amplitude+so+I+can+ask+questions+about+it%3A+https%3A//amplitude.com/docs/md/sdks/analytics/browser/browser-unified-sdk.md" target="_blank" class="open-chatgpt copy-page-link flex items-center w-full px-4 py-2 text-sm text-amp-gray-700 hover:bg-amp-gray-50 hover:text-amp-gray-900 transition-colors duration-150">
+                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-3" viewBox="0 0 320 320">
+                    <path d="m297.06 130.97c7.26-21.79 4.76-45.66-6.85-65.48-17.46-30.4-52.56-46.04-86.84-38.68-15.25-17.18-37.16-26.95-60.13-26.81-35.04-.08-66.13 22.48-76.91 55.82-22.51 4.61-41.94 18.7-53.31 38.67-17.59 30.32-13.58 68.54 9.92 94.54-7.26 21.79-4.76 45.66 6.85 65.48 17.46 30.4 52.56 46.04 86.84 38.68 15.24 17.18 37.16 26.95 60.13 26.8 35.06.09 66.16-22.49 76.94-55.86 22.51-4.61 41.94-18.7 53.31-38.67 17.57-30.32 13.55-68.51-9.94-94.51zm-120.28 168.11c-14.03.02-27.62-4.89-38.39-13.88.49-.26 1.34-.73 1.89-1.07l63.72-36.8c3.26-1.85 5.26-5.32 5.24-9.07v-89.83l26.93 15.55c.29.14.48.42.52.74v74.39c-.04 33.08-26.83 59.9-59.91 59.97zm-128.84-55.03c-7.03-12.14-9.56-26.37-7.15-40.18.47.28 1.3.79 1.89 1.13l63.72 36.8c3.23 1.89 7.23 1.89 10.47 0l77.79-44.92v31.1c.02.32-.13.63-.38.83l-64.41 37.19c-28.69 16.52-65.33 6.7-81.92-21.95zm-16.77-139.09c7-12.16 18.05-21.46 31.21-26.29 0 .55-.03 1.52-.03 2.2v73.61c-.02 3.74 1.98 7.21 5.23 9.06l77.79 44.91-26.93 15.55c-.27.18-.61.21-.91.08l-64.42-37.22c-28.63-16.58-38.45-53.21-21.95-81.89zm221.26 51.49-77.79-44.92 26.93-15.54c.27-.18.61-.21.91-.08l64.42 37.19c28.68 16.57 38.51 53.26 21.94 81.94-7.01 12.14-18.05 21.44-31.2 26.28v-75.81c.03-3.74-1.96-7.2-5.2-9.06zm26.8-40.34c-.47-.29-1.3-.79-1.89-1.13l-63.72-36.8c-3.23-1.89-7.23-1.89-10.47 0l-77.79 44.92v-31.1c-.02-.32.13-.63.38-.83l64.41-37.16c28.69-16.55 65.37-6.7 81.91 22 6.99 12.12 9.52 26.31 7.15 40.1zm-168.51 55.43-26.94-15.55c-.29-.14-.48-.42-.52-.74v-74.39c.02-33.12 26.89-59.96 60.01-59.94 14.01 0 27.57 4.92 38.34 13.88-.49.26-1.33.73-1.89 1.07l-63.72 36.8c-3.26 1.85-5.26 5.31-5.24 9.06l-.04 89.79zm14.63-31.54 34.65-20.01 34.65 20v40.01l-34.65 20-34.65-20z"/>
+                    </svg>
+                Open in ChatGPT
+            </a>
+            <a href="https://claude.ai/chat?q=Look+at+this+document+from+Amplitude+so+I+can+ask+questions+about+it%3A+https%3A//amplitude.com/docs/md/sdks/analytics/browser/browser-unified-sdk.md" target="_blank" class="open-claude copy-page-link flex items-center w-full px-4 py-2 text-sm text-amp-gray-700 hover:bg-amp-gray-50 hover:text-amp-gray-900 transition-colors duration-150">
+                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="h-4 w-4 mr-3" viewBox="0 0 256 256" xml:space="preserve">
+                    <g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)">
+                        <path d="M 17.671 59.85 l 17.699 -9.93 l 0.298 -0.862 l -0.298 -0.48 h -0.862 l -2.958 -0.182 l -10.113 -0.273 l -8.77 -0.364 L 4.17 47.302 l -2.138 -0.456 l -2.004 -2.642 l 0.207 -1.318 l 1.798 -1.209 l 2.575 0.225 l 5.691 0.389 l 8.54 0.589 l 6.195 0.364 l 9.177 0.954 h 1.458 l 0.207 -0.589 l -0.498 -0.364 l -0.389 -0.364 l -8.837 -5.989 l -9.566 -6.329 l -5.011 -3.644 l -2.709 -1.846 l -1.367 -1.731 l -0.589 -3.778 l 2.46 -2.709 l 3.304 0.225 l 0.844 0.225 l 3.347 2.575 l 7.149 5.533 l 9.335 6.875 l 1.367 1.136 l 0.547 -0.389 l 0.067 -0.273 l -0.613 -1.026 l -5.078 -9.177 l -5.418 -9.335 l -2.411 -3.869 l -0.638 -2.32 C 20.945 6.08 20.781 5.278 20.781 4.3 l 2.8 -3.802 L 25.13 0 l 3.735 0.498 l 1.573 1.367 l 2.32 5.308 l 3.76 8.357 l 5.831 11.364 l 1.707 3.371 l 0.911 3.122 l 0.34 0.954 h 0.589 v -0.547 l 0.48 -6.402 l 0.887 -7.859 L 48.125 9.42 l 0.298 -2.849 l 1.409 -3.413 l 2.8 -1.846 l 2.187 1.045 l 1.798 2.575 l -0.249 1.664 l -1.069 6.948 l -2.095 10.884 l -1.367 7.288 h 0.796 l 0.911 -0.911 l 3.687 -4.895 l 6.195 -7.744 l 2.733 -3.073 l 3.189 -3.395 l 2.047 -1.616 h 3.869 l 2.849 4.233 l -1.275 4.373 l -3.984 5.053 l -3.304 4.282 l -4.737 6.377 l -2.958 5.102 l 0.273 0.407 l 0.705 -0.067 l 10.702 -2.278 l 5.782 -1.045 l 6.9 -1.184 l 3.122 1.458 l 0.34 1.482 l -1.227 3.031 l -7.38 1.822 l -8.655 1.731 l -12.888 3.049 l -0.158 0.115 l 0.182 0.225 l 5.806 0.547 l 2.484 0.134 h 6.08 l 11.321 0.844 l 2.958 1.956 l 1.774 2.393 l -0.298 1.822 l -4.555 2.32 l -6.147 -1.458 l -14.346 -3.413 l -4.92 -1.227 h -0.68 v 0.407 l 4.1 4.009 l 7.513 6.784 l 9.408 8.746 l 0.48 2.162 l -1.209 1.707 L 78.044 75.8 l -8.266 -6.219 l -3.189 -2.8 l -7.222 -6.08 h -0.48 v 0.638 l 1.664 2.436 l 8.789 13.21 l 0.456 4.051 l -0.638 1.318 l -2.278 0.796 l -2.502 -0.456 l -5.144 -7.222 l -5.308 -8.133 l -4.282 -7.288 l -0.522 0.298 l -2.527 27.216 l -1.184 1.391 L 42.677 90 l -2.278 -1.731 l -1.209 -2.8 l 1.209 -5.533 l 1.458 -7.222 l 1.184 -5.74 l 1.069 -7.131 l 0.638 -2.369 l -0.043 -0.158 l -0.522 0.067 l -5.375 7.38 l -8.175 11.048 l -6.468 6.924 l -1.549 0.613 l -2.685 -1.391 l 0.249 -2.484 l 1.5 -2.211 l 8.953 -11.388 l 5.4 -7.058 l 3.486 -4.075 l -0.024 -0.589 h -0.207 L 15.509 69.592 l -4.233 0.547 l -1.822 -1.707 l 0.225 -2.8 l 0.862 -0.911 l 7.149 -4.92 l -0.024 0.024 L 17.671 59.85 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: rgb(0,0,0); fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round"/>
+                    </g>
+                    </svg>
+                Open in Claude
+            </a>
+        </div>
+    </div>
+</div>
+<style>
+/* Custom Tippy.js themes for success and error states */
+.tippy-box[data-theme~='light-success'] {
+    background-color: #dcfce7;
+    color: #166534;
+    border: 1px solid #bbf7d0;
+}
+.tippy-box[data-theme~='light-success'] .tippy-arrow {
+    color: #dcfce7;
+}
+.tippy-box[data-theme~='light-error'] {
+    background-color: #fef2f2;
+    color: #dc2626;
+    border: 1px solid #fecaca;
+}
+.tippy-box[data-theme~='light-error'] .tippy-arrow {
+    color: #fef2f2;
+}
+</style>
+<script>
+(function() {
+    'use strict';
+    // Initialize when DOM is ready
+    if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', initCopyPageMenu);
+    } else {
+        initCopyPageMenu();
+    }
+    function initCopyPageMenu() {
+        const menus = document.querySelectorAll('.copy-page-menu');
+        menus.forEach(menu => {
+            const toggle = menu.querySelector('.copy-page-toggle');
+            const dropdown = menu.querySelector('.copy-page-dropdown');
+            const arrow = menu.querySelector('.copy-page-arrow');
+            const copyBtn = menu.querySelector('.copy-markdown-btn');
+            const links = menu.querySelectorAll('.copy-page-link');
+            const mdUrl = menu.dataset.mdUrl;
+            let isOpen = false;
+            let copyTooltip = null;
+            // Initialize Tippy.js tooltip for copy button
+            if (window.tippy && copyBtn) {
+                copyTooltip = tippy(copyBtn, {
+                    content: 'Copy as Markdown',
+                    placement: 'top',
+                    trigger: 'manual',
+                    theme: 'light',
+                    animation: 'fade',
+                    duration: [200, 150],
+                    hideOnClick: false
+                });
+            }
+            // Toggle dropdown
+            toggle.addEventListener('click', (e) => {
+                e.stopPropagation();
+                toggleDropdown();
+            });
+            // Close on outside click
+            document.addEventListener('click', (e) => {
+                if (isOpen && !menu.contains(e.target)) {
+                    closeDropdown();
+                }
+            });
+            // Close dropdown when links are clicked
+            links.forEach(link => {
+                link.addEventListener('click', () => {
+                    closeDropdown();
+                });
+            });
+            // Copy markdown functionality
+            copyBtn.addEventListener('click', async () => {
+                try {
+                    const resp = await fetch(mdUrl);
+                    if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+                    const raw = await resp.text();
+                    // Strip YAML front matter
+                    const md = raw.replace(/^---[\r\n]+[\s\S]*?[\r\n]+---[\r\n]*/, '');
+                    if (navigator.clipboard?.writeText) {
+                        await navigator.clipboard.writeText(md);
+                    } else {
+                        // Fallback for older browsers
+                        const ta = document.createElement('textarea');
+                        ta.value = md;
+                        ta.style.cssText = 'position:fixed;top:0;left:0;width:1px;height:1px;padding:0;border:none;outline:none;box-shadow:none;background:transparent;';
+                        document.body.appendChild(ta);
+                        ta.focus();
+                        ta.select();
+                        document.execCommand('copy');
+                        document.body.removeChild(ta);
+                    }
+                    showTooltip('✓ Copied to clipboard!', 'success');
+                } catch (err) {
+                    showTooltip('✗ Copy failed: ' + err.message, 'error');
+                }
+            });
+            function toggleDropdown() {
+                isOpen ? closeDropdown() : openDropdown();
+            }
+            function openDropdown() {
+                isOpen = true;
+                dropdown.classList.remove('hidden');
+                // Force reflow before adding animation classes
+                dropdown.offsetHeight;
+                dropdown.classList.remove('opacity-0', 'scale-95');
+                dropdown.classList.add('opacity-100', 'scale-100');
+                if (arrow) arrow.style.transform = 'rotate(180deg)';
+            }
+            function closeDropdown() {
+                if (!isOpen) return;
+                isOpen = false;
+                dropdown.classList.remove('opacity-100', 'scale-100');
+                dropdown.classList.add('opacity-0', 'scale-95');
+                if (arrow) arrow.style.transform = '';
+                // Hide after animation
+                setTimeout(() => {
+                    if (!isOpen) dropdown.classList.add('hidden');
+                }, 100);
+            }
+            function showTooltip(message, type = 'success') {
+                closeDropdown();
+                if (copyTooltip) {
+                    // Update tooltip content and styling based on type
+                    copyTooltip.setContent(message);
+                    // Set theme based on success/error
+                    const theme = type === 'success' ? 'light-success' : 'light-error';
+                    copyTooltip.setProps({ theme: theme });
+                    // Show tooltip
+                    copyTooltip.show();
+                    // Hide after 2 seconds
+                    setTimeout(() => {
+                        if (copyTooltip) {
+                            copyTooltip.hide();
+                            // Reset to default content and theme
+                            setTimeout(() => {
+                                if (copyTooltip) {
+                                    copyTooltip.setContent('Copy as Markdown');
+                                    copyTooltip.setProps({ theme: 'light' });
+                                }
+                            }, 200);
+                        }
+                    }, 2000);
+                }
+            }
+        });
+    }
+})();
+</script>
+</div>
+    <div class="rounded-lg border text-card-foreground bg-amp-gray-50 border-amp-gray-200 shadow-sm mb-8"
+         data-bundle-package="@amplitude/unified"
+         data-bundle-loader="true"
+         data-environment="production">
+        <div class="p-4">
+            <div class="flex items-center gap-2 mb-3">
+                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
+                    viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    stroke-linejoin="round" class="lucide lucide-package h-4 w-4 text-amp-gray-600">
+                    <path d="m7.5 4.27 9 5.15"></path>
+                    <path
+                        d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z">
+                    </path>
+                    <path d="m3.3 7 8.7 5 8.7-5"></path>
+                    <path d="M12 22V12"></path>
+                </svg>
+                <h3 class="font-medium text-amp-gray-900 text-sm m-0">
+                    <a href="https://npmjs.com/package/@amplitude/unified" target="_blank">Package Information</a>
+                </h3>
+            </div>
+            <div class="space-y-2.5">
+                <div>
+                    <div class="text-xs text-amp-gray-500 mb-1">Package Name</div>
+                    <code class="block font-mono text-xs bg-white px-2 py-1.5 rounded border border-amp-gray-200 text-amp-gray-700 w-full overflow-x-auto">@amplitude/unified</code>
+                </div>
+                <div class="flex justify-between items-center">
+                    <div>
+                        <div class="text-xs text-amp-gray-500 mb-1">Version</div>
+                        <div class="bundle-version">
+                            <div class="animate-pulse bg-amp-gray-200 h-5 w-16 rounded"></div>
+                        </div>
+                    </div>
+                    <div class="text-right">
+                        <div class="text-xs text-amp-gray-500 mb-1">Size (gzip)</div>
+                        <div class="bundle-size">
+                            <div class="animate-pulse bg-amp-gray-200 h-5 w-12 rounded"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+<script>
+document.addEventListener('DOMContentLoaded', function() {
+    const bundleCards = document.querySelectorAll('[data-bundle-loader]');
+    // Skip if no cards need loading (server-side data was successful)
+    if (bundleCards.length === 0) return;
+    bundleCards.forEach(async (card) => {
+        const packageName = card.dataset.bundlePackage;
+        const environment = card.dataset.environment;
+        try {
+            let data;
+            let dataSource = 'unknown';
+            // Only try Laravel API in local/development (NOT preview/production)
+            if (environment === 'local' || environment === 'development') {
+                try {
+                    const response = await fetch(`/api/bundle-phobia?package=${encodeURIComponent(packageName)}`);
+                    if (response.ok) {
+                        data = await response.json();
+                        if (data._bundlephobia_success) {
+                            dataSource = data._bundlephobia_cached ? 'laravel-cache' : 'laravel-live';
+                            updateBundleSuccess(card, data, dataSource);
+                            return;
+                        }
+                    }
+                } catch (apiError) {
+                    console.warn('Laravel API not available, falling back to direct BundlePhobia API');
+                }
+            } else {
+                console.log(`Skipping Laravel API for environment: ${environment}`);
+            }
+            // Direct BundlePhobia API (works in all environments)
+            const response = await fetch(`https://bundlephobia.com/api/size?package=${encodeURIComponent(packageName)}`);
+            if (response.ok) {
+                const directData = await response.json();
+                if (directData && directData.size) {
+                    // Transform direct API response to match our format
+                    const transformedData = {
+                        name: directData.name || packageName,
+                        version: directData.version || 'Latest',
+                        size_gzip_kb: directData.gzip ? Math.round(directData.gzip / 1024 * 100) / 100 : 'N/A'
+                    };
+                    dataSource = 'bundlephobia-direct';
+                    updateBundleSuccess(card, transformedData, dataSource);
+                    return;
+                }
+            }
+            // Both APIs failed
+            showBundleError(card, packageName, 'Unable to fetch bundle data');
+        } catch (error) {
+            console.warn('Bundle size fetch failed:', error);
+            showBundleError(card, packageName, 'Network error');
+        }
+    });
+    function updateBundleSuccess(card, data, source) {
+        card.querySelector('.bundle-version').innerHTML =
+            `<div class="font-medium text-amp-gray-900">${data.version}</div>`;
+        card.querySelector('.bundle-size').innerHTML =
+            `<div class="font-medium text-amp-gray-900">${data.size_gzip_kb} kB</div>`;
+        // Add source indicator
+        const sourceIndicator = getSourceIndicator(source, data);
+        card.querySelector('h3').innerHTML += sourceIndicator;
+        // Mark as loaded
+        card.removeAttribute('data-bundle-loader');
+        card.setAttribute('data-bundle-loaded', 'true');
+    }
+    function getSourceIndicator(source, data) {
+        switch (source) {
+            case 'laravel-cache':
+                return '<span class="ml-2 text-xs bg-blue-100 text-blue-700 px-2 py-0.5 rounded" title="Data from Laravel cache">Cached</span>';
+            case 'laravel-live':
+                return '<span class="ml-2 text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded" title="Fresh data from Laravel">Live</span>';
+            case 'bundlephobia-direct':
+                return '<span class="ml-2 text-xs bg-yellow-100 text-yellow-700 px-2 py-0.5 rounded" title="Direct from BundlePhobia API">Direct</span>';
+            default:
+                return '';
+        }
+    }
+    function showBundleError(card, packageName, errorMessage) {
+        const flexContainer = card.querySelector('.flex.justify-between');
+        flexContainer.innerHTML = `
+            <div class="p-3 bg-white border border-amp-gray-200 rounded text-sm text-amp-gray-700 w-full">
+                <p class="m-0 mb-2"><strong>Bundle size information temporarily unavailable.</strong></p>
+                <p class="m-0 text-xs text-amp-gray-600">
+                    Visit <a href="https://bundlephobia.com/package/${packageName}" target="_blank" class="text-amp-blue-600 underline">BundlePhobia</a>
+                    or <a href="https://npmjs.com/package/${packageName}" target="_blank" class="text-app-blue-600 underline">npm</a>
+                    for current package details.
+                </p>
+            </div>
+        `;
+        card.removeAttribute('data-bundle-loader');
+        card.setAttribute('data-bundle-loaded', 'error');
+    }
+});
+</script>
+  <div class="sticky top-24 ml-8 text-sm js-toc">
+  </div>
+</div>
+  </div>
+  </div>
+<div class="mt-12 mb-5 max-w-screen-xl mx-auto pl-8">
+    <div class="inline-flex items-center">
+    <span class="text-sm text-amp-gray-600 mr-4">Was this page helpful?</span>
+    <div class="inline-flex flex-row-reverse items-center">
+            <button @click="amplitude.track('Article rating')" class="article-rating inline-flex flex-row-reverse items-center">
+            <svg xmlns="http://www.w3.org/2000/svg"
+                class="inline cursor-pointer"
+                height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+                <path
+                    d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z">
+                </path>
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg"
+                class="inline cursor-pointer"
+                height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+                <path
+                    d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z">
+                </path>
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg"
+                class="inline cursor-pointer"
+                height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+                <path
+                    d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z">
+                </path>
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg"
+                class="inline cursor-pointer"
+                height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+                <path
+                    d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z">
+                </path>
+            </svg>
+            <svg xmlns="http://www.w3.org/2000/svg"
+                class="inline cursor-pointer"
+                height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed">
+                <path
+                    d="m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143ZM233-120l65-281L80-590l288-25 112-265 112 265 288 25-218 189 65 281-247-149-247 149Zm247-350Z">
+                </path>
+            </svg>
+            </button>
+    </div>
+</div>
+        <p class="text-xs text-amp-gray-600"><svg class="inline" xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><g id="schedule"><mask id="mask0_388_26358" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21"><rect id="Bounding box" y="0.987793" width="20" height="20" fill="#D9D9D9"/></mask><g mask="url(#mask0_388_26358)"><path id="schedule_2" d="M12.7917 14.5295L13.8542 13.467L10.75 10.3628V5.98779H9.25V10.9878L12.7917 14.5295ZM10 18.9878C8.89756 18.9878 7.86153 18.7795 6.89192 18.3628C5.92231 17.9461 5.07292 17.3732 4.34375 16.644C3.61458 15.9149 3.04167 15.0645 2.625 14.0928C2.20833 13.1212 2 12.083 2 10.9783C2 9.8735 2.20833 8.83502 2.625 7.86279C3.04167 6.89057 3.61458 6.04335 4.34375 5.32113C5.07292 4.5989 5.92332 4.02946 6.89496 3.61279C7.86661 3.19613 8.90481 2.98779 10.0095 2.98779C11.1143 2.98779 12.1528 3.19779 13.1251 3.61779C14.0974 4.03779 14.9432 4.60779 15.6625 5.32779C16.3817 6.04779 16.9511 6.89446 17.3707 7.86779C17.7902 8.84113 18 9.88113 18 10.9878C18 12.0902 17.7917 13.1263 17.375 14.0959C16.9583 15.0655 16.3889 15.9149 15.6667 16.644C14.9444 17.3732 14.0963 17.9461 13.1223 18.3628C12.1482 18.7795 11.1075 18.9878 10 18.9878ZM10.0099 17.4878C11.8082 17.4878 13.3395 16.8524 14.6037 15.5815C15.8679 14.3107 16.5 12.7761 16.5 10.9779C16.5 9.17956 15.8679 7.64831 14.6037 6.38411C13.3395 5.1199 11.8082 4.48779 10.0099 4.48779C8.21165 4.48779 6.67708 5.1199 5.40625 6.38411C4.13542 7.64831 3.5 9.17956 3.5 10.9779C3.5 12.7761 4.13542 14.3107 5.40625 15.5815C6.67708 16.8524 8.21165 17.4878 10.0099 17.4878Z" fill="#5A5E68"/></g></g></svg> April 15th, 2026</p>
+</div>
+<div class="pl-8 border-y border-y-amp-gray-100  py-[2.12rem] gap-2">
+    <div class="flex flex-col max-w-screen-xl mx-auto">
+        <div><svg class="inline" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg> <p class="text-[0.875rem] text-amp-gray-600 inline">Need help? <a href="https://help.amplitude.com/hc/en-us/requests/new" class="text-amp-blue-300" target="_blank">Contact Support</a></p></div>
+        <div><svg class="inline" xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><g id="icon-amplitude"><path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M9.1805 7.21649C9.28367 7.3667 9.462 7.70394 9.72592 8.45712C9.90642 8.97243 10.1034 9.61079 10.3118 10.3556C9.52125 10.3442 8.72133 10.3356 7.94682 10.3275L7.55457 10.3232C7.99767 8.69717 8.53825 7.46332 8.93333 7.17198C8.95858 7.15678 8.99775 7.13881 9.04067 7.13881C9.0925 7.13881 9.13933 7.16553 9.1805 7.21649ZM15.3935 11.1677C15.393 11.1681 15.3924 11.1685 15.3918 11.169C15.3837 11.1756 15.3755 11.1819 15.3669 11.1878C15.3642 11.1897 15.3614 11.1917 15.3587 11.1936C15.3529 11.1973 15.347 11.2009 15.341 11.2043C15.3357 11.2075 15.3303 11.2108 15.3247 11.2137C15.3244 11.2139 15.324 11.214 15.3237 11.2142C15.2685 11.2433 15.2057 11.26 15.139 11.26H11.5864C11.6148 11.3784 11.6459 11.5129 11.6796 11.6593C11.8743 12.5048 12.3915 14.751 12.941 14.751L12.9517 14.7512L12.9578 14.7504L12.9683 14.7505C13.3974 14.7504 13.6165 14.1263 14.0966 12.759L14.1024 12.7425C14.1795 12.523 14.2666 12.2752 14.3608 12.013L14.3847 11.9462C14.4092 11.8808 14.4722 11.8344 14.5459 11.8344C14.6408 11.8344 14.7178 11.9118 14.7178 12.0073C14.7178 12.0245 14.7152 12.0413 14.7104 12.057L14.6906 12.1243C14.6404 12.287 14.5872 12.5087 14.5257 12.7653C14.2396 13.9579 13.8072 15.7596 12.6982 15.7596L12.6901 15.7595C11.9735 15.7539 11.5447 14.6017 11.3616 14.1097C11.0191 13.1897 10.76 12.2094 10.5101 11.26H7.23993L6.56109 13.4451L6.55113 13.4372C6.48906 13.5355 6.38018 13.5985 6.26002 13.5985C6.07048 13.5985 5.91552 13.4433 5.91467 13.2527L5.91509 13.2409L5.95619 12.9937C6.04997 12.4322 6.16233 11.8494 6.29045 11.26H4.90945L4.90435 11.2547C4.65368 11.2184 4.46117 10.996 4.46117 10.7368C4.46117 10.4825 4.64008 10.2661 4.88658 10.2221C4.90926 10.2192 4.95487 10.2153 5.04815 10.2153C5.06812 10.2153 5.09045 10.2155 5.11524 10.2159C5.55302 10.2235 6.01729 10.2305 6.52668 10.237C7.24757 7.29145 8.08242 5.79619 9.00842 5.79196C10.0022 5.79196 10.7393 8.06763 11.3294 10.2936L11.3317 10.3025C12.5441 10.3269 13.8364 10.3625 15.0926 10.4529L15.1452 10.4579C15.1654 10.4581 15.1852 10.4602 15.2045 10.4634L15.2118 10.4641C15.2141 10.4645 15.2161 10.4651 15.2182 10.4655C15.2193 10.4657 15.2205 10.466 15.2216 10.4662C15.4044 10.503 15.5401 10.6645 15.5401 10.8581C15.5401 10.9822 15.483 11.094 15.3935 11.1677ZM10 3.48779C5.85787 3.48779 2.5 6.86485 2.5 11.0306C2.5 15.1965 5.85787 18.5735 10 18.5735C14.1421 18.5735 17.5 15.1965 17.5 11.0306C17.5 6.86485 14.1421 3.48779 10 3.48779Z" fill="#5A5E68"/></g></svg> <p class="text-[0.875rem] text-amp-gray-600 inline">Visit <a href="https://www.amplitude.com" class="text-amp-blue-300" target="_blank">Amplitude.com</a></p></div>
+        <div><svg class="inline" xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><g id="Icon Blog"><path id="Vector" d="M16.875 4.04193H3.125C2.39584 4.04193 1.80417 4.6336 1.80417 5.36276V16.6128C1.80417 17.3419 2.39584 17.9336 3.125 17.9336H16.875C17.6042 17.9336 18.1958 17.3419 18.1958 16.6128V5.36276C18.1958 4.6336 17.6042 4.04193 16.875 4.04193ZM16.8042 16.5419H3.2V5.43776H16.8042V16.5419ZM5.55417 8.48776C5.55417 8.10443 5.86667 7.79193 6.25 7.79193H13.75C14.1375 7.79193 14.4458 8.10443 14.4458 8.48776C14.4458 8.8711 14.1333 9.1836 13.75 9.1836H6.25C5.8625 9.1836 5.55417 8.8711 5.55417 8.48776ZM5.55417 10.9878C5.55417 10.6044 5.86667 10.2919 6.25 10.2919H13.75C14.1375 10.2919 14.4458 10.6044 14.4458 10.9878C14.4458 11.3711 14.1333 11.6836 13.75 11.6836H6.25C5.8625 11.6836 5.55417 11.3711 5.55417 10.9878ZM5.55417 13.4878C5.55417 13.1044 5.86667 12.7919 6.25 12.7919H13.75C14.1375 12.7919 14.4458 13.1044 14.4458 13.4878C14.4458 13.8711 14.1333 14.1836 13.75 14.1836H6.25C5.8625 14.1836 5.55417 13.8711 5.55417 13.4878Z" fill="#5A5E68"/></g></svg> <p class="text-[0.875rem] text-amp-gray-600 inline">Have a look at the Amplitude <a href="https://amplitude.com/blog" class="text-amp-blue-300" target="_blank">Blog</a></p></div>
+        <div><svg class="inline" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="currentColor"><path d="M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg> <p class="text-[0.875rem] text-amp-gray-600 inline">Learn more at  <a href="https://academy.amplitude.com/" class="text-amp-blue-300" target="_blank">Amplitude Academy</a></p></div>
+    </div>
+</div>
+<div class="pl-8 border-b border-b-amp-gray-100 flex flex-col py-[2.12rem] gap-2">
+    <div class="flex flex-row justify-between items-center max-w-screen-xl">
+        <div class="flex flex-row">
+                <a href="https://www.linkedin.com/company/amplitude-analytics" class="mr-4" target="_blank">
+                    <svg class="w-6 h-6 fill-amp-gray-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g id="Icon"><path id="Vector" d="M19.7778 2C20.3671 2 20.9324 2.23413 21.3491 2.65087C21.7659 3.06762 22 3.63285 22 4.22222V19.7778C22 20.3671 21.7659 20.9324 21.3491 21.3491C20.9324 21.7659 20.3671 22 19.7778 22H4.22222C3.63285 22 3.06762 21.7659 2.65087 21.3491C2.23413 20.9324 2 20.3671 2 19.7778V4.22222C2 3.63285 2.23413 3.06762 2.65087 2.65087C3.06762 2.23413 3.63285 2 4.22222 2H19.7778ZM19.2222 19.2222V13.3333C19.2222 12.3727 18.8406 11.4513 18.1613 10.772C17.482 10.0927 16.5607 9.71111 15.6 9.71111C14.6556 9.71111 13.5556 10.2889 13.0222 11.1556V9.92222H9.92222V19.2222H13.0222V13.7444C13.0222 12.8889 13.7111 12.1889 14.5667 12.1889C14.9792 12.1889 15.3749 12.3528 15.6666 12.6445C15.9583 12.9362 16.1222 13.3319 16.1222 13.7444V19.2222H19.2222ZM6.31111 8.17778C6.80618 8.17778 7.28098 7.98111 7.63104 7.63104C7.98111 7.28098 8.17778 6.80618 8.17778 6.31111C8.17778 5.27778 7.34444 4.43333 6.31111 4.43333C5.81309 4.43333 5.33547 4.63117 4.98332 4.98332C4.63117 5.33547 4.43333 5.81309 4.43333 6.31111C4.43333 7.34444 5.27778 8.17778 6.31111 8.17778ZM7.85556 19.2222V9.92222H4.77778V19.2222H7.85556Z"/></g></svg>
+                </a>
+                <a href="https://twitter.com/Amplitude_HQ" class="mr-4" target="_blank">
+                    <svg class="w-6 h-6 fill-amp-gray-600" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g id="Frame 4824"><path id="Vector" d="M24 4.29446C23.1166 4.69598 22.1644 4.95985 21.1778 5.08604C22.1874 4.47801 22.9675 3.51434 23.3346 2.35564C22.3824 2.92925 21.327 3.33078 20.2141 3.56023C19.3078 2.57361 18.0344 2 16.5889 2C13.8929 2 11.6902 4.20268 11.6902 6.92161C11.6902 7.31166 11.7361 7.69025 11.8164 8.04589C7.73231 7.83939 4.0956 5.87763 1.67495 2.90631C1.25048 3.62906 1.00956 4.47801 1.00956 5.37285C1.00956 7.08222 1.86998 8.59656 3.20077 9.45698C2.38623 9.45698 1.62906 9.22753 0.963671 8.88337C0.963671 8.88337 0.963671 8.88337 0.963671 8.91778C0.963671 11.304 2.66157 13.3002 4.91013 13.7476C4.49713 13.8623 4.06119 13.9197 3.61377 13.9197C3.30402 13.9197 2.99426 13.8853 2.69599 13.8279C3.31549 15.7667 5.11664 17.2122 7.2849 17.2467C5.60994 18.5774 3.48757 19.3576 1.17017 19.3576C0.780115 19.3576 0.390057 19.3346 0 19.2887C2.17973 20.6883 4.77247 21.5029 7.54876 21.5029C16.5889 21.5029 21.5564 14 21.5564 7.49522C21.5564 7.27725 21.5564 7.07075 21.5449 6.85277C22.5086 6.16444 23.3346 5.29254 24 4.29446Z"/></g></svg>
+                </a>
+                <a href="https://www.g2.com/products/amplitude-analytics/reviews" class="mr-4" target="_blank">
+                    <svg class="w-6 h-6 fill-amp-gray-600" xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20"><g id="Frame 4825"><path id="path8" d="M11.0327 20C6.57742 19.9883 2.69803 17.1751 1.42954 12.9766C0.37117 9.45907 1.056 6.24504 3.43733 3.43569C4.90037 1.70805 6.78365 0.649677 9.00155 0.198312C10.2428 -0.0546084 11.5191 -0.0662816 12.7642 0.167183C12.9043 0.194421 12.9043 0.22944 12.8498 0.342281C12.2389 1.61466 11.628 2.89094 11.0249 4.16721C10.9938 4.24892 10.9121 4.29951 10.8226 4.29172C8.19999 4.35787 5.95874 6.20224 5.39064 8.76257C4.77975 11.4824 6.25057 14.2957 8.8498 15.2957C10.9121 16.0856 12.8265 15.7704 14.5736 14.4202C14.6631 14.354 14.6981 14.3385 14.7642 14.4513C15.4335 15.6225 16.1066 16.7899 16.7876 17.9572C16.8459 18.0584 16.8265 18.105 16.737 18.1673C15.4218 19.0973 13.9043 19.6926 12.309 19.9066C11.8809 19.9572 11.4568 19.9883 11.0327 20Z"/><path id="path10" d="M17.9512 17.105C17.8967 17.0739 17.8812 17.0155 17.8539 16.9649C17.0913 15.6497 16.3364 14.3345 15.5815 13.0155C15.5271 12.9065 15.4103 12.8404 15.2897 12.852C13.78 12.8559 12.2702 12.852 10.7605 12.852H10.5737C10.5737 12.7937 10.5932 12.7392 10.6321 12.6964C11.3986 11.3657 12.1652 10.031 12.9356 8.70027C12.9784 8.61078 13.0718 8.5563 13.173 8.56797C14.7177 8.57186 16.2664 8.57186 17.8111 8.56797C17.9084 8.5563 18.0018 8.61078 18.0446 8.70027C18.815 10.0427 19.5893 11.3851 20.3675 12.7275C20.422 12.7976 20.422 12.8949 20.3753 12.9688C19.5932 14.319 18.815 15.6653 18.0407 17.0155C18.0096 17.0427 18.0018 17.0894 17.9512 17.105Z"/><path id="path12" d="M14.6983 2.95331C14.422 2.67704 14.1613 2.41245 13.8967 2.15175C13.815 2.07004 13.8734 2.01167 13.9084 1.94941C14.2158 1.41634 14.7139 1.01945 15.3014 0.844348C16.0213 0.606992 16.8111 0.684814 17.4726 1.05836C18.675 1.70817 18.5699 3.2179 17.8734 3.90273C17.6088 4.15565 17.3131 4.36966 16.9862 4.54087C16.6516 4.71986 16.317 4.88718 15.9901 5.07784C15.7177 5.23348 15.5076 5.44749 15.4065 5.76267C15.3676 5.88718 15.3909 5.9222 15.5232 5.91831C16.4065 5.91442 17.2936 5.91831 18.1769 5.91442C18.3092 5.91442 18.3598 5.94166 18.3559 6.08563C18.3442 6.39691 18.3481 6.71209 18.3559 7.02338C18.3559 7.12065 18.3287 7.15567 18.2275 7.15567C16.8072 7.15178 15.3831 7.15178 13.9629 7.15567C13.8967 7.15567 13.8345 7.15567 13.8345 7.0584C13.8345 6.07395 14.0174 5.15566 14.7878 4.45527C15.1535 4.12842 15.566 3.85993 16.0096 3.6537C16.2547 3.53308 16.4999 3.42024 16.71 3.24903C16.8967 3.09728 17.0251 2.9144 17.0368 2.66537C17.0563 2.27626 16.7489 1.99222 16.2858 1.96109C15.6205 1.91439 15.1419 2.21401 14.8033 2.77043C14.7722 2.81712 14.7411 2.8716 14.6983 2.95331Z"/><path id="path14" d="M18.0869 18.5058V18.1828H17.9702V18.1167H18.2776V18.1828H18.1609V18.5058H18.0869ZM18.3321 18.5058V18.1167H18.4488L18.515 18.3813L18.5811 18.1167H18.6978V18.5058H18.6317V18.2023L18.5539 18.5058H18.4799L18.4021 18.2023V18.5058H18.3321Z"/></g></svg>
+                </a>
+        </div>
+        <div class="flex flex-col pr-8">
+            <div class="flex flex-row justify-between">
+                    <a class="text-amp-gray-600 text-[0.875rem] font-[Gellix]" href="https://amplitude.com/terms" target="_blank">Terms of Service</a>
+                    <a class="text-amp-gray-600 text-[0.875rem] font-[Gellix]" href="https://amplitude.com/privacy" target="_blank">Privacy Notice</a>
+                    <a class="text-amp-gray-600 text-[0.875rem] font-[Gellix]" href="https://amplitude.com/aup" target="_blank">Acceptable Use Policy</a>
+                    <a class="text-amp-gray-600 text-[0.875rem] font-[Gellix]" href="https://amplitude.com/legal" target="_blank">Legal</a>
+            </div>
+            <div><p class="text-[0.815rem] text-amp-gray-600 opacity-80 font-[Gellix]">© 2026 Amplitude, Inc. All rights reserved. Amplitude is a registered trademark of Amplitude, Inc.</p></div>
+        </div>
+    </div>
+</div>
+</section>
+        </div>
+      </div>
+  </div>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.25.0/tocbot.min.js"></script>
+    <script>
+      // Get all h2 and h3 elements
+      var headings = document.querySelectorAll('h2, h3');
+      // Check if there are more than 3
+      if (headings.length > 2) {
+        // Execute your code here
+        tocbot.init({
+          // Where to render the table of contents.
+          tocSelector: '.js-toc',
+          // Where to grab the headings to build the table of contents.
+          contentSelector: '.prose',
+          // Which headings to grab inside of the contentSelector element.
+          headingSelector: 'h2, h3',
+          // For headings inside relative or absolute positioned containers within content.
+          hasInnerContainers: true,
+          ignoreSelector: '.hint-title, .js-toc-ignore',
+          orderedList: false,
+          ignoreHiddenElements: true,
+          headingsOffset: 96,
+          scrollSmoothOffset: -96
+        });    }
+    </script>
+<script src="https://cdn.jsdelivr.net/npm/@docsearch/js@4"></script>
+<script type="text/javascript">
+  docsearch({
+    appId: "93SYI9HL20",
+    apiKey: "105a5cad34a7ac8f6a9fb78189d9c113",
+    indexName: "amplitude-vercel",
+    container: '#algolia-search-header',
+    debug: true,
+    placeholder: "Search 'instrumentation' , 'Export API'",
+    transformItems(items) {
+      return items.map((item) => ({
+        ...item,
+        url: item.url.replace('https://amplitude.com','')
+      }))
+    }
+  });
+  // Amplitude tracking for DocSearch
+  (function() {
+    var lastQuery = '';
+    var searchOpen = false;
+    document.addEventListener('click', function(e) {
+      if (e.target.closest('.DocSearch-Button')) {
+        amplitude.track('Search opened');
+        searchOpen = true;
+      }
+    });
+    document.addEventListener('input', function(e) {
+      var input = document.querySelector('.DocSearch-Input');
+      if (input && e.target === input) {
+        lastQuery = input.value;
+      }
+    });
+    // Use capture phase to run before DocSearch closes the modal
+    document.addEventListener('click', function(e) {
+      var hit = e.target.closest('.DocSearch-Hit');
+      if (hit) {
+        var query = lastQuery; // Capture query before any DOM changes
+        var link = hit.querySelector('a');
+        var url = link ? link.getAttribute('href') : '';
+        var hits = document.querySelectorAll('.DocSearch-Hit');
+        var position = Array.prototype.indexOf.call(hits, hit) + 1;
+        amplitude.track('Search result clicked', { query: query, url: url, position: position });
+      }
+    }, true);
+    var observer = new MutationObserver(function(mutations) {
+      var modal = document.querySelector('.DocSearch-Modal');
+      if (searchOpen && !modal) {
+        if (lastQuery) {
+          amplitude.track('Search query', { query: lastQuery });
+        }
+        lastQuery = '';
+        searchOpen = false;
+      } else if (modal && !searchOpen) {
+        // Track search opened for keyboard shortcuts (Cmd+K/Ctrl+K)
+        amplitude.track('Search opened');
+        searchOpen = true;
+      }
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+  })();
+</script>
+<script src="/docs/js/site.js?id=078a82617f7dafffff92da951b4ec6c9"></script>
+<script src="/docs/js/statuspage.js?id=4da5c29a14b085ee38c353c2a7b7713c"></script>
+<!-- Latest Version -->
+<script src="https://cc.cdn.civiccomputing.com/9/cookieControl-9.x.min.js" type="text/javascript"></script>
+<script>
+    var config = {
+            apiKey: "106b5e962520ab454786a0d1ba709e47372ef512",
+            product: "PRO_MULTISITE",
+            initialState: 'notify',
+            notifyDismissButton: false,
+            theme: 'light',
+            setInnerHTML: true,
+            branding: {
+                fontFamily: 'IBM Plex Sans, sans-serif',
+                backgroundColor: '#fafcfe',
+                removeIcon: true,
+                removeAbout: true,
+            },
+            statement: {
+                description: 'See our',
+                name: 'Privacy Notice',
+                url: 'https://amplitude.com/privacy#cookies',
+                updated: '25/04/2018',
+            },
+            ccpaConfig: {
+                description: 'See our',
+                name: 'Personal Information Notice',
+                url: 'https://amplitude.com/privacy',
+                updated: '25/04/2018',
+            },
+            ccpaConfig: {
+                description: 'See our',
+                name: 'Personal Information Notice',
+                url: 'https://amplitude.com/privacy',
+                updated: '25/04/2018',
+            },
+            text: {
+                title: 'This site uses cookies.',
+                intro: 'Some of these cookies are essential, while others help us to improve your experience by providing insights into how the site is being used.',
+                necessaryTitle: 'Necessary Cookies',
+                necessaryDescription: 'Necessary cookies enable core functionality. The website cannot function properly without these cookies, and can only be disabled by changing your browser preferences.',
+                accept: 'Accept',
+                reject: 'Reject',
+                rejectSettings: "Do Not Sell or Share My Personal Information",
+                // Regarding opening settings, "openCookieControl" should have been exposed
+                // to the window by instrumentCookieControl() by, in the event it hasn't,
+                // this falls back to CookieControl.open
+                notifyDescription: `
+		<div class="ccc-description">
+			<div class="ccc-inner-description">
+				<h2>Cookie Preferences</h2>
+				<p>
+					Sharing your cookies helps us improve site functionality and optimize your experience.
+					<br><a href="https://amplitude.com/privacy#cookies" data-cta-clicked-type="interstitial" data-cc-policy>Click Here</a> to read our cookie policy.
+				</p>
+			</div>
+			<div class="ccc-actions">
+			<a class="ccc-manage-settings-btn" onclick="(window.openCookieControl || CookieControl.open)()"
+					data-cta-clicked-type="interstitial"
+					data-cc-settings>Manage Settings</a>
+				<button onclick="CookieControl.acceptAll()" data-cc-accept data-cta-clicked-type="interstitial">
+					Accept
+				</button>
+			</div>
+		</div>`,
+            },
+            necessaryCookies: [
+                '__utmzz', // utmz cookie replicator necessary to track utm google values
+                '__utmzzses', // Also used by utmz cookie replciator
+                'corp_utm', // Own cookie used to persist utm values for Marketo
+                'membership_token_*', // Membership cookies for all access program
+                'sj_csrftoken', // Skill Jar Cookie
+            ],
+            optionalCookies: [{
+                    name: "performance",
+                    label: "Performance Cookies",
+                    description: 'We use these cookies to monitor and improve website performance.',
+                    cookies: [
+                        'amplitude_id*', // Amplitude SDK
+                        'amp_*', // Newer Amplitude SDK
+                        'AMP_*', // Newer Amplitude SDK
+                        '1P_JAR', // Google Analytics
+                        'DV', // Google Analytics
+                        'NID', // Google Analytics
+                        'OGPC', // Google Analytics
+                        '_ga', // Google Analytics
+                        '_gid', // Google Analytics
+                        '_gat*', // Google Analytics
+                    ],
+                    onRevoke: function () {
+                        amplitude.setOptOut(true)
+                    }
+                },
+                {
+                    name: "advertising",
+                    label: "Advertising Cookies",
+                    description: 'We use these cookies to help us improve the relevancy of advertising campaigns you receive.',
+                    cookies: [
+                        'BizoID', // LinkedIn
+                        'UserMatchHistory', // LinkedIn
+                        'lang', // LinkedIn
+                        'bcookie', // LinkedIn
+                        'bscookie', // LinkedIn
+                        'lidc', // LinkedIn
+                        'fr', // Facebook
+                        'vc', // AddThis
+                        'uvc', // AddThis
+                        'uid', // AddThis
+                        'loc', // AddThis
+                        'ouid', // AddThis
+                        'di2', // AddThis
+                        '__atuvc', // AddThis
+                        '__atuvs', // AddThis
+                        '__d_mkto', // Marketo
+                        '_mkto_trk', // Marketo
+                        'BIGipServerab13web-app_https', // Marketo
+                        'IDE', // Doubleclick,
+                        'csv', // Reddit
+                        'edgebucket', // Reddit
+                        'loid', // Reddit
+                        'over18', // Reddit
+                        'recent_srs', // Reddit
+                        'session_tracker', // Reddit
+                        'token_v2', // Reddit
+                        'IDE', // Doubleclick
+                        '_uetsid', // Bing
+                        '_uetvid', // Bing
+                        '_uetsid_exp', // Bing
+                        '_uetvid_exp', // Bing
+                        '_uetmsclkid', // Bing
+                        '_clsk', // Bing
+                        'sa-user-id', // Stackadapt
+                        'sa-user-id-v2', // Stackadapt
+                    ],
+                    onAccept: function () {
+                    },
+                    onRevoke: function () {
+                    },
+                }
+            ]
+    }
+            CookieControl.load(config);
+</script>
+</body>
+</html>