@glomex/integration-npaw

@glomex/integration-npaw

NPAW analytics integration for the turbo player.

Installation

npm install @glomex/integration-npaw

Usage

Basic Setup

import { setupNpaw } from '@glomex/integration-npaw';

// Get your integration element
const integration = document.querySelector('glomex-integration');

// Simple setup for NPAW analytics (that also handles consent)
const { npawPlugin } = setupNpaw(integration, {
  accountCode: 'your-npaw-account-code'
});

Advanced Configuration

import { setupNpaw } from '@glomex/integration-npaw';

const { npawPlugin, destroy } = setupNpaw(integration, 'your-npaw-account-code');

npawPlugin.setAnalyticsOptions({
  userId: 'my-user-id',
  'content.customDimensions': {
    tenant: 'my-tenant'
  }
});

// ... after you're done with the integration, you can destroy the integration
destroy();

Direct NPAW integration

import { IntegrationEvent } from '@glomex/integration-web-component';
import { NpawTurboPlayerAdapter } from '@glomex/integration-npaw';
import NpawPlugin from 'npaw-plugin';

const npawPlugin = new NpawPlugin('your-npaw-account-code');
npawPlugin.registerAdapterFromClass(integration, NpawTurboPlayerAdapter);

Features

• 🎯 Easy Integration: Simple setup with glomex player
• 📊 Analytics: Full NPAW analytics support with custom glomex player adapter
• 🔧 Auto-Detection: Automatic detection of content type and source properties
• 📱 Cross-Platform: Works with web, mobile web, and embedded players
• 🚀 Streaming Protocol Detection: Automatic detection of HLS vs DASH streams

License

MIT

Support

For issues and questions, please visit the glomex documentation or contact support.