Documentation

Developers

API References
Data Subject Request API

Data Subject Request API Version 1 and 2

Data Subject Request API Version 3

Platform API

Platform API Overview

Accounts

Apps

Audiences

Calculated Attributes

Data Points

Feeds

Field Transformations

Services

Users

Workspaces

Warehouse Sync API

Warehouse Sync API Overview

Warehouse Sync API Tutorial

Warehouse Sync API Reference

Data Mapping

Warehouse Sync SQL Reference

Warehouse Sync Troubleshooting Guide

ComposeID

Warehouse Sync API v2 Migration

Bulk Profile Deletion API Reference

Calculated Attributes Seeding API

Custom Access Roles API

Data Planning API

Group Identity API Reference

Pixel Service

Profile API

Events API

mParticle JSON Schema Reference

IDSync

Client SDKs
AMP

AMP SDK

Android

Initialization

Configuration

Network Security Configuration

Event Tracking

User Attributes

IDSync

Screen Events

Commerce Events

Location Tracking

Media

Kits

Application State and Session Management

Data Privacy Controls

Error Tracking

Opt Out

Push Notifications

WebView Integration

Logger

Preventing Blocked HTTP Traffic with CNAME

Linting Data Plans

Troubleshooting the Android SDK

API Reference

Upgrade to Version 5

Cordova

Cordova Plugin

Identity

Flutter

Getting Started

Usage

API Reference

Direct Url Routing

Direct URL Routing FAQ

Web

Android

iOS

iOS

Initialization

Configuration

Event Tracking

User Attributes

IDSync

Screen Tracking

Commerce Events

Location Tracking

Media

Kits

Application State and Session Management

Data Privacy Controls

Error Tracking

Opt Out

Push Notifications

Webview Integration

Upload Frequency

App Extensions

Preventing Blocked HTTP Traffic with CNAME

Linting Data Plans

Troubleshooting iOS SDK

Social Networks

iOS 14 Guide

iOS 15 FAQ

iOS 16 FAQ

iOS 17 FAQ

iOS 18 FAQ

API Reference

Upgrade to Version 7

React Native

Getting Started

Identity

Roku

Getting Started

Identity

Media

Unity

Upload Frequency

Getting Started

Opt Out

Initialize the SDK

Event Tracking

Commerce Tracking

Error Tracking

Screen Tracking

Identity

Location Tracking

Session Management

Xbox

Getting Started

Identity

Web

Initialization

Configuration

Content Security Policy

Event Tracking

User Attributes

IDSync

Page View Tracking

Commerce Events

Location Tracking

Media

Kits

Application State and Session Management

Data Privacy Controls

Error Tracking

Opt Out

Custom Logger

Persistence

Native Web Views

Self-Hosting

Multiple Instances

Web SDK via Google Tag Manager

Preventing Blocked HTTP Traffic with CNAME

Facebook Instant Articles

Troubleshooting the Web SDK

Browser Compatibility

Linting Data Plans

API Reference

Upgrade to Version 2 of the SDK

Xamarin

Getting Started

Identity

Web

Alexa

Server SDKs

Node SDK

Go SDK

Python SDK

Ruby SDK

Java SDK

Quickstart
Android

Overview

Step 1. Create an input

Step 2. Verify your input

Step 3. Set up your output

Step 4. Create a connection

Step 5. Verify your connection

Step 6. Track events

Step 7. Track user data

Step 8. Create a data plan

Step 9. Test your local app

HTTP Quick Start

Step 1. Create an input

Step 2. Create an output

Step 3. Verify output

iOS Quick Start

Overview

Step 1. Create an input

Step 2. Verify your input

Step 3. Set up your output

Step 4. Create a connection

Step 5. Verify your connection

Step 6. Track events

Step 7. Track user data

Step 8. Create a data plan

Java Quick Start

Step 1. Create an input

Step 2. Create an output

Step 3. Verify output

Node Quick Start

Step 1. Create an input

Step 2. Create an output

Step 3. Verify output

Python Quick Start

Step 1. Create an input

Step 2. Create an output

Step 3. Verify output

Web

