【问题标题】:How To Integrate Woocommerce With Piwik如何将 Woocommerce 与 Piwik 集成
【发布时间】:2014-04-01 02:56:48
【问题描述】:

目前,我已使用 piwik 在我的 wordpress 网站上设置跟踪。然而,最重要的是,我需要能够跟踪电子商务转化和废弃的购物车。我已经设法手动跟踪转换,但我不知道如何用“woocommerce 订购产品”值替换硬编码值。

到目前为止,我做了以下工作:

  1. 已安装 WP-Piwik
  2. 已安装 WooCommerce Piwik 集成
  3. 我创建了名为“piwik.js”的自定义 javascript,并将这些值硬编码以跟踪电子商务购买。

    function addEcommerceItem() {
    // add the first product to the order
        _paq.push(['addEcommerceItem',
        "sku01", // (required) SKU: Product unique identifier
        "sku01Name", // (optional) Product name
        "productCategory", // (optional) Product category. You can also specify an array of up to 5 categories eg. ["Books", "New releases", "Biography"]
        60, // (recommended) Product price
        1 // (optional, default to 1) Product quantity
        ]);
        alert("e-Commerce item added!");
     };
    
     function trackEcommerceOrder() {       
        _paq.push(['trackEcommerceOrder',
        "A10000127", // (required) Unique Order ID
        35, // (required) Order Revenue grand total (includes tax, shipping, and subtracted discount)
        30, // (optional) Order sub total (excludes shipping)
        5.5, // (optional) Tax amount
        4.5, // (optional) Shipping amount
        false // (optional) Discount offered (set to false for unspecified parameter)
        ]);
      alert("item tracked!");
      };
    
  4. 在我的 Woocommerce 结帐页面上:

       [woocommerce_checkout]
       <script type="text/javascript" src="http://myServerIP/mySite/piwik.js"></script>
       <script type="text/javascript">
          addEcommerceItem(); 
          trackEcommerceOrder(); 
       </script>
    
  5. 再说一次,我的问题是如何替换 addEcommerceItem()trackEcommerceOrder() 中的硬编码值以动态反映通过我的 woocommerce 网站购买的任何产品?

提前谢谢你

【问题讨论】:

    标签: javascript php wordpress woocommerce matomo


    【解决方案1】:

    修改了'piwik-woocommerce-integration'插件->'class-wc-piwik-tracker.php'

    1. piwikTracker.addEcommerceItem() 及其实现替换为:

      //add order
      _paq.push(['addEcommerceItem',
         "<?php echo esc_js( $_product->get_sku() ); ?>",
         "<?php echo esc_js( $item['name'] ); ?>",
         "<?php
            if ( isset( $_product->variation_data ) )
               echo esc_js( woocommerce_get_formatted_variation( $_product->variation_data, true ) );
                  ?>",
          <?php echo esc_js( $order->get_item_total( $item ) ); ?>,
          <?php echo esc_js( $item['qty'] ); ?>]);
      
    2. piwikTracker.trackEcommerceOrder() 及其实现替换为:

      // Track order
      _paq.push(['trackEcommerceOrder',
         "<?php echo esc_js( $order->get_order_number() ); ?>",
          <?php echo esc_js( $order->get_total() ); ?>,
          false,
          <?php echo esc_js( $order->get_total_tax() ); ?>,
          <?php echo esc_js( $order->get_shipping() ); ?>,
          false
          ]);
          _paq.push(['trackPageView']);
      

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-09-14
      • 2017-09-09
      • 2019-09-22
      • 2016-11-21
      • 1970-01-01
      • 2018-02-24
      • 1970-01-01
      • 2022-08-05
      相关资源
      最近更新 更多