Skip to main content
The Tappd Web SDK gives you everything you need to understand your users and communicate with them — directly inside your web application. Drop it into any JavaScript project to start capturing events, managing sessions, displaying in-app messages, and sending push notifications, all without compromising on performance or flexibility.

​
Key features

Automatic Session Management

Uses a hybrid browser and time-based approach to track sessions accurately across page reloads and tab switches.

Anonymous User Tracking

Tracks users before they identify themselves, then automatically merges anonymous data when they log in.

Auto Page View Tracking

Records every page visit out of the box, including navigation in single-page applications via the History API.

Manual Event Tracking

Send custom events with any properties you choose — purchases, clicks, signups, and more.

In-App Messages

Display banners, popups, and modals built in the Tappd dashboard, triggered automatically or on demand.

Web Push Notifications

Reach users with browser-level push notifications even when they’re not actively on your site.

Auto-Capture

Optionally capture every link click and form submission without writing a single tracking call.

UTM & Duration Tracking

Automatically extracts UTM parameters from URLs and records how long users spend on each page.

​
Supported frameworks

The Web SDK works with any JavaScript environment. You don’t need a specific framework — if it runs JavaScript, it works with Tappd.
FrameworkSupported
React✅
Vue.js✅
Next.js✅
Nuxt.js✅
Angular✅
Vanilla JavaScript✅
Any JS framework✅

​
Install the SDK

Choose the installation method that fits your project. Use the CDN option for a fast proof-of-concept or simple sites; use NPM for production applications with a build step. 
<script src="https://cdn.gotappd.com/web-sdk/v1/tappd-sdk.min.js"></script>
<script>
  const tappd = new TappdSDK.TappdSDK({
    appId: 'YOUR_APP_ID',
    apiUrl: 'https://sdk.gotappd.com/api/v1/sdk'
  });
</script>

​
Next steps

Quickstart

Follow the step-by-step guide to go from zero to tracking in minutes.

Configuration

Explore every configuration option and tune the SDK to your needs.

API Reference

Browse the full method documentation for the Web SDK.