TrackView

import { TrackView } from 'mentiq-sdk';

function ProductCard({ product }) {
  return (
    <TrackView
      event="product_viewed"
      properties={{ product_id: product.id, product_name: product.name }}
    >
      <div className="product-card">
        <h3>{product.name}</h3>
        <p>{product.description}</p>
      </div>
    </TrackView>
  );
}

<TrackView
  event="banner_viewed"
  threshold={0.75}  // Track when 75% visible
  delay={2000}       // Wait 2 seconds before tracking
  properties={{ banner_position: 'hero' }}
>
  <Banner />
</TrackView>

<TrackView
  event="pricing_section_viewed"
  properties={{ page: 'homepage' }}
>
  <section id="pricing">
    <PricingTable />
  </section>
</TrackView>