wordpress - 联系 7 WordPress 实现像素或事件

Question

联系表格 7 (WordPress) 不会触发 FB 事件

我在“附加设置”中添加了像素代码，但什么也没发生

我编写的代码适合Contact Form 7 自定义 DOM 事件所需的内容

document.addEventListener( 'wpcf7submit', function( event ) {

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '18015239334xxxxx[![enter image description here][1]][1]');
  fbq('track', 'lead_sent');
</script>
<noscript><img height="1" width="1" style="display:none"
  src="https://www.facebook.com/tr?id=18015239334xxxx&ev=lead_sent&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->

}, false );

Answer 1

你应该把代码放在你的functions.php中

以下示例用于 Google Tag Manager 转换：

add_action( 'wp_footer', 'mycustom_wp_footer' );
 
function mycustom_wp_footer() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
   dataLayer.push({
  'conversionValue': 1,
  'event': 'conversao'
});

}, false );
</script>
<script type="text/javascript">
document.addEventListener( 'wpcf7invalid', function( event ) {
   dataLayer.push({
  'conversionValue': 1,
  'event': 'invalido'
});

}, false );
</script>
<?php
}

Answer 2

请阅读文档...

https://contactform7.com/additional-settings/

“您可以通过将特定格式的代码片段添加到联系表单编辑屏幕的“附加设置”字段中来为每个联系表单添加其他设置。”

您不能使用典型的 javascript。