Add autocapture to quickstart

pages/docs/quickstart.mdx

@@ -5,5 +5,5 @@ import { Cards } from 'nextra/components'
 <Cards>
   <Cards.Card icon title="Install Mixpanel" href="/docs/quickstart/install-mixpanel" />
   <Cards.Card icon title="Identify Users" href="/docs/quickstart/identify-users" />
-  <Cards.Card icon title="Track Events" href="/docs/quickstart/track-events" />
+  <Cards.Card icon title="Capture Events" href="/docs/quickstart/track-events" />
 </Cards>

pages/docs/quickstart/_meta.ts

@@ -1,7 +1,7 @@
 export default {
   "install-mixpanel": "Install Mixpanel",
   "identify-users": "Identify Users",
-  "track-events": "Track Events",
+  "capture-events": "Capture Events",
   "tips-and-tricks": {
     "display": "hidden"
   },

pages/docs/quickstart/capture-events.mdx

@@ -0,0 +1,8 @@
+import { Cards } from 'nextra/components'
+
+# Capture Events
+
+<Cards>
+  <Cards.Card icon title="Autocapture" href="/docs/quickstart/capture-events/autocapture" />
+  <Cards.Card icon title="Track Events" href="/docs/quickstart/capture-events/track-events" />
+</Cards>

pages/docs/quickstart/capture-events/autocapture.mdx

@@ -0,0 +1,32 @@
+import { Callout, Tabs } from "nextra/components";
+
+import ExtendedButton from "/components/ExtendedButton/ExtendedButton";
+import ExtendedTabs from "/components/ExtendedTabs/ExtendedTabs";
+
+import { dataItems } from "/utils/constants";
+
+# Autocapture
+
+## What is Autocapture?
+Starting with SDK version 2.60.0, the Javascript SDK can autocapture events when you enable it. To do so, enable the autocapture configuration:
+```javascript
+// create an instance of the Mixpanel object
+mixpanel.init('YOUR_PROJECT_TOKEN', {
+    autocapture: true,    // enable autocapture
+});
+```
+
+If you'd like to change the default Autocapture settings, you can use custom configs. These are the default configs:
+```javascript
+mixpanel.init('YOUR_PROJECT_TOKEN', {
+  autocapture: {
+    pageview: "full-url",
+    click: true,
+    input: true,
+    scroll: true,
+    submit: true,
+    capture_text_content: false,
+  },
+});
+```
+[You can read more about custom configuration of Autocapture here](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript).

pages/docs/tracking-methods/_meta.ts

@@ -1,6 +1,7 @@
 export default {
     "choosing-the-right-method": "Choosing the Right Method",
     "sdks": "SDKs",
+    "autocapture": "Autocapture",
     "warehouse-connectors": "Warehouse Connectors",
     "integrations": "Integrations",
     "id-management": "ID Management"

pages/docs/tracking-methods/autocapture.mdx

@@ -0,0 +1,81 @@
+import { Callout, Tabs } from "nextra/components";
+
+import ExtendedButton from "/components/ExtendedButton/ExtendedButton";
+import ExtendedTabs from "/components/ExtendedTabs/ExtendedTabs";
+
+import { dataItems } from "/utils/constants";
+
+# Autocapture
+
+## What is Autocapture?
+
+Autocapture allows you to capture information about your website with minimal setup. Once enabled via SDK, Autocapture automatically captures frontend events like page views, button clicks, and form interactions.
+
+## Availability
+
+Autocapture is available on all plans.
+Autocapture is currently available for web only via Mixpanel’s [Javascript SDK]((https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript)). To turn it on, ensure you have the config `{autocapture: true}` set in the SDK.
+
+## Autocapture events
+
+By default, Autocapture will automatically collect the following predefined events with minimal engineering:
+
+- Pageviews
+- Page scrolls
+- Form interactions (e.g., form submitted)
+- Element interactions, including clicks and changes on page elements
+- Attribution
+
+When you enable Autocapture, you will start collecting these predefined events and property types, and they will appear for your use in analysis in your Mixpanel instance. Within your Mixpanel instance, these events will be displayed using preset labels such as “[Auto] Page View” and “[Auto] Element Click”.
+
+Autocapture events will all be tracked as events that start with `$mp_`  and will start with [Auto] as a prefix in Mixpanel, so if used in combination with other tracking and ingestion methods, you will be able to tell the difference.
+
+## Autocapture vs Precision Tracking
+There are two ways to capture events:
+
+- Autocapture allows you to automatically collect a predefined set of events and properties. It is the best option for getting started quickly.
+- Precision tracking allows you to instrument events and properties specific to your business needs and desired analyses. This is the best option when you want to perform deeper and more customized analyses.
+
+Autocapture can coexist with more precise tracking — you can both enable Autocapture and instrument specific events. You don’t have to choose one solution over the other.
+
+## Configuring Autocapture
+If you subscribe to automatic SDK updates, please note that these updates will not change your Autocapture configuration.
+
+<Callout type="info">
+    If you are an existing customer, we do not recommend changes to your SDK implementation (including turning on Autocapture) without speaking to a member of the Mixpanel team.
+</Callout>
+
+Customers adding the Javascript SDK with a snippet that contains an enabled autocapture config will turn on autocapture. **If this config is not present in the snippet, Autocapture will not be enabled.** Our documentation on how to configure the Javascript SDK, including changing your Autocapture configuration, [can be found here](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript).
+
+### Disabling Autocapture
+
+You can disable Autocapture by setting the config in the Javascript SDK. Disabling Autocapture does not disable session recording, which is [configured separately](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript#session-replay) in the Javascript SDK. [Learn more about detailed configuration here](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript).
+
+### Manage your event volume
+
+Mixpanel recommends monitoring your event volume (in Settings > Organization Settings > Plan Details & Billing) as you make changes to ensure it matches your expectations.
+
+At any time, you can change your configuration to only capture clicks on specified elements (or elements with certain classes), track on specific pages, or turn click tracking off while still taking advantage of other Autocapture data (pageviews, submits, etc.). [Learn more about detailed configuration here](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript).
+
+## Privacy and security
+The default configuration of Autocapture is designed to strike a balance between automatically capturing meaningful events while excluding potentially sensitive data. At the same time, the technical design of your website, your industry, the purpose of your website, and compliance requirements across jurisdictions can vary greatly. As a result, your close review of the data derived from Autocapture is always recommended. **Because there is no one-size-fits-all approach to event analytics, it's our customers' responsibility to ensure the configuration of Mixpanel on their website complies with applicable data privacy laws and regulations and their Mixpanel's Services Agreement.**
+
+In certain contexts, a flexible configuration of Autocapture or turning off Autocapture may be appropriate to enable your company's privacy and compliance requirements. **In particular, if the purpose of your website involves the capture of highly sensitive data like Protected Health Information (PHI), we do not recommend using Autocapture. If you have entered into a BAA (Business Associate Agreement) with Mixpanel, we do not recommend using Autocapture.** 
+
+As an analytics provider, Mixpanel is committed to designing features to facilitate data privacy for our customers and their end-users.  While it's our customers' responsibility to ensure use of Mixpanel complies with data privacy law, we offer a privacy-first approach to autocapture, including default omission of input elements, designed to help you complete data minimization and comply with data privacy law. We’ve additionally provided you with the following tools and resources to help you adhere to applicable data privacy legislation.
+
+### Default protections
+Autocapture's default settings also include the following privacy and security considerations:
+
+- Sensitive elements — such as end user text inputs, selects, and textarea elements, are default-excluded from tracking. [You can view our default configurations and options here](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript).
+- By default, Autocapture will not collect sensitive input fields like passwords or form fields — it will only capture a limited set of HTML attributes like class, name, aria-label, role, title, and type attribute values. No content populated by an end user will be collected.
+- By default, Autocapture will not capture the text that your website or app displays (`textContent` and its children).
+- The exception to these attribute collection rules is when an element has an explicit attribute added with the prefix “mp-track-”. This allows data in these attributes to be intentionally passed back to Mixpanel.
+- Mixpanel also provides flexibility to define the classes pages of your website for which you configure Autocapture by using and `block_selectors` and `block_url_regexes`.
+
+To change these default settings, you can customize what is collected through your [SDK configuration](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript).
+
+### Additional privacy and security options
+For any element on your website / web application you do not want to track, there are built-in selector options to omit it. You can add any element to the `.mp-no-track` class to omit it. You can also opt an individual element out of being included in any tracking (including the 'elements' prop of another target's event) using `.mp-sensitive`.
+
+Alternatively, you can update your Autocapture configuration using different blocking options, including blocking tracking of certain classes or certain URLs. [You can read more about this here](https://docs.mixpanel.com/docs/tracking-methods/sdks/javascript).