Alytica Docs
Guides

React

Integrate Alytica with your React application.

1. Installation

npm install alytica-js

2. Basic Setup

import React from 'react';
import { AlyticaProvider } from 'alytica-js/react';
 
const alyticaConfig = {
  clientId: 'your-client-id',
  clientSecret: 'your-client-secret',
  debug: true,
  trackPageViews: true
};
 
function App() {
  return (
    <AlyticaProvider options={alyticaConfig}>
      {/* Your app components */}
    </AlyticaProvider>
  );
}
 
export default App;

3. Using the Hook

import React from 'react';
import { useAlytica } from 'alytica-js/react';
 
function TrackingComponent() {
  const alytica = useAlytica();
 
  const handleEvent = () => {
    alytica.track('button_click', { component: 'tracking' });
  };
 
  return <button onClick={handleEvent}>Track Event</button>;
}

Best Practices

  • Replace 'your-client-id' and 'your-client-secret' with your actual Alytica credentials
  • Configure tracking options based on your specific requirements
  • Ensure compliance with privacy regulations when tracking user data

Previous

NuxtJS

Next

Remix

On this page