Interactive Playground

This page is collecting data using Glean.js. Customize the configuration and then click Initialize.

Configuration

Debug Tag:
Session Duration (in minutes):
Upload Enabled
Automatic Page Load Events
Automatic Click Events

Demo

For the best demo experience open your browser console. All pings are sent to the Debug Ping Viewer. Data from this page is sent in real-time. You can see Pings or the Event Stream as they are received by the pipeline.

Page Loads

Record a page load event by reloading this page.

Automatic page load events are not enabled. Refreshing the page will not record an event.

Record a page load event using the manual override API: GleanMetrics.pageLoad.

URL:
Referrer:
Title:

Click Events

Record a click event using the data-glean-* html attributes.

Automatic click events are not enabled. Clicking this button will not record an event.

Record a click event using the manual override API: GleanMetrics.recordElementClick.

ID:
Type:
Label:

Generated Glean.js Configuration

A Glean.js configuration that you can copy and paste into your app. To update the configuration object, make changes above and click "Initialize".

import Glean from '@mozilla/glean/web';

// Invoke as early as possible in your application.
Glean.initialize("gleanjs-docs", true);