Facebook像素在反应页面

问题描述 投票:0回答:1

对于你们中的一些人来说,这可能是最简单的问题,但我无法弄清楚如何添加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像素脚本,我会收到错误。不确定这里最好的解决方案是什么。我是编程的新手,所以请耐心等待。谢谢

reactjs facebook gatsby
1个回答
1
投票

确保你已经安装了gatsby-plugin-facebook-pixel。然后将组件从功能组件更改为类组件,并将其添加到componentDidMount中。

if (typeof window !== "undefined") {
  if (window.fbq != null) { 
    window.fbq('track', 'PageView')
  }
}

希望这可以帮助。

© www.soinside.com 2019 - 2024. All rights reserved.