woocommerce/plugins/woocommerce-blocks/assets/js/extensions/google-analytics/index.ts

/**
 * External dependencies
 */
import { __ } from '@wordpress/i18n';
import { addAction } from '@wordpress/hooks';
import type { ProductResponseItem, CartResponseItem } from '@woocommerce/types';

/**
 * Internal dependencies
 */
import { namespace, actionPrefix } from './constants';
import {
	getProductFieldObject,
	getProductImpressionObject,
	trackEvent,
} from './utils';

const trackListProducts = ( {
	products,
	listName = __( 'Product List', 'woo-gutenberg-products-block' ),
}: {
	products: Array< ProductResponseItem >;
	listName: string;
} ): void => {
	trackEvent( 'view_item_list', {
		event_category: 'engagement',
		event_label: __( 'Viewing products', 'woo-gutenberg-products-block' ),
		items: products.map( ( product, index ) => ( {
			...getProductImpressionObject( product, listName ),
			list_position: index + 1,
		} ) ),
	} );
};

const trackAddToCart = ( {
	product,
	quantity = 1,
}: {
	product: ProductResponseItem;
	quantity: number;
} ): void => {
	trackEvent( 'add_to_cart', {
		event_category: 'ecommerce',
		event_label: __( 'Add to Cart', 'woo-gutenberg-products-block' ),
		items: [ getProductFieldObject( product, quantity ) ],
	} );
};

const trackRemoveCartItem = ( {
	product,
	quantity = 1,
}: {
	product: CartResponseItem;
	quantity: number;
} ): void => {
	trackEvent( 'remove_from_cart', {
		event_category: 'ecommerce',
		event_label: __( 'Remove Cart Item', 'woo-gutenberg-products-block' ),
		items: [ getProductFieldObject( product, quantity ) ],
	} );
};

const trackChangeCartItemQuantity = ( {
	product,
	quantity = 1,
}: {
	product: CartResponseItem;
	quantity: number;
} ): void => {
	trackEvent( 'change_cart_quantity', {
		event_category: 'ecommerce',
		event_label: __(
			'Change Cart Item Quantity',
			'woo-gutenberg-products-block'
		),
		items: [ getProductFieldObject( product, quantity ) ],
	} );
};

function initialize() {
	// eslint-disable-next-line no-console
	console.log( `Google Analytics Tracking initialized` );
	addAction(
		`${ actionPrefix }-list-products`,
		namespace,
		trackListProducts
	);
	addAction( `${ actionPrefix }-add-cart-item`, namespace, trackAddToCart );
	addAction(
		`${ actionPrefix }-set-cart-item-quantity`,
		namespace,
		trackChangeCartItemQuantity
	);
	addAction(
		`${ actionPrefix }-remove-cart-item`,
		namespace,
		trackRemoveCartItem
	);
}

initialize();