วิธีติด Google tag (gtag.js) สำหรับ Next.js 13

import Script from 'next/script'

import Script from 'next/script'

function Home() {
  return (
    <div className="container">
      <Script src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID" />
      <Script id="google-analytics">
        {`
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());

          gtag('config', 'GA_MEASUREMENT_ID');
        `}
      </Script>
    </div>
  )
}

export default Home

import React from 'react'
import Script from 'next/script'

const Gtag = () => {
  return (
    <div className='gtag-script'>
        <Script async src="https://www.googletagmanager.com/gtag/js?id=G-926XD88T4C"></Script>
        <Script id="google-analytics" >
        {`
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());

            gtag('config', 'G-926XD88T4C');
        `}
        </Script>
  </div>
  )
}

export default Gtag