
Get from zero to insights in minutes with three easy ways to get Amplitude up and running.

## Pick the best path for you

Choose the setup path that fits how you work. All three options send data to the same Amplitude project. You can switch paths later if your needs change.

{% card-grid columns="3" %}
{% card kind="quickstart-path" eyebrow="Wizard CLI" title="Full SDK setup" href="#wizard-cli" icon="⌘" meta="~15 min" tone="blue" featured=true %}
Best for developers or anyone comfortable in a terminal. The wizard detects your framework, authenticates you with Amplitude, and wires up the core implementation flow.

Full SDK setup.

AI-generated custom events.

MCP, Slack, and Teams integration.
{% /card %}

{% card kind="quickstart-path" eyebrow="AI Prompt" title="Low-code setup" href="#ai-prompt" icon="✦" meta="~5 min" tone="purple" %}
Best for teams that use AI coding tools. Paste one prompt into Cursor, Claude Code, Copilot, or another assistant and let it handle the implementation steps.

Full SDK setup.

Autocapture and Session Replay.

Client-side initialization guidance.
{% /card %}

{% card kind="quickstart-path" eyebrow="Browser Snippet" title="Paste-and-go install" href="#browser-snippet" icon="▣" meta="~2 min" tone="teal" %}
Best for web teams that want the fastest setup. Add one script tag to your site's `<head>` and start collecting browser data without a bundler.

Script-tag install.

Autocapture.

Session Replay and remote config.
{% /card %}
{% /card-grid %}

---

## Wizard CLI

Full SDK setup for developers. The wizard authenticates you with Amplitude, detects your framework, proposes custom events, and confirms that data reaches your project before it exits.

{% prerequisites heading="What you get" %}
{% prerequisite %}
Full SDK setup with framework detection.
{% /prerequisite %}
{% prerequisite %}
[Autocapture](/docs/data/autocapture), including sessions, clicks, page views, and forms.
{% /prerequisite %}
{% prerequisite %}
[Session Replay](/docs/session-replay), [Feature Experiment](/docs/feature-experiment/workflow/feature-flag-rollouts), and [Guides & Surveys](/docs/guides-and-surveys).
{% /prerequisite %}
{% prerequisite %}
AI-generated custom events plus [Amplitude MCP](/docs/amplitude-ai/amplitude-mcp), [Slack](/docs/analytics/integrate-slack), and [Teams](/docs/analytics/integrate-microsoft-teams) integration.
{% /prerequisite %}
{% /prerequisites %}

{% steps %}

{% step eyebrow="Run" title="Run the setup wizard" %}
Run the command in your terminal, or run it from Claude Code inside your terminal.

```bash
npx @amplitude/wizard
```

{% /step %}

{% step eyebrow="Add" title="Add your API key" %}
Paste the API key for the project you want to track when the wizard prompts you.

