@leadhub/react

React hooks a komponenty pre Leadhub tracking.

Inštalácia

npm install @leadhub/react

Použitie

Provider setup

import { LeadhubProvider } from '@leadhub/react';

function App() {
  return (
    <LeadhubProvider config={{ trackingId: 'YOUR_TRACKING_ID' }}>
      <YourApp />
    </LeadhubProvider>
  );
}

useTracking hook

import { useTracking } from '@leadhub/react';

function ShoppingCart({ items }) {
  const { trackSetCart, trackPurchase } = useTracking();
  
  useEffect(() => {
    trackSetCart({
      products: items.map(item => ({
        product_id: item.id,
        quantity: item.quantity,
        value: item.price,
        currency: 'EUR'
      }))
    });
  }, [items, trackSetCart]);
  
  const handleCheckout = () => {
    trackPurchase({
      email: '[email protected]',
      value: totalPrice,
      currency: 'EUR',
      products: items
    });
  };
  
  return <button onClick={handleCheckout}>Checkout</button>;
}

usePageview hook

import { usePageview } from '@leadhub/react';

function MyPage() {
  usePageview(); // Automaticky pošle pageview při mount
  
  return <div>Page content</div>;
}