next-gtm
Version:
Google tag manager module
24 lines (20 loc) • 1 kB
JavaScript
import React from 'react'
import Head from 'next/head'
const Gtm = (params) => {
const gtm_id = params.id
return (
<React.Fragment>
<Head>
<script
dangerouslySetInnerHTML={{
__html: `(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','${gtm_id}');`
}}
></script>
</Head>
<noscript
dangerouslySetInnerHTML={{ __html: `<iframe src="https://www.googletagmanager.com/ns.html?id=${gtm_id}" height="0" width="0" style="display:none;visibility:hidden"></iframe>` }}>
</noscript>
</React.Fragment>
)
}
export default Gtm