smartlook-client

import Smartlook from 'smartlook-client'; // For a real application, retrieve your Smartlook key from environment variables const SMARTLOOK_KEY = process.env.SMARTLOOK_KEY ?? 'YOUR_SMARTLOOK_PROJECT_KEY'; if (SMARTLOOK_KEY === 'YOUR_SMARTLOOK_PROJECT_KEY') { console.warn("Please replace 'YOUR_SMARTLOOK_PROJECT_KEY' with your actual Smartlook project key for proper functionality."); } Smartlook.init(SMARTLOOK_KEY, { region: 'eu', // Specify your data residency region ('eu' or 'us') cookies: true, // true by default; set to false to disable cookie storage for metadata advancedNetwork: { websockets: true, // Enable recording of WebSocket traffic allowedUrls: [/^https?:\/\/api\.example\.com\/.*/], // Regex patterns for URLs to record bodies/headers allowedHeaders: ['x-custom-request-id'] // Non-standard headers to record }, interceptors: { click: (data, context) => { // Prevent recording clicks on elements marked with data-no-smartlook-click if (context.target instanceof HTMLElement && context.target.dataset.noSmartlookClick) { return false; } // Modify click data, e.g., obscure text content return { ...data, text: 'CLICK_OBSCURED' }; }, network: (request, response) => { // Obscure sensitive response bodies from specific endpoints if (response && response.url.includes('/sensitive-data')) { return { ...response, body: '[OBSCURED_SENSITIVE_DATA]' }; } return response; }, error: (data, context) => { // Filter out known or non-critical errors if (data.message?.includes('Expected informational error')) { return; // Do not record this error } // Annotate recorded errors return { ...data, message: `[Smartlook Intercepted] ${data.message}` }; } }, relayProxyUrl: 'https://my-proxy-domain.com/' // Optional: URL for self-hosted relay proxy }); console.log('Smartlook client initialized and configured.'); // Example: Identifying a visitor with custom properties Smartlook.identify('user-unique-id-789', { name: 'Jane Doe', email: 'jane.doe@example.com', plan: 'premium' }); // Example: Tracking a custom event Smartlook.track('SignUpCompleted', { method: 'email', campaign: 'spring2024' });