{% callout type="info" heading="Where to find your API key" %}
Go to _Settings > Projects_ and copy the API key for the project you want to track. Need an API key? Create a [free Amplitude account](https://app.amplitude.com/signup).
{% /callout %}
{% /step %}

{% step eyebrow="Verify" title="Verify that data is flowing" %}
Open the [Amplitude Debugger](/docs/analytics/debug-analytics) to confirm that the wizard's test events arrive in real time.
{% /step %}

{% /steps %}

**Tips**

- Use `--menu` to pick your framework instead of relying on auto-detection.
- Requires Node.js 20.
- Press `tab` during the wizard to ask questions or send feedback.

---

## AI Prompt

Low-code setup with an AI assistant. Copy this prompt into an AI coding tool to set up the Amplitude Browser SDK for a JavaScript web app without running the full wizard flow.

{% callout type="tip" heading="Set up with an AI prompt" %}
Use this option when you want an AI tool to make the code changes for you. If you want Amplitude to detect your framework and propose events automatically, use [Wizard CLI](#wizard-cli) instead.
{% /callout %}

{% prerequisites heading="What you get" %}
{% prerequisite %}
Full SDK setup for a JavaScript web app.
{% /prerequisite %}
{% prerequisite %}
[Autocapture](/docs/data/autocapture) and [Session Replay](/docs/session-replay).
{% /prerequisite %}
{% prerequisite %}
Remote config for feature flags and guides.
{% /prerequisite %}
{% /prerequisites %}

{% steps %}

{% step eyebrow="Copy" title="Copy the prompt into your AI tool" %}
Paste it into Cursor, Claude Code, Copilot, or another coding assistant that can edit your project.

```text
Install and configure Amplitude for this JavaScript web application.

Use API key: AMPLITUDE_API_KEY

Requirements:
- Run the implementation only on the client.
- Initialize Amplitude once during app load.
- Install the correct browser package for this project.
- Enable fetchRemoteConfig: true.
- Enable autocapture for attribution, page views, sessions, element interactions, form interactions, and file downloads.
- Enable Session Replay with sampleRate: 1.
- Preserve the project's existing TypeScript and framework patterns.
```

{% /step %}

{% step eyebrow="Review" title="Review the generated changes" %}
Confirm that the assistant installed the SDK, initialized it in the right client entry point, and kept the code client-side.
{% /step %}

{% step eyebrow="Verify" title="Verify that events arrive" %}
After the changes land, open the [Amplitude Debugger](/docs/analytics/debug-analytics) and confirm that page views and session data reach your project.
{% /step %}

{% /steps %}

**Tips**

- Click the **API key** button in the code block to insert your key before you copy the prompt.
- Create a [free Amplitude account](https://app.amplitude.com/signup) if you still need a project and API key.

---

## Browser Snippet

Paste-and-go install for websites. Paste this script into the `<head>` of your site when you want the fastest possible browser install without a build step or npm package.

{% callout type="tip" heading="Set up with a browser snippet" %}
Use this option for static sites, CMS-driven sites, or any project where a script tag is easier than an SDK install. If you want framework-aware setup, use [Wizard CLI](#wizard-cli) instead.
{% /callout %}

{% prerequisites heading="What you get" %}
{% prerequisite %}
Script-tag install with no bundler.
{% /prerequisite %}
{% prerequisite %}
[Autocapture](/docs/data/autocapture) and [Session Replay](/docs/session-replay).
{% /prerequisite %}
{% prerequisite %}
Remote config for feature flags.
{% /prerequisite %}
{% /prerequisites %}

{% steps %}

{% step eyebrow="Paste" title="Paste the snippet into your site's `<head>`" %}
Add it to every page you want to track.

```html
<script src="https://cdn.amplitude.com/script/AMPLITUDE_API_KEY.js"></script>
<script>
  window.amplitude.add(window.sessionReplay.plugin({ sampleRate: 1 }));
  window.amplitude.init("AMPLITUDE_API_KEY", {
    fetchRemoteConfig: true,
    autocapture: {
      attribution: true,
      fileDownloads: true,
      formInteractions: true,
      pageViews: true,
      sessions: true,
      elementInteractions: true,
      networkTracking: true,
      webVitals: true,
      frustrationInteractions: true,
    },
  });
</script>
```

{% /step %}

{% step eyebrow="Set" title="Set your API key and load the page" %}
Replace the placeholder with your project's API key, then load a tracked page in your browser.
{% /step %}

{% step eyebrow="Confirm" title="Confirm data in Amplitude" %}
Open the [Amplitude Debugger](/docs/analytics/debug-analytics) and check for page view, session, and interaction events.
{% /step %}

{% /steps %}

**Tips**

- Click the **API key** button in the code block to insert your key before you copy the snippet.
- Use the EU CDN host if your project uses EU data residency.
- Create a [free Amplitude account](https://app.amplitude.com/signup) if you need a project and API key.

---

## Take the next step

After data starts flowing, use these guides to expand your implementation.

{% card-grid columns="3" %}
{% card kind="quickstart-link" title="Amplitude MCP server" href="/docs/amplitude-ai/amplitude-mcp" icon="⌁" tone="blue" %}
Query your analytics data from Claude, Cursor, or any other MCP-compatible client without leaving your workflow.
{% /card %}

{% card kind="quickstart-link" title="Claude Code plugin" href="https://github.com/amplitude/mcp-marketplace/tree/main/plugins/amplitude" icon="✦" tone="purple" %}
Install the Amplitude plugin for Claude Code to get built-in slash commands for charts, dashboards, and instrumentation work.
{% /card %}

{% card kind="quickstart-link" title="Custom events" href="/docs/sdks/analytics/browser/browser-sdk-2#track-an-event" icon="△" tone="green" %}
Track the product events that matter to your business after Autocapture covers the basics.
{% /card %}

{% card kind="quickstart-link" title="User identification" href="/docs/sdks/analytics/browser/browser-sdk-2#custom-user-identifier" icon="◎" tone="orange" %}
Connect anonymous activity to known users so you can analyze behavior across sessions and devices.
{% /card %}

{% card kind="quickstart-link" title="Group analytics" href="/docs/sdks/analytics/browser/browser-sdk-2#user-groups" icon="▣" tone="neutral" %}
Analyze behavior at the account, workspace, or team level with user groups.
{% /card %}

{% card kind="quickstart-link" title="Session Replay" href="/docs/session-replay" icon="▶" tone="teal" %}
Watch real user sessions alongside event data to find friction, confusion, and drop-off points.

{% /card %}
{% /card-grid %}

## More in this section

- [Amplitude MCP server](/docs/amplitude-ai/amplitude-mcp).
- [Claude Code plugin](https://github.com/amplitude/mcp-marketplace/tree/main/plugins/amplitude).
- [Custom events](/docs/sdks/analytics/browser/browser-sdk-2#track-an-event).
- [User identification](/docs/sdks/analytics/browser/browser-sdk-2#custom-user-identifier).
- [Group analytics](/docs/sdks/analytics/browser/browser-sdk-2#user-groups).
- [Session Replay](/docs/session-replay).
