[英]How use gatsby-plugin-google-gtag with Gatsby.js?
I just installed the gatsby-plugin-google-gtag
in my gatsby-config.js
file:我刚刚在
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
},
}
}
]
}
I then add this event on my form, is it supposed to work?然后我在我的表单上添加这个事件,它应该工作吗?
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;
from the docs:从文档:
This plugin only works in production mode!
此插件仅适用于生产模式!
Also your config looks good, just make sure your trackingIds are correct你的配置看起来也不错,只要确保你的 trackingIds 是正确的
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.