对于你们中的一些人来说,这可能是最简单的问题,但我无法弄清楚如何添加facebook像素事件来反应页面。我正在使用Gatsbyjs并尝试在/感谢页面上添加pageview事件。
import React from 'react';
import '../../components/genflow.sass';
import Helmet from '../../components/helmet';
import Navbar from '../../components/navbar';
import Footer from '../../components/footer';
const ThankYouPage = () => (
<div>
<Helmet/>
<section className="hero influencer-hero page-hero gradientBg">
<Navbar />
<div className="hero-body page-body">
<div className="container center">
<article className="media">
<div className="media-content">
<div className="content">
<h1 className="is-size-2 has-text-white">
Thank you
</h1>
</div>
</div>
</article>
</div>
</div>
</section>
<section className='section'>
<div className='container'>
<div className='columns'>
<div className='column title-col is-10 is-offset-1'>
<div className='content'>
<div className='has-text-centered'>
<p>Thank you for your message. We will get back to you soon.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<Footer/>
</div>
);
export default ThankYouPage;
如果我使用dangerouslySetInnerHTML在页面末尾添加fb像素脚本,我会收到错误。不确定这里最好的解决方案是什么。我是编程的新手,所以请耐心等待。谢谢
确保你已经安装了gatsby-plugin-facebook-pixel。然后将组件从功能组件更改为类组件,并将其添加到componentDidMount中。
if (typeof window !== "undefined") {
if (window.fbq != null) {
window.fbq('track', 'PageView')
}
}
希望这可以帮助。