<script src="https://cdn.linquid.io/pixel.js"></script>

npm install @linquid/pixel

import { linquid } from '@linquid/pixel';

// Initialize with your campaign pixel code
linquid.init('lw_px_your_pixel_code');

// Track a conversion
linquid.track('purchase', {
  value: 99.99,
  currency: 'USD'
});

linquid.init('lw_px_xxx', {
  debug: false,      // Enable console logging
  autoTrack: true    // Auto-track page views
});

linquid.track('signup', {
  plan: 'pro',
  method: 'google'
});

const clickId = linquid.getClickId();
// "lw_ck_abc123" or null

linquid.pageview();

linquid.track('purchase', {
  value: 149.98,
  currency: 'USD',
  orderId: 'ORD-12345',
  items: [
    { sku: 'PROD-1', price: 49.99, quantity: 2 },
    { sku: 'PROD-2', price: 50.00, quantity: 1 }
  ]
});

linquid.track('signup', {
  method: 'email',
  plan: 'free'
});

linquid.track('lead', {
  source: 'contact_form',
  interest: 'demo'
});

import { useEffect } from 'react';
import { useLocation } from 'react-router-dom';

function App() {
  const location = useLocation();

  useEffect(() => {
    linquid.pageview();
  }, [location.pathname]);

  return <Routes />;
}

// pages/_app.js
import { useEffect } from 'react';
import { useRouter } from 'next/router';

function MyApp({ Component, pageProps }) {
  const router = useRouter();

  useEffect(() => {
    const handleRouteChange = () => linquid.pageview();
    router.events.on('routeChangeComplete', handleRouteChange);
    return () => router.events.off('routeChangeComplete', handleRouteChange);
  }, [router.events]);

  return <Component {...pageProps} />;
}

linquid.init('lw_px_xxx', { debug: true });

import { linquid, TrackEvent } from '@linquid/pixel';

const event: TrackEvent = {
  value: 99.99,
  currency: 'USD'
};

linquid.track('purchase', event);