37 lines
957 B
TypeScript
37 lines
957 B
TypeScript
|
import Script from 'next/script'
|
||
|
|
|
||
|
|
import siteMetadata from '@/data/siteMetadata'
|
||
|
|
|
||
|
|
const GAScript = () => {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<Script
|
||
|
|
strategy="lazyOnload"
|
||
|
|
src={`https://www.googletagmanager.com/gtag/js?id=${siteMetadata.analytics.googleAnalyticsId}`}
|
||
|
|
/>
|
||
|
|
|
||
|
|
<Script strategy="lazyOnload" id="ga-script">
|
||
|
|
{`
|
||
|
|
window.dataLayer = window.dataLayer || [];
|
||
|
|
function gtag(){dataLayer.push(arguments);}
|
||
|
|
gtag('js', new Date());
|
||
|
|
gtag('config', '${siteMetadata.analytics.googleAnalyticsId}', {
|
||
|
|
page_path: window.location.pathname,
|
||
|
|
});
|
||
|
|
`}
|
||
|
|
</Script>
|
||
|
|
</>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
export default GAScript
|
||
|
|
|
||
|
|
// https://developers.google.com/analytics/devguides/collection/gtagjs/events
|
||
|
|
export const logEvent = (action, category, label, value) => {
|
||
|
|
window.gtag?.('event', action, {
|
||
|
|
event_category: category,
|
||
|
|
event_label: label,
|
||
|
|
value: value,
|
||
|
|
})
|
||
|
|
}
|