Tutorial: GTM Plugin – AJAX Cart View als ersten Checkout Step messen [Shopware 5]

Unser Plugin für die einfache Integration des Google Tag Manager Codes in Ihr Shopware-System kann direkt im Shopware Store erworben werden: https://store.shopware.com/dtgs01469/google-tag-manager-remarketing-enhanced-ecommerce.html

AJAX Cart View als ersten Checkout Step messen

Standardmäßig gibt unser Plugin die Ansicht des AJAX-Warenkorb (auch bekannt als OffCanvas-Warenkorb) nicht als Cart View an den Tag Manager weiter. Sollten Sie dies dennoch gerne abbilden, weil es für Sie einen vollständigeren Checkout-Funnel ergibt, ist die Umsetzung einfach und updatesicher gemacht.

Technische Basis ab Version 2.8.14 verfügbar

Um die Anpassung vorzunehmen, stellen Sie zunächst sicher, dass Sie mindestens Version 2.8.14 in Ihrem Shop verwenden.

Theme-Erweiterung

In Ihrem Theme müssen Sie lediglich dafür sorgen, dass nun im Template des Offcanvas-Warenkorb auch der entsprechende JavaScript-Code ausgegeben wird, der dem GTM den Cart View kommuniziert. Legen Sie dafür (falls noch nicht vorhanden) in Ihrem Theme die Datei themes/Frontend/MeinTheme/frontend/checkout/ajax_cart.tpl an und befüllen Sie diese folgendermaßen:

{extends file="parent:frontend/checkout/ajax_cart.tpl"}

{block name='frontend_checkout_ajax_cart'}
    {$smarty.block.parent}
    <script>
        dataLayer = window.dataLayer || [];
        {if $GoogleTagManagerConfig.enhanced_tracking_enabled}
            dataLayer.push (
                    {$GoogleTagManagerConfig.enhancedecommerce_tags}
            );
        {/if}
    </script>
{/block}

Kompilieren Sie Ihr Theme anschließend neu und prüfen Sie, ob die Kommunikation mit dem GTM korrekt funktioniert. Das Cart View wird in dieser Konfiguration als Checkout Step 1 übergeben.