GA4 / GTM Konfiguration

Das xt_ga4 Plugin unterstützt folgende Events über den im Plugin integrierten Data layer.

Für die Konfiguration der Events folgen Sie bitte der GA4 GTM Anleitung https://www.optimizesmart.com/how-to-set-up-ecommerce-tracking-in-ga4-google-analytics-4/

Folgen Sie den Anweisungen für das Anlagen der GA 4 Ecommerce DataLayer Variable und der Events view_item, view_cart, begin_checkout, add_shipping_info, add_payment_info, purchase und add_to_cart

Für die unterstützung des add_to_cart Events ist eine javascript modifikation Ihres Templates notwendig, welche je nach Template unterschiedlich ausfallen kann - im Standard-Template kann dies wie folgt auf der Detailseite implementiert werden:

{literal}
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
    $('.btn-cart').click(function() {
      var data = {}
      data.qty = $(this).find('[name="qty"]').attr('value');
      data.productId = $(this).find('[name="product"]').attr('value');
     dataLayer.push({
        event:'add_to_cart',
        ecommerce:{items:[{item_id:data.productId, quantity:data.qty}]}
    });

    });

	});

</script>
{/literal}