npm - @amplitude/wizard - Versions diffs - 1.0.0-beta.2 → 1.0.0 - Mend

@amplitude/wizard 1.0.0-beta.2 → 1.0.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 (391) hide show

package/skills/integration/integration-expo/references/react-native-sdk.md ADDED Viewed

@@ -0,0 +1,2819 @@
+<!--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="The React Native SDK lets you send events to Amplitude.
+React Native support
+Because React-Native" 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>React Native SDK | Amplitude</title>
+  <script type="application/ld+json">
+    {
+      "@context": "https://schema.org",
+      "@type": "Article",
+      "headline": "React Native SDK",
+      "description": "The React Native SDK lets you send events to Amplitude.
+React Native support
+Because React-Native",
+      "url": "/docs/sdks/analytics/react-native/react-native-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": "July 23rd, 2024",
+      "mainEntityOfPage": {
+        "@type": "WebPage",
+        "@id": "/docs/sdks/analytics/react-native/react-native-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=cf9c3f0a1066ff8b5d94a25cd8d407e1" 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/react-native/react-native-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"
+                  >
+                </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"
+                  is-current>
+                </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/react-native">React Native</a></div>
+    <span class="mr-2">/</span><div class="mr-2 text-s text-gray-500 "><a class="font-semibold"
+        href="/docs/sdks/analytics/react-native/react-native-sdk">React Native 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">React Native 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>The React Native SDK lets you send events to Amplitude.</p>
+<p>
+<div class="hint note"><h2 class="hint-title">React Native support</h2><div class="hint-content">
+Because <a href="https://github.com/facebook/react-native">React-Native</a> doesn't provide stable release versioning, ensuring backward compatibility is challenging. Additionally, React-Native itself isn't backward compatible and may introduce breaking changes across different versions. Check the React-Native <a href="https://github.com/react-native-community/cli#compatibility">compatibility list</a> for more details. Amplitude supports only the latest version of React-Native.</div></div>
+</p>
+<h2 id="compatibility-matrix">Compatibility matrix<a href="#compatibility-matrix" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>The following matrix lists the support for Amplitude React Native SDK version for <a href="https://github.com/react-native-community/cli">different versions of React Native and React Native CLI</a>.</p>
+<table>
+<thead>
+<tr>
+<th>@amplitude/analytics-react-native</th>
+<th>react-native</th>
+<th>Gradle</th>
+<th>Android Gradle Plugin</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>&gt;= 1.4.0</td>
+<td>&gt;= 0.68</td>
+<td>7.5.1+</td>
+<td>7.2.1+</td>
+</tr>
+<tr>
+<td>&gt;= 1.0.0, &lt;= 1.3.6</td>
+<td>&gt;= 0.61, &lt;= 0.70</td>
+<td>3.5.3+</td>
+<td>3.5.3+</td>
+</tr>
+</tbody>
+</table>
+<p>Learn more about the Android <a href="https://developer.android.com/studio/releases/gradle-plugin#updating-gradle">Gradle Plugin compatibility</a>.</p>
+<h2 id="install-the-sdk">Install the SDK<a href="#install-the-sdk" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>To get started with using Amplitude React Native SDK, install the package to your project with npm. You must also install <code>@react-native-async-storage/async-storage</code> for the SDK to work as expected.</p>
+<p>
+<div class="hint tip"><h2 class="hint-title">Web and Expo support</h2><div class="hint-content">
+This SDK can be used for react-native apps built for web or built using <a href="https://expo.dev/">Expo</a> (Expo Go not yet supported).</div></div>
+</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 = 'expo'" :class="{'border-b-2 border-amp-blue-500 text-amp-blue-500 -mb-[2px]' : activeTab === 'expo', 'bg-gray-200': activeTab !== 'expo'}" class="px-4  py-2">expo</button></div>
+<div x-cloak x-show="activeTab === 'npm'" class="p-4 tab"></p>
+<pre><code class="language-bash">npm install @amplitude/analytics-react-native
+npm install @react-native-async-storage/async-storage
+</code></pre>
+<p>
+</div>
+<div x-cloak x-show="activeTab === 'yarn'" class="p-4 tab"></p>
+<pre><code class="language-bash">yarn add @amplitude/analytics-react-native
+yarn add @react-native-async-storage/async-storage
+</code></pre>
+<p>
+</div>
+<div x-cloak x-show="activeTab === 'expo'" class="p-4 tab"></p>
+<pre><code class="language-bash">expo install @amplitude/analytics-react-native
+expo install @react-native-async-storage/async-storage
+</code></pre>
+<p>
+</div>
+</div></p>
+<p>Install the native modules to run the SDK on iOS.</p>
+<pre><code class="language-bash">cd ios
+pod install
+</code></pre>
+<h2 id="initialize-the-sdk">Initialize the SDK<a href="#initialize-the-sdk" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>Initialization is necessary before any instrumentation is done. The API key for your Amplitude project is required. Optionally, a user ID and config object can be passed in this call. The SDK can be used anywhere after it's initialized anywhere in an application.</p>
+<pre><code class="language-ts">import { init } from '@amplitude/analytics-react-native';
+// Option 1, initialize with API_KEY only
+init(API_KEY);
+// Option 2, initialize including user ID if it's already known
+init(API_KEY, 'user@amplitude.com');
+// Option 3, initialize including configuration
+init(API_KEY, 'user@amplitude.com', {
+  disableCookies: true, // Disables the use of browser cookies
+});
+</code></pre>
+<h2 id="configure-the-sdk">Configure the SDK<a href="#configure-the-sdk" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>
+<div class="hint note"><h2 class="hint-title">Web vs. mobile</h2><div class="hint-content">
+The configuration of the SDK is shared across web and mobile platforms. However, many of these options simply don't apply when running the SDK on native platforms (for example iOS, Android). For example, when the SDK is run on web, the identity is stored in the browser cookie by default, whereas on native platforms identity is stored in async storage.</div></div>
+</p>
+<p><details x-data="{ expanded: false}"
+    class="border rounded-md border-amp-light-blue-500 bg-amp-light-blue-900 relative cursor-pointer"
+    @click="expanded = !expanded">
+    <summary class="flex relative"><span class="w-full font-semibold text-sm summary-name m-4">Configuration options</span><span
+            class="transform -translate-y-1/2 transistion duration-100 absolute right-4 top-1/2" x-ref="animatedItem"
+            :class="{'rotate-90': expanded, 'rotate-0': !expanded}">
+            <svg class="rotate-[270deg]" 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></span></summary>
+    <div @click.stop class="p-4 mt-4 bg-white overflow-x-scroll detail"></p>
+<table>
+<thead>
+<tr>
+<th>Name</th>
+<th>Description</th>
+<th>Default Value</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>instanceName</code></td>
+<td><code>string</code>. The instance name.</td>
+<td><code>$default_instance</code></td>
+</tr>
+<tr>
+<td><code>flushIntervalMillis</code></td>
+<td><code>number</code>. Sets the interval of uploading events to Amplitude in milliseconds.</td>
+<td>1,000 (1 second)</td>
+</tr>
+<tr>
+<td><code>flushQueueSize</code></td>
+<td><code>number</code>. Sets the maximum number of events that are batched in a single upload attempt.</td>
+<td>30 events</td>
+</tr>
+<tr>
+<td><code>flushMaxRetries</code></td>
+<td><code>number</code>. Sets the maximum number of retries for failed upload attempts. This is only applicable to retryable errors.</td>
+<td>5 times.</td>
+</tr>
+<tr>
+<td><code>logLevel</code></td>
+<td><code>LogLevel.None</code> or <code>LogLevel.Error</code> or <code>LogLevel.Warn</code> or <code>LogLevel.Verbose</code> or <code>LogLevel.Debug</code>. Sets the log level.</td>
+<td><code>LogLevel.Warn</code></td>
+</tr>
+<tr>
+<td><code>loggerProvider </code></td>
+<td><code>Logger</code>. Sets a custom <code>loggerProvider</code> class from the Logger to emit log messages to desired destination.</td>
+<td><code>Amplitude Logger</code></td>
+</tr>
+<tr>
+<td><code>minIdLength</code></td>
+<td><code>number</code>. Sets the minimum length for the value of <code>userId</code> and <code>deviceId</code> properties.</td>
+<td><code>5</code></td>
+</tr>
+<tr>
+<td><code>optOut</code></td>
+<td><code>boolean</code>. Sets permission to track events. Setting a value of <code>true</code> prevents Amplitude from tracking and uploading events.</td>
+<td><code>false</code></td>
+</tr>
+<tr>
+<td><code>serverUrl</code></td>
+<td><code>string</code>. Sets the URL where events are upload to.</td>
+<td><code>https://api2.amplitude.com/2/httpapi</code></td>
+</tr>
+<tr>
+<td><code>serverZone</code></td>
+<td><code>EU</code> or  <code>US</code>. Sets the Amplitude server zone. Set this to <code>EU</code> for Amplitude projects created in <code>EU</code> data center.</td>
+<td><code>US</code></td>
+</tr>
+<tr>
+<td><code>useBatch</code></td>
+<td><code>boolean</code>. Sets whether to upload events to Batch API instead of the default HTTP V2 API or not.</td>
+<td><code>false</code></td>
+</tr>
+<tr>
+<td><code>appVersion</code></td>
+<td><code>string</code>. Sets an app version for events tracked. This can be the version of your application. For example: &quot;1.0.0&quot;</td>
+<td><code>undefined</code></td>
+</tr>
+<tr>
+<td><code>deviceId</code></td>
+<td><code>string</code>. Sets an identifier for the device running your application.</td>
+<td><code>UUID()</code></td>
+</tr>
+<tr>
+<td><code>cookieExpiration</code></td>
+<td><code>number</code>. Sets expiration of cookies created in days.</td>
+<td>365 days</td>
+</tr>
+<tr>
+<td><code>cookieSameSite</code></td>
+<td><code>string</code>. Sets <code>SameSite</code> property of cookies created.</td>
+<td><code>Lax</code></td>
+</tr>
+<tr>
+<td><code>cookieSecure</code></td>
+<td><code>boolean</code>. Sets <code>Secure</code> property of cookies created.</td>
+<td><code>false</code></td>
+</tr>
+<tr>
+<td><code>cookieStorage</code></td>
+<td><code>Storage&lt;UserSession&gt;</code>. Sets a custom implementation of <code>Storage&lt;UserSession&gt;</code> to persist user identity.</td>
+<td><code>MemoryStorage&lt;UserSession&gt;</code></td>
+</tr>
+<tr>
+<td><code>cookieUpgrade</code></td>
+<td><code>boolean</code>. Sets upgrading from cookies created by <a href="/docs/sdks/analytics/browser/javascript-sdk">maintenance Browser SDK</a>. If true, new Browser SDK deletes cookies created by maintenance Browser SDK. If false, Browser SDK keeps cookies created by maintenance Browser SDK.</td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>disableCookies</code></td>
+<td><code>boolean</code>. Sets permission to use cookies. If value is <code>true</code>, localStorage API is used to persist user identity.</td>
+<td>The cookies is enable by default.</td>
+</tr>
+<tr>
+<td><code>domain</code></td>
+<td><code>string</code>. Sets the domain property of cookies created.</td>
+<td><code>undefined</code></td>
+</tr>
+<tr>
+<td><code>partnerId</code></td>
+<td><code>string</code>. Sets partner ID. Amplitude requires the customer who built an event ingestion integration to add the partner identifier to <code>partner_id</code>.</td>
+<td><code>undefined</code></td>
+</tr>
+<tr>
+<td><code>sessionTimeout</code></td>
+<td><code>number</code>. Sets the period of inactivity from the last tracked event before a session expires in milliseconds.</td>
+<td>1,800,000 milliseconds (30 minutes)</td>
+</tr>
+<tr>
+<td><code>userId</code></td>
+<td><code>number</code>. Sets an identifier for the user being tracked. Must have a minimum length of 5 characters unless overridden with the <code>minIdLength</code> option.</td>
+<td><code>undefined</code></td>
+</tr>
+<tr>
+<td><code>trackingOptions</code></td>
+<td><code>TrackingOptions</code>. Configures tracking of additional properties. Please refer to <code>Optional tracking</code> section for more information.</td>
+<td>Enable all tracking options by default.</td>
+</tr>
+<tr>
+<td><code>storageProvider</code></td>
+<td><code>Storage&lt;Event[]&gt;</code>. Implements a custom <code>storageProvider</code> class from Storage.</td>
+<td><code>MemoryStorage</code></td>
+</tr>
+<tr>
+<td><code>trackingSessionEvents</code></td>
+<td><code>boolean</code>. Whether to automatically log start and end session events corresponding to the start and end of a user's session.</td>
+<td><code>false</code></td>
+</tr>
+<tr>
+<td><code>migrateLegacyData</code></td>
+<td><code>boolean</code>. Available in <code>1.3.4</code>+. Whether to migrate <a href="/docs/sdks/analytics/react-native/react-native-sdk-maintenance">maintenance SDK</a> data (events, user/device ID).</td>
+<td><code>true</code></td>
+</tr>
+</tbody>
+</table>
+<p>
+</div>
+</details></p>
+<h3 id="configure-batching-behavior">Configure batching behavior<a href="#configure-batching-behavior" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>To support high-performance environments, the SDK sends events in batches. Every event logged by the <code>track</code> method is queued in memory. Events are flushed in batches in background. You can customize batch behavior with <code>flushQueueSize</code> and <code>flushIntervalMillis</code>. By default, the serverUrl will be <code>https://api2.amplitude.com/2/httpapi</code>. For customers who want to send large batches of data at a time, set <code>useBatch</code> to <code>true</code> to set <code>setServerUrl</code> to batch event upload API <code>https://api2.amplitude.com/batch</code>. Both the regular mode and the batch mode use the same events upload threshold and flush time intervals.</p>
+<pre><code class="language-ts">import * as amplitude from '@amplitude/analytics-react-native';
+amplitude.init(API_KEY, OPTIONAL_USER_ID, {
+  // Events queued in memory will flush when number of events exceed upload threshold
+  // Default value is 30
+  flushQueueSize: 50,
+  // Events queue will flush every certain milliseconds based on setting
+  // Default value is 10000 milliseconds
+  flushIntervalMillis: 20000,
+});
+</code></pre>
+<h3 id="eu-data-residency">EU data residency<a href="#eu-data-residency" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>You can configure the server zone when initializing the client for sending data to Amplitude's EU servers. The SDK sends data based on the server zone if it's set.</p>
+<p>
+<div class="hint note"><h2 class="hint-title">Note</h2><div class="hint-content">
+For EU data residency, the project must be set up inside Amplitude EU. You must initialize the SDK with the API key from Amplitude EU.</div></div>
+</p>
+<pre><code class="language-ts">amplitude.init(API_KEY, OPTIONAL_USER_ID, {
+  serverZone: 'EU',
+});
+</code></pre>
+<h3 id="debugging">Debugging<a href="#debugging" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>You can control the level of logs printed to the developer console.</p>
+<ul>
+<li>'None': Suppresses all log messages.</li>
+<li>'Error': Shows error messages only.</li>
+<li>'Warn': Shows error messages and warnings. This is the default value if <code>logLevel</code> isn't explicitly specified.</li>
+<li>'Verbose': Shows informative messages.</li>
+<li>'Debug': Shows error messages, warnings, and informative messages that may be useful for debugging, including the function context information for all SDK public method invocations. This logging mode is only suggested to be used in development phases.</li>
+</ul>
+<p>Set the log level by configuring the <code>logLevel</code> with the level you want.</p>
+<pre><code class="language-ts">amplitude.init(AMPLITUDE_API_KEY, OPTIONAL_USER_ID, {
+  logLevel: amplitude.Types.LogLevel.Warn,
+});
+</code></pre>
+<p>The default logger outputs log to the developer console. You can provide your own logger implementation based on the <code>Logger</code> interface for any customization purpose. For example, collecting any error messages from the SDK in a production environment.</p>
+<p>Set the logger by configuring the <code>loggerProvider</code> with your own implementation.</p>
+<pre><code class="language-ts">amplitude.init(AMPLITUDE_API_KEY, OPTIONAL_USER_ID, {
+  loggerProvider: new MyLogger(),
+});
+</code></pre>
+<h4 id="debug-mode">Debug mode<a href="#debug-mode" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>Enable the debug mode by setting the <code>logLevel</code> to &quot;Debug&quot;, for example:</p>
+<pre><code class="language-ts">amplitude.init(AMPLITUDE_API_KEY, OPTIONAL_USER_ID, {
+  logLevel: amplitude.Types.LogLevel.Debug,
+});
+</code></pre>
+<p>The default logger outputs extra function context information to the developer console when invoking any SDK public method, including:</p>
+<ul>
+<li>'type': Category of this context, for example &quot;invoke public method&quot;.</li>
+<li>'name': Name of invoked function, for example &quot;track&quot;.</li>
+<li>'args': Arguments of the invoked function.</li>
+<li>'stacktrace': Stacktrace of the invoked function.</li>
+<li>'time': Start and end timestamp of the function invocation.</li>
+<li>'states': Useful internal states snapshot before and after the function invocation.</li>
+</ul>
+<h2 id="track-events">Track events<a href="#track-events" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>
+<div class="hint note"><h2 class="hint-title">Note</h2><div class="hint-content">
+This SDK uses the <a href="/docs/apis/analytics/http-v2">HTTP V2</a> API and follows the same constraints for events. Make sure that all events logged in the SDK have the <code>event_type</code> field and at least one of <code>deviceId</code>  (included by default) or <code>userId</code>, and follow the HTTP API's constraints on each of those fields.</p>
+<p>To prevent instrumentation issues, device IDs and user IDs must be strings with a length of 5 characters or more. If an event contains a device ID or user ID that's too short, the ID value is removed from the event. If the event doesn't have a <code>userId</code> or <code>deviceId</code> value, the upload may be rejected with a 400 status. Override the default minimum length of 5 characters by setting the <code>minIdLength</code> config option.</div></div>
+</p>
+<p>Events represent how users interact with your application. For example, &quot;Button Clicked&quot; may be an action you want to note.</p>
+<pre><code class="language-ts">import { track } from '@amplitude/analytics-react-native';
+// Track a basic event
+track('Button Clicked');
+// Track events with optional properties
+const eventProperties = {
+  buttonColor: 'primary',
+};
+track('Button Clicked', eventProperties);
+</code></pre>
+<h3 id="track-events-to-multiple-projects">Track events to multiple projects<a href="#track-events-to-multiple-projects" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>If you need to log events to multiple Amplitude projects, you'll need to create separate instances for each Amplitude project. Then, pass the instance variables to wherever you want to call Amplitude. Each instance allows for independent <code>apiKeys</code>, <code>userIds</code>, <code>deviceIds</code>, and settings.</p>
+<pre><code class="language-ts">import * as amplitude from '@amplitude/analytics-react-native';
+const defaultInstance = amplitude.createInstance();
+defaultInstance.init(API_KEY_DEFAULT);
+const envInstance = amplitude.createInstance();
+envInstance.init(API_KEY_ENV, {
+  instanceName: 'env',
+});
+</code></pre>
+<h2 id="user-properties">User properties<a href="#user-properties" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>User properties help you understand your users at the time they performed some action within your app such as their device details, their preferences, or language.</p>
+<p>Identify is for setting the user properties of a particular user without sending any event. The SDK supports the operations <code>set</code>, <code>setOnce</code>, <code>unset</code>, <code>add</code>, <code>append</code>, <code>prepend</code>, <code>preInsert</code>, <code>postInsert</code>, <code>remove</code>, and <code>clearAll</code> on individual user properties. The operations are declared through a provided Identify interface. You can chain multiple operations together in a single Identify object. The Identify object is then passed to the Amplitude client to send to the server.</p>
+<p>
+<div class="hint note"><h2 class="hint-title">Note</h2><div class="hint-content">
+If the Identify call is sent after the event, the results of operations will be visible immediately in the dashboard user’s profile area, but it won't appear in chart result until another event is sent after the Identify call. The identify call only affects events going forward. More details <a href="/docs/data/user-properties-and-events">here</a>.</div></div>
+</p>
+<h3 id="identify">Identify<a href="#identify" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The Identify object provides controls over setting user properties. An Identify object must first be instantiated, then Identify methods can be called on it, and finally the client will make a call with the Identify object.</p>
+<pre><code class="language-ts">import { identify, Identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identify(identifyObj);
+</code></pre>
+<h4 id="identifyset">Identify.set<a href="#identifyset" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method sets the value of a user property. For example, you can set a role property of a user.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.set('location', 'LAX');
+identify(identifyObj);
+</code></pre>
+<h4 id="identifysetonce">Identify.setOnce<a href="#identifysetonce" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method sets the value of a user property only once. Subsequent calls using setOnce() will be ignored. For example, you can set an initial login method for a user and since only the initial value is tracked, setOnce() ignores subsequent calls.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.setOnce('initial-location', 'SFO');
+identify(identifyObj);
+</code></pre>
+<h4 id="identifyadd">Identify.add<a href="#identifyadd" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method increments a user property by some numerical value. If the user property doesn't have a value set yet, it will be initialized to 0 before being incremented. For example, you can track a user's travel count.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.add('travel-count', 1);
+identify(identifyObj);
+</code></pre>
+<h4 id="arrays-in-user-properties">Arrays in user properties<a href="#arrays-in-user-properties" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>Arrays can be used as user properties. You can directly set arrays or use <code>prepend</code>, <code>append</code>, <code>preInsert</code> and <code>postInsert</code> to generate an array.</p>
+<h4 id="identifyprepend"><code>Identify.prepend</code><a href="#identifyprepend" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method prepends a value or values to a user property array. If the user property doesn't have a value set yet, it will be initialized to an empty list before the new values are prepended.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.prepend('visited-locations', 'LAX');
+identify(identifyObj);
+</code></pre>
+<h4 id="identifyappend"><code>Identify.append</code><a href="#identifyappend" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method appends a value or values to a user property array. If the user property doesn't have a value set yet, it will be initialized to an empty list before the new values are prepended.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.append('visited-locations', 'SFO');
+identify(identifyObj);
+</code></pre>
+<h4 id="identifypreinsert"><code>Identify.preInsert</code><a href="#identifypreinsert" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method pre-inserts a value or values to a user property if it doesn't exist in the user property yet. Pre-insert means inserting the value at the beginning of a given list. If the user property doesn't have a value set yet, it will be initialized to an empty list before the new values are pre-inserted. If the user property has an existing value, it will be no operation.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.preInsert('unique-locations', 'LAX');
+identify(identifyObj);
+</code></pre>
+<h4 id="identifypostinsert">Identify.postInsert<a href="#identifypostinsert" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method post-inserts a value or values to a user property if it doesn't exist in the user property yet. Post-insert means inserting the value at the end of a given list. If the user property doesn't have a value set yet, it will be initialized to an empty list before the new values are post-inserted. If the user property has an existing value, it will be no operation.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.postInsert('unique-locations', 'SFO');
+identify(identifyObj);
+</code></pre>
+<h4 id="identifyremove">Identify.remove<a href="#identifyremove" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method removes a value or values to a user property if it exists in the user property. Remove means remove the existing values from the given list. If the item doesn't exist in the user property, it's a no-op.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.remove('unique-locations', 'JFK')
+identify(identifyObj);
+</code></pre>
+<h4 id="identifyclearall">Identify.clearAll<a href="#identifyclearall" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<p>This method removes all user properties from a user. Use <code>clearAll</code> with care because the operation is irreversible.</p>
+<pre><code class="language-ts">import { Identify, identify } from '@amplitude/analytics-react-native';
+const identifyObj = new Identify();
+identifyObj.clearAll();
+identify(identifyObj);
+</code></pre>
+<h3 id="user-groups">User groups<a href="#user-groups" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Amplitude supports assigning users to groups and performing queries, such as Count by Distinct, on those groups. If at least one member of the group has performed the specific event, then the count includes the group.</p>
+<p>For example, you want to group your users based on what organization they're in by using an 'orgId'. Joe is in 'orgId' '10', and Sue is in 'orgId' '15'. Sue and Joe both perform a certain event. You can query their organizations in the Event Segmentation Chart.</p>
+<p>When setting groups, define a <code>groupType</code> and <code>groupName</code>. In the previous example, 'orgId' is the <code>groupType</code> and '10' and '15' are the values for <code>groupName</code>. Another example of a <code>groupType</code> could be 'sport' with <code>groupName</code> values like 'tennis' and 'baseball'.</p>
+<p>Setting a group also sets the <code>groupType:groupName</code> as a user property, and overwrites any existing <code>groupName</code> value set for that user's groupType, and the corresponding user property value. <code>groupType</code> is a string, and <code>groupName</code> can be either a string or an array of strings to indicate that a user is in multiple groups.</p>
+<p>
+<div class="hint example"><h2 class="hint-title">Example</h2><div class="hint-content">
+If Joe is in 'orgId' '15', then the <code>groupName</code> would be '15'.</p>
+<pre><code class="language-ts">import { setGroup } from '@amplitude/analytics-react-native';
+// set group with single group name
+setGroup('orgId', '15');
+</code></pre>
+<p>If Joe is in 'sport' 'tennis' and 'soccer', then the <code>groupName</code> would be '[&quot;tennis&quot;, &quot;soccer&quot;]'.</p>
+<pre><code class="language-ts">import { setGroup } from '@amplitude/analytics-react-native';
+// set group with multiple group names
+setGroup('sport', ['soccer', 'tennis']);
+</code></pre>
+<p></div></div>
+</p>
+<p>You can also set <strong>event-level groups</strong> by passing an <code>Event</code> Object with <code>groups</code> to <code>track</code>. With event-level groups, the group designation applies only to the specific event being logged, and doesn't persist on the user unless you explicitly set it with <code>setGroup</code>.</p>
+<pre><code class="language-ts">import { track } from '@amplitude/analytics-react-native';
+track({
+  event_type: 'event type',
+  event_properties: { eventPropertyKey: 'event property value' },
+  groups: { 'orgId': '15' }
+});
+</code></pre>
+<h2 id="group-properties">Group properties<a href="#group-properties" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>Use the Group Identify API to set or update the properties of particular groups. These updates only affect events going forward.</p>
+<p>The <code>groupIdentify()</code> method accepts a group type and group name string parameter, as well as an Identify object that will be applied to the group.</p>
+<pre><code class="language-ts">import { Identify, groupIdentify } from '@amplitude/analytics-react-native';
+const groupType = 'plan';
+const groupName = 'enterprise';
+const event = new Identify()
+event.set('key1', 'value1');
+groupIdentify(groupType, groupName, identify);
+</code></pre>
+<h2 id="track-revenue">Track revenue<a href="#track-revenue" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>The preferred method of tracking revenue for a user is to use <code>revenue()</code> in conjunction with the provided Revenue interface. Revenue instances will store each revenue transaction and allow you to define several special revenue properties (such as &quot;revenueType&quot;, &quot;productIdentifier&quot;, etc.) that are used in Amplitude's Event Segmentation and Revenue LTV charts. These Revenue instance objects are then passed into <code>revenue()</code> to send as revenue events to Amplitude. This lets automatically display data relevant to revenue in the platform. You can use this to track both in-app and non-in-app purchases.</p>
+<p>To track revenue from a user, call revenue each time a user generates revenue. For example, 3 units of a product were purchased at $3.99.</p>
+<pre><code class="language-ts">import { Revenue, revenue } from '@amplitude/analytics-react-native';
+const event = new Revenue()
+  .setProductId('com.company.productId')
+  .setPrice(3.99)
+  .setQuantity(3);
+revenue(event);
+</code></pre>
+<h3 id="revenue-interface">Revenue interface<a href="#revenue-interface" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<table>
+<thead>
+<tr>
+<th>Name</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>product_id</code></td>
+<td>Optional. String. An identifier for the product. Amplitude recommends something like the Google Play Store product ID. Defaults to null.</td>
+</tr>
+<tr>
+<td><code>quantity</code></td>
+<td>Required. Int. The quantity of products purchased. <code>revenue = quantity * price</code>. Defaults to 1</td>
+</tr>
+<tr>
+<td><code>price</code></td>
+<td>Required. Double. The price of the products purchased, and this can be negative. <code>revenue = quantity * price</code>. Defaults to null.</td>
+</tr>
+<tr>
+<td><code>revenue_type</code></td>
+<td>Optional, but required for revenue verification. String. The revenue type (for example tax, refund, income).  Defaults to null.</td>
+</tr>
+<tr>
+<td><code>receipt</code></td>
+<td>Optional. String. The receipt identifier of the revenue. Defaults to null</td>
+</tr>
+<tr>
+<td><code>receipt_sig</code></td>
+<td>Optional, but required for revenue verification. String. The receipt signature of the revenue. Defaults to null.</td>
+</tr>
+<tr>
+<td><code>properties</code></td>
+<td>Optional. JSONObject. An object of event properties to include in the revenue event. Defaults to null.</td>
+</tr>
+</tbody>
+</table>
+<h2 id="flush-the-event-buffer">Flush the event buffer<a href="#flush-the-event-buffer" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>The <code>flush</code> method triggers the client to send buffered events.</p>
+<pre><code class="language-typescript">import { flush } from '@amplitude/analytics-react-native';
+flush();
+</code></pre>
+<p>By default, <code>flush</code> is called automatically in an interval, if you want to flush the events altogether, you can control the async flow with the optional Promise interface, for example:</p>
+<pre><code class="language-typescript">await init(AMPLITUDE_API_KEY).promise;
+track('Button Clicked');
+await flush().promise;
+</code></pre>
+<h2 id="custom-user-id">Custom user ID<a href="#custom-user-id" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>If your app has its login system that you want to track users with, you can call <code>setUserId</code> at any time.</p>
+<p>TypeScript</p>
+<pre><code class="language-ts">import { setUserId } from '@amplitude/analytics-react-native';
+setUserId('user@amplitude.com');
+</code></pre>
+<p>You can also assign the User ID as an argument to the init call.</p>
+<pre><code class="language-ts">import { init } from '@amplitude/analytics-react-native';
+init(API_KEY, 'user@amplitude.com');
+</code></pre>
+<h2 id="custom-session-id">Custom session ID<a href="#custom-session-id" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>You can assign a new Session ID using <code>setSessionId</code>. When setting a custom session ID, make sure the value is in milliseconds since epoch (Unix Timestamp).</p>
+<p>TypeScript</p>
+<pre><code class="language-ts">import { setSessionId } from '@amplitude/analytics-react-native';
+setSessionId(Date.now());
+</code></pre>
+<h2 id="custom-device-id">Custom device ID<a href="#custom-device-id" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>If your app has its login system that you want to track users with, you can call <code>setUserId</code> at any time.</p>
+<p>You can assign a new device ID using <code>deviceId</code>. When setting a custom device ID, make sure the value is sufficiently unique. A UUID is recommended.</p>
+<pre><code class="language-ts">import { setDeviceId } from '@amplitude/analytics-react-native';
+const { uuid } = require('uuidv4');
+setDeviceId(uuid());
+</code></pre>
+<h2 id="reset-when-a-user-logs-out">Reset when a user logs out<a href="#reset-when-a-user-logs-out" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p><code>reset</code> is a shortcut to anonymize users after they log out, by:</p>
+<ul>
+<li>setting <code>userId</code> to <code>undefined</code></li>
+<li>setting <code>deviceId</code> to a new UUID value</li>
+</ul>
+<p>With an undefined <code>userId</code> and a completely new <code>deviceId</code>, the current user would appear as a brand new user in dashboard.</p>
+<pre><code class="language-ts">import { reset } from '@amplitude/analytics-react-native';
+reset();
+</code></pre>
+<h2 id="opt-users-out-of-tracking">Opt users out of tracking<a href="#opt-users-out-of-tracking" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>You can turn off logging for a given user by setting <code>setOptOut</code> to <code>true</code>.</p>
+<pre><code class="language-ts">import { setOptOut } from '@amplitude/analytics-react-native';
+setOptOut(true);
+</code></pre>
+<p>No events are saved or sent to the server while <code>setOptOut</code> is enabled, and the setting persists across page loads.</p>
+<p>Re-enable logging by setting <code>setOptOut</code> to <code>false</code>.</p>
+<pre><code class="language-ts">import { setOptOut } from '@amplitude/analytics-react-native';
+setOptOut(false);
+</code></pre>
+<h2 id="optional-tracking">Optional tracking<a href="#optional-tracking" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>By default, the SDK tracks these properties automatically. You can override this behavior by passing a configuration called <code>trackingOptions</code> when initializing the SDK, setting the appropriate options to false.</p>
+<table>
+<thead>
+<tr>
+<th>Tracking Options</th>
+<th>Default</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><code>adid</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>carrier</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>deviceManufacturer</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>deviceModel</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>ipAddress</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>language</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>osName</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>osVersion</code></td>
+<td><code>true</code></td>
+</tr>
+<tr>
+<td><code>platform</code></td>
+<td><code>true</code></td>
+</tr>
+</tbody>
+</table>
+<pre><code class="language-ts">amplitude.init(API_KEY, OPTIONAL_USER_ID, {
+  trackingOptions: {
+    adid: false,
+    appSetId: false,
+    carrier: false,
+    deviceManufacturer: false,
+    deviceModel: false,
+    ipAddress: false,
+    idfv: false,
+    language: false,
+    osName: false,
+    osVersion: false,
+    platform: false,
+  },
+});
+</code></pre>
+<h2 id="callback">Callback<a href="#callback" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>All asynchronous APIs are optionally awaitable through a Promise interface. This also serves as a callback interface.</p>
+<pre><code class="language-ts">import { track } from '@amplitude/analytics-react-native';
+// Using async/await
+const results = await track('Button Clicked').promise;
+result.event; // {...} (The final event object sent to Amplitude)
+result.code; // 200 (The HTTP response status code of the request.
+result.message; // &quot;Event tracked successfully&quot; (The response message)
+// Using promises
+track('Button Clicked').promise.then((result) =&gt; {
+  result.event; // {...} (The final event object sent to Amplitude)
+  result.code; // 200 (The HTTP response status code of the request.
+  result.message; // &quot;Event tracked successfully&quot; (The response message)
+});
+</code></pre>
+<h2 id="plugins">Plugins<a href="#plugins" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<p>Plugins allow you to extend Amplitude SDK's behavior by, for example, modifying event properties (enrichment type) or sending to third-party APIs (destination type). A plugin is an object with methods <code>setup()</code> and <code>execute()</code>.</p>
+<p>For Session Replay integration with Segment, review the <a href="/docs/session-replay/session-replay-react-native-segment-integration">Session Replay React Native Segment Integration</a> guide.</p>
+<h3 id="add">add<a href="#add" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The <code>add</code> method adds a plugin to Amplitude. Plugins can help processing and sending events.</p>
+<pre><code class="language-typescript">import { add } from '@amplitude/analytics-react-native';
+add(new Plugin());
+</code></pre>
+<h3 id="remove">remove<a href="#remove" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The <code>remove</code> method removes the given plugin name from the client instance if it exists.</p>
+<pre><code class="language-typescript">import { remove } from '@amplitude/analytics-react-native';
+remove(plugin.name);
+</code></pre>
+<h3 id="plugin-setup">Plugin setup<a href="#plugin-setup" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>This method contains logic for preparing the plugin for use and has config as a parameter. The expected return value is undefined. A typical use for this method, is to copy configuration from config or instantiate plugin dependencies. This method is called when the plugin is registered to the client via <code>client.add()</code>.</p>
+<h3 id="pluginexecute">Plugin.execute<a href="#pluginexecute" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>This method contains the logic for processing events and has event as parameter. If used as enrichment type plugin, the expected return value is the modified/enriched event; while if used as a destination type plugin, the expected return value is a map with keys: <code>event</code> (BaseEvent), <code>code</code> (number), and <code>message</code> (string). This method is called for each event, including Identify, GroupIdentify and Revenue events, that's instrumented using the client interface.</p>
+<h3 id="enrichment-type-plugin-example">Enrichment type plugin example<a href="#enrichment-type-plugin-example" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Here's an example of a plugin that modifies each event that's instrumented by adding an increment integer to <code>event_id</code> property of an event starting from 100.</p>
+<pre><code class="language-ts">import { init, add } from '@amplitude/analytics-react-native';
+import { ReactNativeConfig, EnrichmentPlugin, Event, PluginType } from '@amplitude/analytics-types';
+export class AddEventIdPlugin implements EnrichmentPlugin {
+  name = 'add-event-id';
+  type = PluginType.ENRICHMENT as const;
+  currentId = 100;
+  config?: ReactNativeConfig;
+  /**
+   * setup() is called on plugin installation
+   * example: client.add(new AddEventIdPlugin());
+   */
+  async setup(config: ReactNativeConfig): Promise&lt;undefined&gt; {
+     this.config = config;
+     return;
+  }
+  /**
+   * execute() is called on each event instrumented
+   * example: client.track('New Event');
+   */
+  async execute(event: Event): Promise&lt;Event&gt; {
+    event.event_id = this.currentId++;
+    return event;
+  }
+}
+init('API_KEY');
+add(new AddEventIdPlugin());
+</code></pre>
+<h3 id="destination-type-plugin-example">Destination type plugin example<a href="#destination-type-plugin-example" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Here's an example of a plugin that sends each instrumented event to a target server URL using your preferred HTTP client.</p>
+<pre><code class="language-ts">import { init, add } from '@amplitude/analytics-react-native';
+import { ReactNativeConfig, DestinationPlugin, Event, PluginType, Result } from '@amplitude/analytics-types';
+export class MyDestinationPlugin implements DestinationPlugin {
+  name = 'my-destination-plugin';
+  type = PluginType.DESTINATION as const;
+  serverUrl: string;
+  config?: ReactNativeConfig;
+  constructor(serverUrl: string) {
+    this.serverUrl = serverUrl;
+  }
+  /**
+   * setup() is called on plugin installation
+   * example: client.add(new MyDestinationPlugin());
+   */
+  async setup(config: ReactNativeConfig): Promise&lt;undefined&gt; {
+    this.config = config;
+    return;
+  }
+  /**
+   * execute() is called on each event instrumented
+   * example: client.track('New Event');
+   */
+  async execute(event: Event): Promise&lt;Result&gt; {
+    const payload = { key: 'secret', data: event };
+    const response = await fetch(this.serverUrl, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: '*/*',
+      },
+      body: JSON.stringify(payload),
+    });
+    return {
+      code: response.status,
+      event: event,
+      message: response.statusText,
+    };
+  }
+}
+init('API_KEY');
+add(new MyDestinationPlugin('https://custom.domain.com'));
+</code></pre>
+<h2 id="advanced-topics">Advanced topics<a href="#advanced-topics" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h2>
+<h3 id="custom-http-client">Custom HTTP client<a href="#custom-http-client" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>You can provide an implementation of <code>Transport</code> interface to the <code>transportProvider</code> configuration option for customization purpose, for example, sending requests to your proxy server with customized HTTP request headers.</p>
+<pre><code class="language-ts">import { Transport } from '@amplitude/analytics-types';
+class MyTransport implements Transport {
+  async send(serverUrl: string, payload: Payload): Promise&lt;Response | null&gt; {
+    // check example: https://github.com/amplitude/Amplitude-TypeScript/blob/main/packages/analytics-client-common/src/transports/fetch.ts
+  }
+}
+amplitude.init(API_KEY, OPTIONAL_USER_ID, {
+  transportProvider: new MyTransport(),
+});
+</code></pre>
+<h3 id="location">Location<a href="#location" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>The Amplitude ingestion servers resolve event location in the following order:</p>
+<ol>
+<li>User-provided <code>city</code>, <code>country</code>, <code>region</code></li>
+<li>Resolved from <code>location_lat</code> and <code>location_lng</code></li>
+<li>Resolved from <code>ip</code></li>
+</ol>
+<p>By default, location will be determined by the <code>ip</code> on the server side. If you want more provide more granular location you can set <code>city</code>, <code>country</code> and <code>region</code> individually, or set <code>location_lat</code> and <code>location_lng</code> which will then be resolved to <code>city</code>, <code>country</code> and <code>region</code> on the server.<br />
+Amplitude doesn't set precise location in the SDK to avoid extra permissions that my not be needed by all customers.</p>
+<p>To set fine grain location, you can use an enrichment Plugin. Here is an <a href="https://github.com/amplitude/Amplitude-TypeScript/blob/v1.x/examples/plugins/react-native-get-location-plugin/LocationPlugin.ts">example</a> of how to set <code>location_lat</code> and <code>location_lng</code>.</p>
+<p>Disabling IP tracking with <code>ipAddress: false</code> in <a href="#optional-tracking">TrackingOptions</a> prevents location from being resolved on the backend. In this case you may want to create a Plugin like above to set any relevant location information yourself.</p>
+<h3 id="carrier">Carrier<a href="#carrier" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Carrier support works on Android, but Apple stopped supporting it in iOS 16. In earlier versions of iOS, we fetch carrier info using <code>CTCarrier</code> and <code>serviceSubscriberCellularProviders</code> which are <a href="https://developer.apple.com/documentation/coretelephony/cttelephonynetworkinfo/3024511-servicesubscribercellularprovide">deprecated</a> with <a href="https://developer.apple.com/forums/thread/714876?answerId=728276022#728276022">no replacement</a>.</p>
+<h3 id="advertising-identifiers">Advertising Identifiers<a href="#advertising-identifiers" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>Different platforms have different advertising identifiers. Due to user privacy concerns, Amplitude does not automatically collect these identifiers. However, it is easy to enable them using the instructions below. It is important to note that some identifiers are no longer recommended for use by the platform providers. Read the notes below before deciding to enable them.</p>
+<table>
+<thead>
+<tr>
+<th>Platform</th>
+<th>Advertising Identifier</th>
+<th>Recommended</th>
+<th>Notes</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Android</td>
+<td>AppSetId</td>
+<td>Yes</td>
+<td><a href="https://developer.android.com/training/articles/app-set-id">AppSetId</a> is a unique identifier for the app instance. It is reset when the app is reinstalled.</td>
+</tr>
+<tr>
+<td>Android</td>
+<td>ADID</td>
+<td>No</td>
+<td><a href="https://support.google.com/googleplay/android-developer/answer/6048248?hl=en">ADID</a> is a unique identifier for the device. It is reset when the user opts out of personalized ads.</td>
+</tr>
+<tr>
+<td>iOS</td>
+<td>IDFV</td>
+<td>Yes</td>
+<td><a href="https://developer.apple.com/documentation/uikit/uidevice/1620059-identifierforvendor">IDFV</a> is a unique identifier for the app instance. It is reset when the app is reinstalled.</td>
+</tr>
+<tr>
+<td>iOS</td>
+<td>IDFA</td>
+<td>No</td>
+<td><a href="https://developer.apple.com/documentation/adsupport/asidentifiermanager/1614151-advertisingidentifier">IDFA</a> is a unique identifier for the device. It is reset when the user opts out of personalized ads.</td>
+</tr>
+</tbody>
+</table>
+<h4 id="android">Android<a href="#android" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<h5 id="app-set-id">App set ID<a href="#app-set-id" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h5>
+<p>App set ID is a unique identifier for each app install on a device. App set ID is reset by the user manually when they uninstall the app, or after 13 months of not opening the app. Google designed this as a privacy-friendly alternative to Ad ID for users who want to opt out of stronger analytics.</p>
+<p>To use App Set ID, follow these steps.</p>
+<ol>
+<li>
+<p>Add <code>play-services-appset</code> as a dependency to the Android project of your app.</p>
+<pre><code class="language-bash">dependencies {
+    implementation 'com.google.android.gms:play-services-appset:16.0.2'
+}
+</code></pre>
+</li>
+<li>
+<p>Enable <code>trackingOptions.appSetId</code></p>
+<pre><code class="language-ts">amplitude.init(API_KEY, OPTIONAL_USER_ID, {
+  trackingOptions: {
+    appSetId: true,
+  },
+});
+</code></pre>
+</li>
+</ol>
+<h5 id="android-ad-id">Android Ad ID<a href="#android-ad-id" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h5>
+<p>Android Ad ID is a unique identifier for each device. Android Ad ID is reset by the user manually when they opt out of personalized ads.</p>
+<p>To use Android Ad ID, follow these steps.</p>
+<ol>
+<li>
+<p>Add <code>play-services-ads-identifier</code> as a dependency to the Android project of your app. More detailed setup is <a href="/docs/sdks/analytics/android/android-kotlin-sdk#advertiser-id">described in our latest Android SDK docs</a>.</p>
+<pre><code class="language-bash">dependencies {
+  implementation 'com.google.android.gms:play-services-ads-identifier:18.0.1'
+}
+</code></pre>
+</li>
+</ol>
+<p>Android Ad Id is enabled by default. To disable it, set <code>trackingOptions.adId</code> to <code>false</code>.</p>
+<pre><code class="language-ts">amplitude.init(API_KEY, OPTIONAL_USER_ID, {
+  trackingOptions: {
+    adId: false,
+  },
+});
+</code></pre>
+<h4 id="ios">iOS<a href="#ios" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h4>
+<h5 id="idfv">IDFV<a href="#idfv" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h5>
+<p>IDFV is a unique identifier for the app instance. It is reset when the app is reinstalled.</p>
+<p>To enable IDFV on iOS devices set <code>trackingOptions.idfv</code> to <code>true</code>.</p>
+<pre><code class="language-ts">amplitude.init(API_KEY, OPTIONAL_USER_ID, {
+  trackingOptions: {
+    idfv: true,
+  },
+});
+</code></pre>
+<h5 id="idfa">IDFA<a href="#idfa" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h5>
+<p>
+<div class="hint warning"><h2 class="hint-title">Warning</h2><div class="hint-content">
+IDFA is no longer recommended. You should consider using IDFV instead when possible.</div></div>
+</p>
+<p>IDFA is a unique identifier for the device. It is reset when the user opts out of personalized ads.</p>
+<p>The React Native SDK does not directly access the IDFA as it would require adding the <code>AdSupport.framework</code> to your app. Instead you can use an Enrichment Plugin to set the IDFA yourself.</p>
+<p>Here is an <a href="https://github.com/amplitude/Amplitude-TypeScript/blob/main/examples/plugins/react-native-idfa-plugin/idfaPlugin.ts">example Plugin that sets the IDFA</a>  using a third-party library.</p>
+<h3 id="over-the-air-updates-ota">Over the air updates (OTA)<a href="#over-the-air-updates-ota" class="heading-permalink" aria-hidden="true" title="Permalink"></a></h3>
+<p>If you are using platform like Expo that supports OTA updates. It is important to know our SDK has both native and JS code. If you are using OTA updates, you will need to make sure the native code is updated as well. See Expo's documentation on <a href="https://docs.expo.dev/archive/classic-updates/publishing">publishing</a> and <a href="https://docs.expo.dev/eas-update/runtime-versions/">runtime versions</a> for more details.</p>
+<p>Below are versions of the SDK with the native code changes:</p>
+<table>
+<thead>
+<tr>
+<th>@amplitude/analytics-react-native</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><a href="https://github.com/amplitude/Amplitude-TypeScript/releases/tag/%40amplitude%2Fanalytics-react-native%401.3.0">1.3.0</a></td>
+</tr>
+</tbody>
+</table>
+      </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/react-native/react-native-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/react-native/react-native-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/react-native/react-native-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/react-native/react-native-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-loaded="true">
+        <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/analytics-react-native" target="_blank">Package Information</a>
+                        <span class="ml-2 text-xs bg-green-100 text-green-700 px-2 py-0.5 rounded" title="Fresh data (2026-04-09T17:36:37.871199Z)">Live</span>
+                </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/analytics-react-native</code>
+                </div>
+                <div class="flex justify-between items-center">
+                    <div>
+                        <div class="text-xs text-amp-gray-500 mb-1">Version</div>
+                        <div class="font-medium text-amp-gray-900">1.5.52</div>
+                    </div>
+                    <div class="text-right">
+                        <div class="text-xs text-amp-gray-500 mb-1">Size (gzip)</div>
+                        <div class="font-medium text-amp-gray-900">24.74 kB</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> July 23rd, 2024</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>