使用jquery类更改侦听器跟踪表单验证消息

时间:2013-10-16 10:16:09

标签: jquery google-analytics addeventlistener

我有一个表单,可以在ok提交时生成验证消息。 一个js脚本添加一个类'wpcf7-mail-sent-ok'来显示正确的消息和渲染。

 <div class="wpcf7-response-output wpcf7-display-none wpcf7-mail-sent-ok" style="display: block;">Votre message a bien été envoyé. Merci.</div>

我想听听这个js类更改,将ga跟踪与它相关联

     $('.wpcf7-response-output).(????APPEARENCE OF CLASS .wpcf7-mail-sent-ok'???)(function() {
  _gaq.push(['_trackEvent', 'formulaire', 'devis_voyage', 'wpcf7-mail-sent-ok']);
    });

1 个答案:

答案 0 :(得分:2)

你说你已经有js作用于div,添加了这个类。为什么你不能在js代码中进行GA调用呢?那将是最好的去处。

因为替代方案基本上是继续寻找属性的变化。如果div已经存在,那么jQuery .watch() plugin会有所帮助。

如果div本身不存在,那么你基本上必须编写一些代码来查找它并将其包装在window.setIntervalwindow.setTimeout中以继续寻找它它找到了。它看起来像这样(未经测试):

function trackSubmit () {
  if ( $('.wpcf7-response-output').length>0 ) {
    _gaq.push(['_trackEvent', 'formulaire', 'devis_voyage', 'wpcf7-mail-sent-ok']);    
  } else {
    window.setTimeout('trackSubmit',100);
  }
}
// make the initial call to get the ball rolling. This should happen on page load, sometime after jQuery is loaded
trackSubmit();

.watch()trackSubmit()解决方案都会影响您网页的效果,所以我建议您尝试将GA调用移动到已经执行的js。