CartStack Tracking Scripts Hooks for WooCommerce Themes

Below are a few WordPress action hooks that you can use in your theme’s functions.php file to insert CartStack tracking code into your WooCommerce store:

/**
 * Add Tracking Scripts to Cart : CartStack
 */
function woocommerce_add_tracking_scripts_cart() {
    global $woocommerce;
 
    // cleanup the $ dollar sign htmlentity
    $total_int = str_replace("$", "", $woocommerce->cart->get_cart_total() );
 
    // remove all non numeric characters
    $total_int = floatval( preg_replace( '#[^\d.]#', '', $total_int ) );
 
?>
<script src="https://api.cartstack.com/js/cs.js" type="text/javascript"></script><script language="javascript">
var _cartstack = _cartstack || [];
_cartstack.push(['setSiteID', '########']);
_cartstack.push(['setAPI', 'tracking']);
_cartstack.push(['setCartTotal', '<?php echo $total_int; ?>']);
</script><?php }
add_action('woocommerce_after_cart', 'woocommerce_add_tracking_scripts_cart');
/**
 * Add Tracking Scripts to Checkout: CartStack
 */
function woocommerce_add_tracking_scripts_checkout() { ?>
<script src="https://api.cartstack.com/js/cs.js" type="text/javascript"></script><script language="javascript">
var _cartstack = _cartstack || [];
_cartstack.push(['setSiteID', '########']);
_cartstack.push(['setAPI', 'tracking']);
</script><?php }
add_action('woocommerce_after_checkout_form', 'woocommerce_add_tracking_scripts_checkout');
/**
 * Add Tracking Scripts to Thank You: CartStack
 */
function woocommerce_add_tracking_scripts_thankyou() { ?>
<script src="https://api.cartstack.com/js/cs.js" type="text/javascript"></script><script language="javascript">
var _cartstack = _cartstack || [];
_cartstack.push(['setSiteID', '########']);
_cartstack.push(['setAPI', 'confirmation']);
</script><?php } add_action('woocommerce_thankyou', 'woocommerce_add_tracking_scripts_thankyou');

You’ll need to add your own setSiteID value, but that’s pretty much what you need to get the basic CartStack code into your WooCommerce store.

Also, if you’d like to see a gallery of live sites using WooCommerce, be sure to check out our site Built With WooCommerce. Built with WooCommerce is a source to view real live examples of WooCommerce stores.

Post written by Ed Reckers

Founder and lead web development consultant at Red Bridge Internet : San Francisco WordPress Developers and Consultants.

Leave a Reply