leumas-react-traffic-data/src/TrafficTracker.jsx

This is ot easily embed a component on any of your React pages, and have us track their usage for you to view in Leumas Portal. Must have a Leumas Pro Membership and Api Key prior to usage on this NPM Package. Please refer to leumas react traffic data doc

import React, { useEffect } from 'react';
import axios from 'axios';

const TrafficTracker = ({ pageName, apiKey }) => {
  useEffect(() => {
    console.log("Api key " , apiKey)
    console.log("Page name" , pageName)
    const recordPageView = async () => {
      try {
        const response = await axios.post('https://leumas-api.leumas.tech/update-traffic', {
          apiKey,
          pageName,
        });
        console.log(response)
      } catch (error) {
        console.error('Error recording page view:', error);
      }
    };

    recordPageView();
  }, [pageName, apiKey]);

  return null; // This component doesn't render anything visible
};

export default TrafficTracker;