Yeah Google Analytics is cool, but have you ever coded your own tracking functions within your WooCommerce website?
An example may be counting the number of times customers click on the “Buy product” button that displays on the Single External Product Page, and show the counter in the Products Table in the backend.
For example, I use this to calculate the Click Through Rate (% clicks / views) and see how popular an external product is. Of course, you could also decide to extend the counter to all products (simple, variable, etc.) and count the number of times customers click on the Add to Cart, but for today let’s stick to the external products count. Enjoy!
PHP Snippet: Count External Product “Buy Product” Button Clicks & Display Counter @ Product Admin
Lots to learn today:
- First, we remove the default external product add to cart button, and code ours instead
- Some JS triggers the ‘increment_counter’ Ajax function on button click
- The ‘increment_counter’ Ajax function counts and stores the number of clicks
- The ‘manage_edit-product_columns’ and ‘manage_product_posts_custom_column’ display a new column in the Products admin page, and place the counter value in it
/**
* @snippet External Product Button Click Counter
* @how-to businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @compatible WooCommerce 7
* @community https://businessbloomer.com/club/
*/
add_action( 'woocommerce_external_add_to_cart', 'bblomer_new_external_add_to_cart', 1 );
function bblomer_new_external_add_to_cart() {
remove_action( 'woocommerce_external_add_to_cart', 'woocommerce_external_add_to_cart', 30 );
add_action( 'woocommerce_external_add_to_cart', 'bbloomer_external_add_to_cart', 30 );
}
function bbloomer_external_add_to_cart() {
global $product;
if ( ! $product->add_to_cart_url() ) return;
echo '<p><a href="' . $product->add_to_cart_url() . '" class="single_add_to_cart_button button alt countable" data-pid="' . $product->get_id() . '">' . $product->single_add_to_cart_text() . '</a></p>';
wc_enqueue_js( "
$('a.countable').click(function(e){
e.preventDefault();
$.post( '" . '/wp-admin/admin-ajax.php' . "', { action: 'increment_counter', pid: $(this).data('pid') } );
window.open($(this).attr('href'));
});
" );
}
add_action( 'wp_ajax_increment_counter', 'bbloomer_increment_counter' );
add_action( 'wp_ajax_nopriv_increment_counter', 'bbloomer_increment_counter' );
function bbloomer_increment_counter() {
$pid = $_POST['pid'];
$clicks = get_post_meta( $pid, '_click_counter', true ) ? (int) get_post_meta( $pid, '_click_counter', true ) + 1 : 1;
update_post_meta( $pid, '_click_counter', $clicks );
wp_die();
}
add_filter( 'manage_edit-product_columns', 'bbloomer_admin_products_views_column', 9999 );
function bbloomer_admin_products_views_column( $columns ){
$columns['clicks'] = 'Clicks';
return $columns;
}
add_action( 'manage_product_posts_custom_column', 'bbloomer_admin_products_views_column_content', 9999, 2 );
function bbloomer_admin_products_views_column_content( $column, $product_id ){
if ( $column == 'clicks' ) {
echo get_post_meta( $product_id, '_click_counter', true );
}
}
Hi 🙂
Great thing!
Question:
I use WCFM for a multivendor affiliate marketplace.
Is it possible to extend the existing code for the vendor login?
Hey Fabian, thanks so much for your comment! Yes, this is definitely possible, but I’m afraid it’s custom work. If you’d like to get a quote, feel free to contact me here. Thanks a lot for your understanding!