Overview

Step 1. Create an input

Step 2. Verify your input

Step 3. Set up your output

Step 4. Create a connection

Step 5. Verify your connection

Step 6. Track events

Step 7. Track user data

Step 8. Create a data plan

Tools

mParticle Command Line Interface

Linting Tools

Smartype

Media SDKs

iOS

Web

Android

Guides
Partners

Introduction

Outbound Integrations

Outbound Integrations

Firehose Java SDK

Inbound Integrations

Kit Integrations

Overview

Android Kit Integration

JavaScript Kit Integration

iOS Kit Integration

Compose ID

Data Hosting Locations

Glossary

Rules Developer Guide

Migrate from Segment to mParticle

Migrate from Segment to mParticle

Migrate from Segment to Client-side mParticle

Migrate from Segment to Server-side mParticle

Segment-to-mParticle Migration Reference

API Credential Management

The Developer's Guided Journey to mParticle

Guides

Getting Started

Create an Input

Start capturing data

Connect an Event Output

Create an Audience

Connect an Audience Output

Transform and Enhance Your Data

Platform Guide
The New mParticle Experience

The new mParticle Experience

The Overview Map

Observability

Observability Overview

Observability User Guide

Observability Span Glossary

Introduction

Data Retention

Connections

Activity

Live Stream

Data Filter

Rules

Tiered Events

mParticle Users and Roles

Analytics Free Trial

Troubleshooting mParticle

Usage metering for value-based pricing (VBP)

Analytics

Introduction

Setup

Sync and Activate Analytics User Segments in mParticle

User Segment Activation

Welcome Page Announcements

Settings

Project Settings

Roles and Teammates

Organization Settings

Global Project Filters

Portfolio Analytics

Analytics Data Manager

Analytics Data Manager Overview

Events

Event Properties

User Properties

Revenue Mapping

Export Data

UTM Guide

Query Builder

Data Dictionary

Query Builder Overview

Modify Filters With And/Or Clauses

Query-time Sampling

Query Notes

Filter Where Clauses

Event vs. User Properties

Group By Clauses

Annotations

Cross-tool Compatibility

Apply All for Filter Where Clauses

Date Range and Time Settings Overview

Understanding the Screen View Event

Analyses

Analyses Introduction

Segmentation: Basics

Getting Started

Visualization Options

For Clauses

Date Range and Time Settings

Calculator

Numerical Settings

Segmentation: Advanced

Assisted Analysis

Properties Explorer

Frequency in Segmentation

Trends in Segmentation

Did [not] Perform Clauses

Cumulative vs. Non-Cumulative Analysis in Segmentation

Total Count of vs. Users Who Performed

Save Your Segmentation Analysis

Export Results in Segmentation

Explore Users from Segmentation

Funnels: Basics

Getting Started with Funnels

Group By Settings

Conversion Window

Tracking Properties

Date Range and Time Settings

Visualization Options

Interpreting a Funnel Analysis

Funnels: Advanced

Group By

Filters

Conversion over Time

Conversion Order

Trends

Funnel Direction

Multi-path Funnels

Analyze as Cohort from Funnel

Save a Funnel Analysis

Explore Users from a Funnel

Export Results from a Funnel

Cohorts

Getting Started with Cohorts

Analysis Modes

Save a Cohort Analysis

Export Results

Explore Users

Saved Analyses

Manage Analyses in Dashboards

Journeys

Getting Started

Event Menu

Visualization

Ending Event

Save a Journey Analysis

Users

Getting Started

User Activity Timelines

Time Settings

Export Results

Save A User Analysis

Dashboards

Dashboards––Getting Started

Manage Dashboards

Dashboard Filters

Organize Dashboards

Scheduled Reports

Favorites

Time and Interval Settings in Dashboards

Query Notes in Dashboards

User Aliasing

Analytics Resources

The Demo Environment

Keyboard Shortcuts

Tutorials

Analytics for Marketers

Analytics for Product Managers

Compare Conversion Across Acquisition Sources

Analyze Product Feature Usage

Identify Points of User Friction

Time-based Subscription Analysis

