WooCommerce: Count External Product Clicks

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!

Let’s count the number of times customers click on the “Buy product” button of an external/affiliate product on the single product page!
With the snippet below, I managed to add a “Clicks” column to the Products View, where the number of clicks on the external product “Buy product” button clicks are displayed!

PHP Snippet: Count External Product “Buy Product” Button Clicks & Display Counter @ Product Admin

Lots to learn today:

  1. First, we remove the default external product add to cart button, and code ours instead
  2. Some JS triggers the ‘increment_counter’ Ajax function on button click
  3. The ‘increment_counter’ Ajax function counts and stores the number of clicks
  4. 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        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 7
 * @donate $9     https://businessbloomer.com/bloomer-armada/

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( "
			$.post( '" . '/wp-admin/admin-ajax.php' . "', { action: 'increment_counter', pid: $(this).data('pid') } );
	" );

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 );

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 );

Where to add custom code?

You should place PHP snippets at the bottom of your child theme functions.php file and CSS at the bottom of its style.css file. Make sure you know what you are doing when editing such files - if you need more guidance, please take a look at my guide "Should I Add Custom Code Via WP Editor, FTP or Code Snippets?" and my video tutorial "Where to Place WooCommerce Customization?"

Does this snippet (still) work?

Please let me know in the comments if everything went as expected. I would be happy to revise the snippet if you report otherwise (please provide screenshots). I have tested this code with Storefront theme, the WooCommerce version listed above and a WordPress-friendly hosting.

If you think this code saved you time & money, feel free to join 17,000+ WooCommerce Weekly subscribers for blog post updates and 250+ Business Bloomer supporters for 365 days of WooCommerce benefits. Thank you in advance!

Need Help with WooCommerce?

Check out these free video tutorials. You can learn how to customize WooCommerce without unnecessary plugins, how to properly configure the WooCommerce plugin settings and even how to master WooCommerce troubleshooting in case of a bug!

Rodolfo Melogli

Business Bloomer Founder

Author, WooCommerce expert and WordCamp speaker, Rodolfo has worked as an independent WooCommerce freelancer since 2011. His goal is to help entrepreneurs and developers overcome their WooCommerce nightmares. Rodolfo loves travelling, chasing tennis & soccer balls and, of course, wood fired oven pizza.

Questions? Feedback? Support? Leave your Comment Now!

If you are writing code, please wrap it between shortcodes: [php]code_here[/php]. Failure to complying with this (as well as going off topic, not writing in English, etc.) will result in comment deletion. You should expect a reply in about 2 weeks - this is a popular blog but I need to get paid work done first. Please consider joining BloomerArmada to get blog comment reply priority, ask me 1-to-1 WooCommerce questions and enjoy many more perks. Thank you :)

Your email address will not be published. Required fields are marked *