Skip to content

Menghitung Jumlah Klik Add to Cart Website eCommerce

TokoDaring.Com – Menghitung Jumlah Klik Add to Cart Website eCommerce Anda. Anda mungkin ingin mengetahui berapa banyak pengunjung website toko daring anda yang benar-benar mengklik tombol “Add to Cart”?

Artikel terkait :

Menulis Konten Blog Peringkat Satu Google

Banyak orang yang melakukan klik pda tombol add to cart, sebagian melanjutkan pada tahapan checkout dan pembayaran, dan sebagian membatalkannya. Tindakan yang tampaknya sederhana ini memberikan wawasan berharga tentang daya tarik produk dan saluran konversi Anda.

Dengan mengetahui dan Menghitung Jumlah Klik Add to Cart di website toko daring anda, itu akan mendapatkan bagian penting dari pertanyaan di atas. Dan ini memungkinkan Anda menghitung tingkat konversi dengan lebih akurat. Anda sudah mengetahui jumlah penjualan produk yang tersedia, jadi dengan data tambahan ini Anda dapat menilai seberapa efektif halaman produk Anda.

Kode PHP Menghitung Jumlah Klik Add to Cart Website eCommerce

Dalam tutorial ini, kita akan menerapkan fungsi pelacakan klik sederhana untuk tombol WooCommerce, melalui hook woocommerce_before_single_product. Dan di bawah adalah Kode PHP untuk Menghitung Jumlah Klik Add to Cart.

/*
 * Menghitung Jumlah Klik Add to Cart pada Website eCommerce
 *
 */
 
add_action( 'woocommerce_before_single_product', 'tkdr_add_to_cart_button_click_counter' );
 
function tkdr_add_to_cart_button_click_counter() {
   wc_enqueue_js( "
      $('.single_add_to_cart_button').click(function(e){
         $.post( '" . '/wp-admin/admin-ajax.php' . "', { action: 'add_cart_clicked', pid: $(this).attr('value') } );       
      });
   " );
}
 
add_action( 'wp_ajax_add_cart_clicked', 'tkdr_add_cart_clicked' );
add_action( 'wp_ajax_nopriv_add_cart_clicked', 'tkdr_add_cart_clicked' );
  
function tkdr_add_cart_clicked() { 
   $pid = $_POST['pid'];
   $times_added_to_cart = (int) get_post_meta( $pid, 'add_cart_clicks', true ) ?? 0;
   update_post_meta( $pid, 'add_cart_clicks', $times_added_to_cart + 1 );     
   wp_die();
}

Cuplikan kode di atas ini menambahkan fungsionalitas untuk melacak berapa kali tombol “Tambahkan ke Keranjang” diklik untuk suatu produk di halaman produk tunggal WooCommerce. Pemroses klik mencari elemen dengan kelas “single_add_to_cart_button”, jadi jika Anda menggunakan tema atau tata letak khusus, Anda perlu mengubah pemilihnya.

Skrip kemudian mendeteksi klik pada tombol “Tambahkan ke Keranjang” dan mengirimkan permintaan Ajax ke fungsi khusus dengan meneruskan ID produk, yang jika instalasi WooCommerce default disimpan di dalam atribut “nilai” dari “Tambahkan ke Keranjang ” tombol. Jika Anda menggunakan tema atau tata letak khusus, Anda perlu memastikannya masih valid.

Fungsi Ajax mengambil berapa kali produk telah ditambahkan ke keranjang (disimpan sebagai meta pos) dan menambah jumlahnya. Kode ini berfungsi untuk pengguna yang masuk dan tidak masuk.

Pada tahap ini, penghitung klik disimpan ke dalam meta produk, dan Anda bisa mendapatkannya melalui:

get_post_meta( $product_id, 'add_cart_clicks', true );

Bonus: Tampilkan Tingkat Konversi “Tambahkan Ke Keranjang -> Penjualan” @ Admin Produk

Sekarang setelah kita memiliki jumlah klik, kita dapat membandingkan angka ini dengan total penjualan dan menghitung tingkat konversi spesifik ini. Data ini dapat digunakan untuk memahami produk mana yang paling populer yang ditambahkan ke keranjang dan mana yang lebih sering ditinggalkan.

Berikut cuplikan PHP praktis yang dapat Anda gunakan untuk menambahkan kotak meta ke halaman admin produk tunggal.

/*
 * Menghitung Jumlah Klik Add to Cart
 * 
 */
 
add_action( 'add_meta_boxes', 'tkdr_product_meta_box_add_cart_clicks' );
  
function tkdr_product_meta_box_add_cart_clicks() {
    add_meta_box( 'add_cart_stats', 'Add to Cart Stats', 'tkdr_display_add_cart_stats', 'product', 'advanced', 'high' );
}
  
function tkdr_display_add_cart_stats() {
   global $post;
   $product = wc_get_product( $post->ID );
   $units_sold = $product->get_total_sales();
   $times_added_to_cart = (int) get_post_meta( $post->ID, 'add_cart_clicks', true ) ?? 0;
   $conversion = 100 * $times_added_to_cart / $units_sold;
   $abandonment = 100 - $conversion;
   echo '<p>Times added to cart: ' . $times_added_to_cart . '</p>';
   echo '<p>Sales: ' . $units_sold . '</p>'; 
   echo '<p>Conversion rate: ' . number_format( $conversion, 2 ) . '%</p>';
   echo '<p>Abandonment rate: ' . number_format( $abandonment, 2 ) . '%</p>';    
}

Artikel terkait dengan :