[英]how to add gtag.js to react.js/next.js index.js?
对于这个菜鸟问题,我感到抱歉,我只是开始使用next.js模板形式https://github.com/zeit/next.js/tree/canary/examples/hello-world/pages通常,我只会添加gtag .js到index.html,但是对于next.js,只有index.js。 问题是我如何包括这个? 我曾试图将gtag作为组件并尝试导入它,并且还包括该脚本,因为它位于index.js的render函数中,但到目前为止它不起作用! 请帮我!
Gtag:
<script async src="https://www.googletagmanager.com/gtag/js?
id=GA_TRACKING_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_TRACKING_ID');
</script>
index.js:
import Link from 'next/link'
export default () => (
<div>Hello World. <Link href='/about'><a>About</a></Link></div>
)
您可以像这样将gtag func添加为lib:
export const GA_TRACKING_ID = '<YOUR_GA_TRACKING_ID>'
// https://developers.google.com/analytics/devguides/collection/gtagjs/pages
export const pageview = url => {
window.gtag('config', GA_TRACKING_ID, {
page_location: url
})
}
// https://developers.google.com/analytics/devguides/collection/gtagjs/events
export const event = ({ action, category, label, value }) => {
window.gtag('event', action, {
event_category: category,
event_label: label,
value: value
})
}
有关如何在NextJS中添加Google Analytics(分析)的完整示例,您可以在此处查看
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.