/* Card Container */
.card-container {
    border-radius: 0.7rem;
    /* rounded-xl */
    width: 100%;
    height: 100%;
}

/* Base Card Styles */
.landing-card {
    border-radius: 0.7rem;
    /* rounded-lg */
    padding: 1.4rem;
    /* p-6 */
    width: 100%;
    height: 100%;
    transition: background-color 0.1s ease;
    cursor: pointer;
}

/* Card Content Layout */
.card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* Card Header */
.card-header {
    margin-bottom: 1.4rem;
    /* mb-8 */
}

/* Card Text Container */
.card-text {
    font-weight: 400;
    /* font-normal */
    /* text-base */
    color: white;
}

/* Card Title */
.card-title {
    font-weight: 700;
    /* font-bold */
    font-size: 1.125rem;
    /* text-lg */
    display: block;
    margin-bottom: 0.25rem;
    /* mb-1 */
}

/* Card Description */
.card-description {
    font-weight: 500;
    /* font-normal */
    opacity: 0.7;
}

/* Card Footer */
.card-footer {
    margin-top: auto;
    /* mt-auto */
}

/* Card Variants */
.card-primary {
    background-color: #7B6BFF;
}

.card-primary:hover {
    background-color: #9B8FFF;
}

.card-secondary {
    background-color: #1A1A1A;
}

.card-secondary:hover {
    background-color: #333333;
}

.card-tertiary {
    background-color: #228B22;
}

.card-tertiary:hover {
    background-color: #2AAD29;
}

.grid {
    row-gap: 1rem;
}

#navigation-items {
    width: max-content;
}

/* styles.css */

/* styles.css */

.visible-link-container {
    margin: 8px 0;
}

.visible-link {
    font-weight: 600;
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color 0.2s;
}

.visible-link:hover {
    color: #553c9a;
}


Monitor your customers on your web application.

Web SDK

PlayerZero

Use PlayerZero to monitor, diagnose, and resolve software issues before they reach your users.

Welcome to PlayerZero

How PlayerZero Works

Deploy PlayerZero

Resolve Customer Issues

Resolve Customer Issues with PlayerZero

Retrieve Insights from Code

Retrieve Code Insights with PlayerZero

Monitor for Anomalies

Monitor for Anomalies with PlayerZero

Analyze Code Quality

Analyze Code Quality with PlayerZero

Create Documentation

Create Codebase Documentation with PlayerZero

Manage Sprawling Codebases

Manage Sprawling Codebases with PlayerZero

Source Control Management

User Session Data

Backend Telemetry

Project Management Tickets

Customer Support Tickets

Quick Start Guide

Integrate PlayerZero with your customer support platforms to correlate user-reported issues with code changes and telemetry.

Connect Customer Ticketing Tools

Send user actions + associate traceIds to users.

Tracked Events

Track logs from your data source in PlayerZero.

Logs

Spans are tasks that your code runs over a period of time (ie. a network / API call)

Spans

Our perspective on privacy, data handling, and code-centric intelligence.

The PlayerZero Philosophy

Configure your repository to exclude sensitive or unnecessary files from PlayerZero’s analysis.

Omitting Files Using .pzignore

Configure a private S3 bucket for secure and compliant PlayerZero storage.

Enabling Private Data Storage

Debug any issue down to the line of code, and make sure it never happens again.

Introduction

The fastest way to get to the magic and understand what's happening.

Quickstart

npm Library

Script tag

Setup with Segment

PlayerZero is configured at the domain level allowing you to control what is and isn't captured.

Configuration

PlayerZero is engineered for optimal efficiency with minimal impact on your site’s performance.

Performance

Enable your users and teammates to instantly share full sessions, including technical context, with a shareable URL.

Debug Mode

Build a custom button that triggers the PlayerZero devtools window.

Build a custom styled button

Missing Network Calls

Send Open Telemetry to multiple locations

First party support for distributed traces and logs with OpenTelemetry.

Open Telemetry Setup

Setup OpenTelemetry on a Java setup, with special instructions for SpringBoot.

Java Setup

Node.js auto-instrumentation for backend spans, traces, and logs.

Node Setup

Excluding Files with .pzignore

We're an opinionated product trying to make product quality better for everyone.

Point PlayerZero to an S3 bucket that we can use for our persistent file storage.

Private Data Storage

PlayerZero uses API connectors to quickly import data from your stack.

Connectors

Docs

PlayerZero for Github automatically imports your codebase into PlayerZero, providing automatic risk analysis, release monitoring, and other AI enabled features.

GitHub

PlayerZero for Azure Repos automatically imports your codebase into PlayerZero, providing automatic risk analysis, release monitoring, and other AI enabled features.

Azure Repos

PlayerZero for Bitbucket automatically imports your codebase into PlayerZero, providing automatic risk analysis, release monitoring, and other AI enabled features.

Bitbucket

Import Jira tickets to PlayerZero to enhance regression detection and more.

Jira

Import Linear tickets to PlayerZero to enhance regression detection and more.

Linear

Import Azure Devops tickets to PlayerZero to enhance regression detection and more.

Azure Devops

Import GitLab tickets to PlayerZero to enhance regression detection and more.

GitLab

Import Aha! tickets to PlayerZero to enhance regression detection and more.

Aha!

Import Asana tickets to PlayerZero to enhance regression detection and more.

Asana

Import Basecamp tickets to PlayerZero to enhance regression detection and more.

Basecamp