Dashboard Tips and Tricks

Understand Product Stickiness

Optimize User Flow with A/B Testing

User Segments

APIs

User Segments Export API

Dashboard Filter API

IDSync

IDSync Overview

Use Cases for IDSync

Components of IDSync

Store and Organize User Data

Identify Users

Default IDSync Configuration

Profile Conversion Strategy

Profile Link Strategy

Profile Isolation Strategy

Best Match Strategy

Aliasing

Data Master
Group Identity

Overview

Create and Manage Group Definitions

Introduction

Catalog

Live Stream

Data Plans

Data Plans

Blocked Data Backfill Guide

Personalization
Predictive Attributes

Predictive Attributes Overview

Create Predictive Attributes

Assess and Troubleshoot Predictions

Use Predictive Attributes in Campaigns

Predictive Audiences

Predictive Audiences Overview

Using Predictive Audiences

Introduction

Profiles

Calculated Attributes

Calculated Attributes Overview

Using Calculated Attributes

Create with AI Assistance

Calculated Attributes Reference

Audiences

Audiences Overview

Real-time Audiences

Standard Audiences

Journeys

Journeys Overview

Manage Journeys

Download an audience from a journey

Audience A/B testing from a journey

Journeys 2.0

Warehouse Sync

Data Privacy Controls

Data Subject Requests

Default Service Limits

Feeds

Cross-Account Audience Sharing

Approved Sub-Processors

Import Data with CSV Files

Import Data with CSV Files

CSV File Reference

Glossary

Video Index

Analytics (Deprecated)
Identity Providers

Single Sign-On (SSO)

Setup Examples

Settings

Debug Console

Data Warehouse Delay Alerting

Introduction

Developer Docs

Introduction

Integrations

Introduction

Rudderstack

Google Tag Manager

Segment

Data Warehouses and Data Lakes

Advanced Data Warehouse Settings

AWS Kinesis (Snowplow)

AWS Redshift (Define Your Own Schema)

AWS S3 (Snowplow Schema)

AWS S3 Integration (Define Your Own Schema)

BigQuery (Snowplow Schema)

BigQuery Firebase Schema

BigQuery (Define Your Own Schema)

GCP BigQuery Export

Snowflake (Snowplow Schema)

Snowplow Schema Overview

Snowflake (Define Your Own Schema)

APIs

REST API

Dashboard Filter API (Deprecated)

User Segments Export API (Deprecated)

SDKs

SDKs Introduction

React Native

iOS

Android

Java

JavaScript

Python

Object API

Developer Basics

Aliasing

JavaScript Kit Integration

This guide is meant for integration partners who would like to add their own SDK or functionality to the mParticle platform. While each integration is unique, we follow a somewhat standard process for getting data from mParticle to our partners client-side.

Kit Overview

The mParticle Core Web SDK is responsible for detecting, initializing, and forwarding data to the kit framework. By default, the Core SDK dependency does not include any kits. Individual kits are activated by customers. The kit framework allows you to hook into and listen for mParticle’s public APIs as well as crucial application lifecycle events. It’s the responsibility of the kit implementation to then map those APIs onto the respective partner APIs. Kits often load a 3rd-party SDK dynamically.

Configuration

At runtime, the Web Core SDK will receive configuration options from the mParticle server, telling it which kits to initialize. In a typical scenario whereby a kit embeds and wraps a 3rd-party SDK, the configuration will include a map of settings, including the API credentials needed by the partner SDK. Customers use the mParticle dashboard to enable kits and provide their credentials.

Environment Setup

In order to build and iterate on your kit, there are a few steps to get up and running:

Getting Started

mParticle provides a sample repository that you can fork in order to create your kit integration. To get started, fork and clone down the code. You should push your code to your public repository and work with the mParticle partnerships and engineering team to get your kit released.

Get the example kit implementation here

Implementation

In your fork you will find a repository with a directory structure as follows. Asterisked files are the only files you will update. Do not touch any code inside the boilerplate files or folders.

