Web SDK Instrumentation

​

Overview

This guide walks you through installing and initializing the PlayerZero Web SDK in your application. Once integrated, you’ll be able to track users, send custom events, and generate debugging links. To learn more about how PlayerZero leverages user sesssions, see the User Session Data overview.

​

Basic Setup Guide

​

Prerequisites

• You’ll need your Project ID, which can be found under Settings > Web SDK in the PlayerZero dashboard.
• Decide which integration method you prefer:
  • Install the npm package (recommended for most modern frontend frameworks)
  • Add a direct script tag (no build system required)
  • Connect Segment events (integrate via analytics pipeline)

​

Available Integration Guides

Choose the integration method that fits your stack:

• npm Installation - Install the PlayerZero SDK via npm or yarn. Best for React, Angular, Vue, and other modern frontend frameworks.

• Script Tag Setup - Add PlayerZero to your site with a single script tag. Ideal for websites without a module bundler.

• Segment Events Integration - Use your existing Segment integration to send events and identify users with no extra SDK setup.