Files
Janicklas RalphandGitHub 5e474a3f19 Adding useGoogleTagManager hook to @next/third-parties (#56106)
This PR adds the `useGoogleTagManage` hook to `@next/third-parties` repo.
2023-10-17 18:04:53 +00:00

22 lines
473 B
JavaScript

import React from 'react'
import { GoogleTagManager, sendGTMEvent } from '@next/third-parties/google'
const Page = () => {
const onClick = () => {
sendGTMEvent({ event: 'buttonClicked', value: 'xyz' })
}
return (
<div class="container">
<GoogleTagManager gtmId="GTM-XYZ" />
<h1>GTM</h1>
<button id="gtm-send" onClick={onClick}>
Click
</button>
<GoogleTagManager gtmId="GTM-XYZ" />
</div>
)
}
export default Page