The Casely Group's standard package of Analytics and Tracking tools.
To install the latest version of these tools, run this command:
pnpm add cg-analytics
Then import to root Next.js Layout
import Analytics from 'cg-analytics';
Then add as a component to your RootLayout and add any Tracking IDs for any of the tools you are using on your project as follows below. All keys are optional. Vercel Analytics and SpeedInsights will be automatically installed and does not require a key or id.
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang='en'>
<body className={inter.className}>{children}</body>
<Analytics
GA4_ID={process.env.NEXT_PUBLIC_GA4_ID}
Google_AW_ID={process.env.NEXT_PUBLIC_Google_AW_ID}
Meta_Pixel_ID={process.env.NEXT_PUBLIC_Meta_Pixel_ID}
LinkedIn_Partner_ID={process.env.NEXT_PUBLIC_LinkedIn_Partner_ID}
Twitter_Pixel_ID={process.env.NEXT_PUBLIC_Twitter_Pixel_ID}
Microsoft_Ads_ID={process.env.NEXT_PUBLIC_Microsoft_Ads_ID}
Heap_ID={process.env.NEXT_PUBLIC_Heap_ID}
Koala_ID={process.env.NEXT_PUBLIC_Koala_ID}
Call_Rail_SRC={process.env.NEXT_PUBLIC_Call_Rail_SRC}
ReCaptcha_Site_Key={process.env.NEXT_PUBLIC_ReCaptcha_Site_Key}
/>
</html>
);
}