mparticle-javascript-integration-example
|
|-- dist/
|–– src/
|   |–– *commerce-handler.js
|   |–– *event-handler.js
|   |–– *identity-handler.js
|   |–– *initialization.js
|   |–– *session-handler.js
|   |–– *user-attribute-handler.js
|–– test/
|   |–– boilerplate/
|       |–– karma.config.js
|       |–– mockhttprequest.js
|       |–– test-index.js
|       |–– test-karma.js
|   |–– end-to-end-testapp/
|       |–– build/
|       |–– *settings.js
|   |–– *index.html
|   |–– *tests.js
|–– README.md

Only the files with a * above should be edited in order to build your integration.

API Overview - Building Your Integration

It is important to note that your integration should be built using ECMAScript 5 for maximum browser compatibility. For simplicity, we do not use Babel or other transpilers as part of our workflow for integrations.

Each xyz-handler.js file has comments with more detailed instructions and schemas within them, but generally speaking, for the commerce-handler, event-handler, and session-handler, an mParticle event object is routed through each method, and you must transform these event objects to match a schema that your SDK can ingest. In addition to the comments, we recommend viewing a partner example that we have created, such as the Optimizely Integration.

We use Browserify, which follows a node-like require syntax, to modularize and compile our code to make creating an integration very easy for you. When necessary, you can create additional utility files in the integration-builder folder to share across the xyz-handler.js files. This may be necessary if you have certain settings or functions that need to be shared across files.

Once you have the code downloaded to your computer, open the directory in a command line window, then:

  1. npm install to install dependencies
  2. KIT=NameOfYourKit npm run watch, which watches all files in src/ and builds a file at dist/NameOfYourKit-Kit.iife.js.
  3. In test/index.html, change dist/XYZ-Kit.iife.js to dist/NameOfYourKit-Kit.iife.js where noted.
  4. In src/initialization.js, change name: 'insertSDKNameHere' to name: 'XYZ' and fill out initForwarder to load your SDK.

Please email partner-integrations@mparticle.com for your kit name and kit ID.

Kit Interfaces

Initialization

mParticle’s Core Web SDK loads via a <head> tag. The integration you build will load your SDK via a dynamic script tag that gets placed into the header of the client’s webpage. In initialization.js, modify the code to include the web address to pull your script down, as well as any other code necessary to initialize an instance of your SDK.

Commerce Handler

Kits should implement this interface in order to listen for eCommerce events. These can include events such as AddToCart, RemoveFromCart, PurchaseEvents and more. A full list of supported mParticle commerce event types can be found here.

Event Handler

Kits should implement this listener to ensure they receive events as they are sent into the mParticle SDK. These can include Page Views or Search events. A full list of supported mParticle page event types can be found here.

Identity Handler

Kits should implement this interface when their underlying service has the notion of a user with identities. You can read more about mParticle’s Identity system here.

Session Handler

Kits should implement this interface when their underlying service has the notion of sessions in order for mParticle and your sessions to be more aligned.

User Attribute Handler

Kits should implement this interface when their underlying service has the notion of a user with attributes.

Unit/Integration Tests

We use the popular frameworks Mocha/Should to test our integrations. Following a live example such as Optimizely is a great way to get started testing your integration before performing end-to-end testing. Some key things to point out:

  • Inside of test/tests.js, you should stub all methods on your SDK that are called in your integration in the MockXYZForwarder section.
  • We recommend that you have a test for every method you stub above, and test for if the method was called, in addition to ensuring the event data is properly being processed.
  • Open test/index.html to run your tests and debug.

End-to-End Testing

Included in the dependencies of the example repo that you cloned is a framework that allows you to test the mappings you’ve made to your SDK. With this, you can confirm the proper network events are triggered when you log mParticle methods that you mapped. Follow the steps below to properly set up your test app to perform end-to-end testing of your integration before submitting it to mParticle for review and next steps.

  1. Update test/end-to-end-testapp/settings.js to include any required settings for SDK initialization. Common settings include an apiKey that your customers use in order to send it to the proper integration.
  2. In your terminal, in the root of the integration-builder, run npm run testEndToEnd. This will build a file that includes your built integration, as well as the settings from step 1 above. A very basic node server will start, and a browser window will open loading the test app as well as your integration and settings that were just built.
  3. Open the console of your browser and run mParticle methods that you mapped. For example, let’s say you mapped our basic logEvent method. If you run mParticle.logEvent('test event') in the console, you should see a network request triggered sending this event to your SDK in the schema you programmed when building your integration. If your SDK has an admin UI, you can confirm there that data is being sent from mParticle to your SDK successfully.

