Mixpanel SDKs: Javascript

// create an instance of the Mixpanel object
mixpanel.init('YOUR_PROJECT_TOKEN', {
    persistence: 'localStorage',    // set persistence to local storage
    debug: true,                    // enable debug log in console
});

// create an instance of the Mixpanel object
mixpanel.init('YOUR_PROJECT_TOKEN', {
    debug: true,    // enable debug log in console
});

// disable debug log after initialization
mixpanel.set_config({
    debug: false
});

// debug is disabled

// create an instance of the Mixpanel object
mixpanel.init('YOUR_PROJECT_TOKEN', {
    autocapture: true,    // enable autocapture
});

mixpanel.init('YOUR_PROJECT_TOKEN', {
  autocapture: {
    pageview: "full-url",
    click: true,
    dead_click: true,
    input: true,
    rage_click: true,
    scroll: true,
    submit: true,
    capture_text_content: false,
  },
});

mixpanel.init('YOUR_PROJECT_TOKEN', {
  autocapture: {
    block_selectors: ['.class1', 'button.class2']
  },
});

mixpanel.init('YOUR_PROJECT_TOKEN', {
  autocapture: {
    block_url_regexes: [/\/login\/?$/, /\/payment\/?$/]
  },
});

mixpanel.init('YOUR_PROJECT_TOKEN', {
    autocapture: false
});

// register "name" as a super property
mixpanel.register({
    name: 'Sam',
});

// register "city" as an additional super property
// ignore "name" since it already exists
mixpanel.register_once({
    name: 'Samantha',
    city: 'San Francisco'
});

// track a "registration" event
// the event will include the "name" property set to "Sam"
// and "city" set to "San Francisco"
mixpanel.track('registration');

// set cookie_expiration to 90 days upon initialization
mixpanel.init('YOUR_PROJECT_TOKEN', {
    'cookie_expiration': 90
});

// your user signs in and tracks a sign in event
mixpanel.track('sign in');

// upon sign in, identify the user with their ID
// ensure future events sent from the user have distinct_id 12345
mixpanel.identify('12345');

// assign the current user to the "mixpanel" company group
mixpanel.set_group('company', 'mixpanel');

// track "some_event"
// event property "company" = ["mixpanel"] is added automatically
mixpanel.track('some_event');

// alternatively you can manually set the group key on each event
mixpanel.track('some_event',{
    company: ['mixpanel']
});

// assign the current user to the "mixpanel" company group
// events will contain 'company' prop set to ["mixpanel"]
mixpanel.set_group('company', 'mixpanel');

// add "mp-us" as an additional company group
// new "company" value is ["mixpanel","mp-us"]
mixpanel.add_group('company', 'mp-us');

// track "some_event"
// event property "company" = ["mixpanel","mp-us"] is added automatically
mixpanel.track('some_event');

// set group key "company" as a user prop
// with group id "mixpanel" as value
mixpanel.people.set({"company":"mixpanel"})

// assign the current user to the "mixpanel" company group
mixpanel.set_group('company', 'mixpanel');

// specify the target group using the group_key and group_id
// set "name", "features", and "employee_count" as group profile props
mixpanel.get_group('company','mixpanel').set({
    name: 'Mixpanel',
    features: ['reports','alerts','cohorts'],
    employee_count: 100
});

// enable debug log in the console
mixpanel.init('YOUR_PROJECT_TOKEN', {
    debug: true
});

//send "some_event"
mixpanel.track('some_event');

// opt user out of tracking
// SDK is prevented from sending any data
mixpanel.opt_out_tracking();

// this track call will not work
mixpanel.track('some_other_event');

// create an instance of the Mixpanel object
// users are opted out of tracking by default
mixpanel.init('YOUR_PROJECT_TOKEN', {
    opt_out_tracking_by_default: true
    });

// this track call will not work
mixpanel.track('some_event');

//opt user in to tracking
mixpanel.opt_in_tracking();

// send "some_other_event"
mixpanel.track('some_other_event');

// create an instance of the Mixpanel object
// route requests to Mixpanel's EU servers
mixpanel.init('YOUR_PROJECT_TOKEN', {
    api_host: 'https://api-eu.mixpanel.com',
});

// create an instance of the Mixpanel object
// route requests to Mixpanel's India servers
mixpanel.init('YOUR_PROJECT_TOKEN', {
    api_host: 'https://api-in.mixpanel.com',
});

//create an instance of the Mixpanel object
// disable IP address for geolocation parsing
mixpanel.init('YOUR_PROJECT_TOKEN', {
    ip: false
});

//create an instance of the Mixpanel object
// stop setting the $os and $browser event properties
mixpanel.init('YOUR_PROJECT_TOKEN', {
    property_blacklist: ['$browser','$os']
});

// create an instance of the Mixpanel object
mixpanel.init('YOUR_PROJECT_TOKEN', {
    'secure_cookie': true   // prevent transmitting cookie with non-HTTPs requests
});

// create an instance of the Mixpanel object
mixpanel.init('YOUR_PROJECT_TOKEN', {
    'cross_subdomain_cookie': false   // prevent cookie persistence across subdomains
});

# -------------------------------------------------------------------
# Mixpanel Proxy – nginx reference config
# -------------------------------------------------------------------
# Proxies tracking, Session Replay, and CDN assets through your domain.
#
# Adapt the /_mp/ prefix and upstream hosts as needed.
# Using a variable for the upstream host forces nginx to use its
# configured resolver instead of the system resolver.
# -------------------------------------------------------------------

# Tracking endpoints → api.mixpanel.com
# If you have EU or IN residency enabled, use api-eu.mixpanel.com or api-in.mixpanel.com respectively
location /_mp/api/ {
    proxy_ssl_server_name on;
    proxy_set_header Host api.mixpanel.com;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Host $server_name;
    client_max_body_size 10m;
    proxy_pass https://api.mixpanel.com/;
}

# Proxy all async module files (recorder, targeting, etc.) to cdn.mxpnl.com/libs/
location /_mp/libs/ {
    proxy_ssl_server_name on;
    proxy_set_header Host cdn.mxpnl.com;
    proxy_pass https://cdn.mxpnl.com/libs/;
}

const MIXPANEL_PROXY_HOST = "https://your-domain.com/_mp";
const MIXPANEL_CUSTOM_LIB_URL = MIXPANEL_PROXY_HOST + "/libs/mixpanel-2-latest.min.js";

mixpanel.init("YOUR_PROJECT_TOKEN", {
    api_host: MIXPANEL_PROXY_HOST + "/api",
    lib_base_path: MIXPANEL_PROXY_HOST + "/libs/",
});