Facebook Pixel+WooCommerce+AJAX=困惑

时间:2015-10-22 作者:Guit4eva

我正在尝试向WooCommerce添加一个Facebook像素(跟踪)Add to Cart 按钮,使用:

<script>
 fbq(\'track\', \'AddToCart\');
</script>
问题是当用户点击Add to Cart, 他没有被引导到另一个我可以放置像素的页面,而是通过AJAX更新购物车。

WooCommerce表格代码如下:

<form action="<?php echo esc_url( $product->add_to_cart_url() ); ?>" class="cart" method="post" enctype="multipart/form-data">
<?php
 echo sprintf( \'<button type="submit" data-product_id="%s" data-product_sku="%s" data-quantity="1" class="%s button product_type_simple">%s</button>\', esc_attr( $product->id ), esc_attr( $product->get_sku() ), esc_attr( $link[\'class\'] ), esc_html( $link[\'label\'] ) );
?>
</form>
如果我有<img> 代码,我相信我可以通过onClick, 但我不知道如何添加fbq(\'track\', \'AddToCart\');Add to Cart 按钮

如果有人能给我指出正确的方向,我将不胜感激!

1 个回复
SO网友:flomei

我想.bind() 和/或.click() 可能在这里派上用场。您可以将跟踪功能附加到“添加到购物车”按钮的单击事件。

但我不是JavaScript/jQuery的人,所以这里必须有其他人来帮助你。

相关推荐

WordPress AJAX错误400向远程站点发送数据的错误请求

我正在使用发件人。net获取电子邮件订阅列表。这个网站给了我一些信息,可以将用户的电子邮件添加到订阅列表中。我想使用WordPress ajax来实现这一点。但它返回错误400错误请求。我的代码是:文件ajax新闻脚本。js公司: jQuery(document).ready(function($){ // Perform AJAX send news on form submit $(\'form#fnews\').on(\'submit\', funct