Nucleus Documentation
HomePricingLive Demo
  • ☀️Welcome!
  • 🦸Quick Start
  • 📖Compliance
  • 📚Reference
    • 🏹Tracking API
    • 🔗Data API V1
  • 📦Modules
    • Electron.js / Tauri
    • Browser
    • Python
    • Swift
    • React Native
Powered by GitBook
On this page
  • Table of Contents
  • Getting Started
  • Installation
  • Usage
  • API
  • Tracking
  • Error Tracking
  • User Identification
  • Page Tracking
  • Disabling Tracking
  • Enabling Tracking
  1. Modules

Browser

PreviousElectron.js / TauriNextPython

Last updated 1 year ago

Astrolytics

Table of Contents

  1. Getting Started

  2. Usage

  3. How to Contribute

Getting Started

Installation

As NPM package (recommended)

# with npm
npm install astrolytics-browser

# or with yarn
yarn add astrolytics-browser

or as browser script

<script src="https://cdn.jsdelivr.net/npm/astrolytics-browser/dist/bundle.iife.js"></script>

we recommend using a specific version in case a non-backwards compatible change is introduced

<script src="https://cdn.jsdelivr.net/npm/astrolytics-browser@<version>/dist/bundle.iife.js"></script>

Usage

import Astrolytics from 'astrolytics-browser';

Astrolytics.init('YOUR_APP_ID');

You can check examples with different frameworks here.

API

Astrolytics supports passing the following options as second argument to the Astrolytics.init() method:

Astrolytics.init('APP_ID', {
  endpoint: 'wss://app.astrolytics.io', // only option, we don't allow self hosting yet :(
  disableInDev: true, // disable in development mode. We recommend not to call
                      // `init` method, as that will be more reliable.
  debug: false, // if set to `true`, will log a bunch of things.
  disableTracking: false, // will not track anything. You can also use `Astrolytics.disableTracking()`.
                          // note that some events will still be added to the queue, so if you call
                          // Astrolytics.enableTracking() again, they will be sent to the server.
  automaticPageTracking: true, // will track all page changes.
  reportInterval: 2 * 1000, // at which interval the events are sent to the server.
  sessionTimeout: 60 * 30 * 1000, // time after which the session is ended
  cutoff: 60 * 60 * 48 * 1000, // time after which event that were not sent yet are deleted
  disableErrorReports: false, // wether to disable error tracking
})

Tracking

Track events with optional custom data

Astrolytics.track("click", { foo: 'bar' });

Error Tracking

Track errors with a name and the Error object.

Astrolytics.trackError(name, error);

By default Astrolytics will listen for window.onerror and window.onunhandledrejection events and send them to the API. If you want to disable this behaviour, you can set disableErrorReports to true:

Astrolytics.init('APP_ID', { disableErrorReports: true })

User Identification

Identify a user by a unique ID and optionally set custom properties.

Astrolytics.identify('04f8846d-ecca-4a81-8740-f6428ceb7f7b', { firstName: 'Brendan', lastName: 'Eich' });

Page Tracking

Track page views with the page name and optional parameters. If the page name is not provided, the current window's pathname is used.

Astrolytics.page('/about', { foo: 'baz' });

By default, Astrolytics will track any page change by polling the url every 50 ms. If you prefer to manually track page changes, set automaticPageTracking to false and call Astrolytics.page() on every page change.

Disabling Tracking

To disable tracking

Astrolytics.disableTracking();

Enabling Tracking

To enable tracking

Astrolytics.enableTracking();

To get started with Astrolytics, create an account at and grab the App ID, then use the SDK to start tracking events.

Replace 'YOUR_APP_ID' with the unique ID of your app. You can get it .

📦
Astrolytics
here