首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >contact 7 WordPress实现像素或事件

contact 7 WordPress实现像素或事件
EN

Stack Overflow用户
提问于 2018-01-04 18:16:03
回答 2查看 2K关注 0票数 0

联系表单7 (WordPress)请勿触发FB事件

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

我写的代码符合Contact Form 7 custom DOM event的要求

代码语言:javascript
复制
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 );
EN

回答 2

Stack Overflow用户

发布于 2018-05-03 06:25:38

您应该将代码放入functions.php

下面是Google Tag Manager转换的例子:

代码语言:javascript
复制
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
}

票数 0
EN

Stack Overflow用户

发布于 2018-06-07 04:29:40

请阅读文档...

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

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

你不能使用典型的javascript。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48093086

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档