cg-analytics
v5.0.0
Published
The Casely Group's standard package of analytic and tracking tools.
Downloads
75
Readme
Usage
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-analyticsThen 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>
);
}