Publishing Your Kit

Once you have verified that your integration works properly, there are a few additional steps to publish your kit:

  1. Host your kit source code on your public GitHub repository. Please include a README for your new kit - see this example.
  2. Email partner-integrations@mparticle.com with the repository URL of your new kit. mParticle must establish the connection between your mParticle module and kit source location.
  3. Once your code is live and available via NPM, follow the SDK docs to perform a basic instrumentation of mParticle, using the application key and secret provided to you by mParticle.
  4. Add your SDK as an output in the mParticle UI, and connect it to the JavaScript input. Update any necessary settings. Note that any new settings will take up to 1 hour to update via our CDNs.

Additional eCommerce Helpers

mParticle provides a public API used for simplifying commerce events: mParticle.eCommerce.expandEcommerceEvent(event). This will output an array of objects with easy to read mapped items. Common schemas are below

// Purchases Example code:
var productName = 'iPhone',
    sku = 'iPhone123'
    price = 599,
    quantity = 1,
    variant = '6S',
    brand = 'apple',
    position = 'foo-position',
    coupon = 'couponCode',
    productAttributes = {
        color: 'gold',
        size: '64gb'
    };

var product = mParticle.eCommerce.createProduct(productName, sku, price, quantity, variant, category, brand, position, coupon, productAttributes)

var transactionId = 'tID123',
    affiliation = 'foo-affiliation',
    couponCode = 'transCouponCode',
    revenue = 599,
    shipping = 10,
    tax = 50;

var transactionAttributes = mParticle.eCommerce.createTransactionAttributes(transactionId, affiliation, transCouponCode, revenue, shipping, tax);

var eventAttributes = {
    sale: 'blackFridaySale',
    campaign: 'campaign001'
};

mParticle.eCommerce.logPurchase(transactionAttributes, product, false, eventAttributes);
// the above would create a `purchaseEvent` passed to your integration, which you could call the `expandEcommerceEvent` on as follows

var expandedEcommerceItems = mParticle.eCommerce.expandEcommerceEvent(purchaseEvent);
// yields --> expandedEcommerceItems = [
    {
        EventName: 'eCommerce - purchase - Total',
        EventAttributes: {
            'Transaction Id': 'tID123',
            'Affiliation': 'foo-affiliation',
            'Coupon Code': 'transCouponCode',
            'Total Amount': 400,
            'Shipping Amount': 10,
            'Product Count': 1,
            'Tax Amount': 8,
            'Currency Code': 'foo-currency',
            'sale': 'blackFridaySale',
            'campaign': 'campaign001'
        }
    },
    ...
    {
        EventName: 'eCommerce - purchase - Item',
        EventAttributes: {
            'Coupon Code': 'foo-transaction-id',
            'Brand': 'foo-affiliation',
            'Category': 'foo-couponcode',
            'Name': 400,
            'Id': 10,
            'Item Price': 1,
            'Quantity': 8,
            'Position': 'foo1',
            'OtherProductAttributeKey1': 'fooPA1',
            'OtherProductAttributeKey2': 'fooPA2'
        }
    }]
// if multiple products were purchased, each ensuing product would be similar to expandedEcommerceItems[1] above.

Purchase events yield what we call a “Plus One” event, (the eCommerce - purchase - Total object in expandedEcommerceItems[0] above) in addition to each purchase item.

Other eCommerce events map their event names similar to the above in snake case. See here product action types as well as promotion action types. ie:

eCommerce Type Event Name
Add to Cart eCommerce - add_to_cart - Item
Remove from Cart eCommerce - remove_from_cart - Item
Checkout eCommerce - checkout - Item

Was this page helpful?

    Last Updated: November 12, 2024