![](/img/trans.png)
[英]Gatsby.js: gatsby-plugin-google-analytics only firing events in production build
[英]How use gatsby-plugin-google-gtag with Gatsby.js?
我刚刚在gatsby-config.js
文件中安装了gatsby-plugin-google-gtag
:
module.exports = {
plugins: [
{
resolve: `gatsby-plugin-google-gtag`,
options: {
trackingIds: [
"UA-XXXXXXXXX-X", // Google Analytics / GA
"AW-XXXXXXXXX" // Google Ads / Adwords / AW
],
pluginConfig: {
head: true
},
}
}
]
}
然后我在我的表单上添加这个事件,它应该工作吗?
class Form extends Component {
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick() {
window.gtag("conversion", "click", { send_to: ["AW-XXXXXXXXX/-XXXXXXXXXXXXXXXX"]})
}
render() {
return (
<Div className='au'>
<form action="https://formspree.io/my@emailaddress.io" method="POST">
<InputName type="name" name="name" placeholder="Your Name"/>
<InputMail type="email" name="email" placeholder="Your Mail"/>
<Button type="submit" onClick={this.handleClick}>Contact us</Button>
</form>
</Div>
)
}
}
export default Form;
从文档:
此插件仅适用于生产模式!
你的配置看起来也不错,只要确保你的 trackingIds 是正确的
handleClick
应该是:
handleClick() {
window.gtag("event", "conversion", { send_to: ["AW-XXXXXXXXX/-XXXXXXXXXXXXXXXX"]})
}
gtag
格式为:
gtag("event", "<event_name>", {<event_params>});
此处提供有关gtag
额外信息。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.