Import ClickUp tickets to PlayerZero to enhance regression detection and more.

ClickUp

Import Height tickets to PlayerZero to enhance regression detection and more.

Height

Import Hive tickets to PlayerZero to enhance regression detection and more.

Hive

Import PivotalTracker tickets to PlayerZero to enhance regression detection and more.

PivotalTracker

“Import Rally tickets to PlayerZero to enhance regression detection and more."

Rally

Import Trello tickets to PlayerZero to enhance regression detection and more.

Trello

Import Wrike tickets to PlayerZero to enhance regression detection and more.

Wrike

Import Zoho Desk service tickets to PlayerZero to measure the customer impact of your code.

Zoho Desk

Import Zendesk support tickets to PlayerZero to measure the customer impact of your code.

Zendesk

Import Intercom chat tickets to PlayerZero to measure the customer impact of your code.

Intercom

Import Salesforce support tickets to PlayerZero to measure the customer impact of your code.

Salesforce Service Cloud

Import Jira Service Management service tickets to PlayerZero to measure the customer impact of your code.

Jira Service Management

Import Front service tickets to PlayerZero to measure the customer impact of your code.

Front

Import Dixa tickets to PlayerZero to enhance regression detection and more.

Dixa

Import Freshdesk service tickets to PlayerZero to measure the customer impact of your code.

Freshdesk

Import Freshservice service tickets to PlayerZero to measure the customer impact of your code.

Freshservice

Import Gladly service tickets to PlayerZero to measure the customer impact of your code.

Gladly

Import Gorgias service tickets to PlayerZero to measure the customer impact of your code.

Gorgias

Import Helpscout service tickets to PlayerZero to measure the customer impact of your code.

Helpscout

Import Kustomer service tickets to PlayerZero to measure the customer impact of your code.

Kustomer

Import Re:amaze service tickets to PlayerZero to measure the customer impact of your code.

Re:amaze

Import Servicenow chat and service tickets to PlayerZero to measure the customer impact of your code.

ServiceNow

Import Shortcut service tickets to PlayerZero to measure the customer impact of your code.

Shortcut

Import Spotdraft tickets to PlayerZero to enhance regression detection and more.

Spotdraft

Import Teamwork tickets to PlayerZero to enhance regression detection and more.

Teamwork

Import Zoho BugTracker service tickets to PlayerZero to measure the customer impact of your code.

Zoho BugTracker

Capture engineering telemetry data through AWS Cloudwatch and PlayerZero will connect technical context to customer issues happening in real time.

AWS Cloudwatch

Capture engineering telemetry data through Datadog and PlayerZero will connect technical context to customer issues happening in real time.

Datadog

Capture engineering telemetry data through Opentelemetry and PlayerZero will connect technical context to customer issues happening in real time.

Opentelemetry

Capture engineering telemetry data through Sentry and PlayerZero will connect technical context to customer issues happening in real time.

Sentry

Connect analytics events through Amplitude and PlayerZero will show the real time behavioral impact of issues on your users.

Amplitude

Connect analytics events through Mixpanel and PlayerZero will show the real time behavioral impact of issues on your users.

Mixpanel

Connect analytics events through Segment and PlayerZero will show the real time behavioral impact of issues on your users.

Segment

Capture analytics events through the PlayerZero SDK and PlayerZero will show the real time behavioral impact of issues on your users.

Import Microsoft Dynamics 365 Sales contact insights to PlayerZero to enrich customer risk and impact profiles.

Microsoft Dynamics 365 Sales

Import Hubspot contact insights to PlayerZero to enrich customer risk and impact profiles.

Hubspot

Import Pipedrive contact insights to PlayerZero to enrich customer risk and impact profiles.

Pipedrive

Import Salesforce contact insights to PlayerZero to enrich customer risk and impact profiles.

Salesforce

Import Accelo contact insights to PlayerZero to enrich customer risk and impact profiles.

Accelo

Import Active Campaign contact insights to PlayerZero to enrich customer risk and impact profiles.

Active Campaign

Import Capsule contact insights to PlayerZero to enrich customer risk and impact profiles.

Capsule

Import Close contact insights to PlayerZero to enrich customer risk and impact profiles.

Close

Import Copper contact insights to PlayerZero to enrich customer risk and impact profiles.

Copper

Import Insightly contact insights to PlayerZero to enrich customer risk and impact profiles.

Insightly

“Import Keap contact insights to PlayerZero to enrich customer risk and impact profiles.”

Keap

Import Nutshell contact insights to PlayerZero to enrich customer risk and impact profiles.

Nutshell

Import Pipeliner contact insights to PlayerZero to enrich customer risk and impact profiles.

Pipeliner

Import Salesflare contact insights to PlayerZero to enrich customer risk and impact profiles.

Salesflare

Import Sugarcrm contact insights to PlayerZero to enrich customer risk and impact profiles.

Sugarcrm

Import Teamleader contact insights to PlayerZero to enrich customer risk and impact profiles.

Teamleader

“Import Vtiger contact insights to PlayerZero to enrich customer risk and impact profiles.”

Vtiger

Import Zendesk Sell contact insights to PlayerZero to enrich customer risk and impact profiles.

Zendesk Sell

Import Zoho CRM contact insights to PlayerZero to enrich customer risk and impact profiles.

Deploy PlayerZero

Configuration Guides

User Guides

Observability API

Security and Data Privacy

Web SDK

Include the PlayerZero sdk via npm

Embed the PlayerZero script tag

Setup with Segment