Lerne die wichtigsten E-Commerce Basics & Strategien auf dem Weg zum perfekten Onlineshop - Erprobtes Wissen aus 16+ Jahren Agenturerfahrung⭐
👨 Über Felix Hartung (Online-Marketer) Im Alter von 14 Jahren machte ich mit Affiliate Marketing erste Erfahrungen im SEO Bereich. Anschließende Projekte im Dropshipping führten mich 2018 zu Kussin. Und eröffneten mir schließlich ein Fass ohne Boden ► E-Commerce. Neben meiner Agenturtätigkeit als Online-Marketing-Manager gründete ich 2021 FORADAY - eine Brand für personalisierte Fake-Tattoos.
✍️ Über Kussin | eCommerce und Online-Marketing GmbH Als E-Commerce Agentur unterstützen wir mittelständische und große Unternehmen bei der Entwicklung leistungsstarker Onlineshops - Fokus auf Magento, Shopify, OXID eSales und individuelle Web Anwendungen. Seit mehr als 16 Jahren beraten, konzipieren und entwickeln wir Online-Shops aus Pinneberg im Norden Hamburgs.
Ich habe bei mir in den Codes kein "product-template.liqiud" - wo muss ich es dann einfügen? Ich habe mehrere Produkte, aber keine variationen von diesen Produkten - ich finde das aber nicht ... kann mir da jemand helfen? Bis jetzt aber wirklich richtig gutes Video, vielen vielen lieben dank!
Super erklärt, vielen dank! Wenn ich in meinem WooCommerce Shop auf "Add to basket" klicke bekomme ich nur ein form_submit angezeigt im tag manager, kein add_to_cart. Kann ich da selber ein event mit dem Kauf Button übergeben?
Also ich habe einen Onlie Shop mit 14‘000 Seiten. Da ich meinen Lieferanten gewechselt habe, habe ich nun 2450 404 Fehler in der GSC. Also Links die nicht mehr existieren. Kann ich das wirklich vernachlässigen? Ich habe das Gefühl mein Ranking geht seit dieser Umstellung zurück. Danke für deine Antwort!
Nein, das würde ich nicht vernachlässigen. Überprüfe am besten, wo die 404 Links platziert wurden und entferne sie bestmöglich. Es könnte aber auch sein, dass das Problem sich von selbst löst, weil Google noch alte Cross Sells auf Produktseiten indexiert hat, die dann ins Leere führen.
Super hilfreiches Video! Vielen Dank! Allerdings ist in eurem Blog-Beitrag der Code geändert. Dort steht jetzt 'render' anstatt 'include' das Snippet google-tag-manager. Im Screenshot steht 'include' im zu kopierenden Code drüber 'render'. Macht das einen Unterschied 🤔? Welcher Befehl ist der richtige? Danke für eine kurze Info.
Danke dir - Der Befehl "include" ist inzwischen veraltet und wird von manchen Themes nicht mehr vollständig unterstützt. Mit "render" bist du auf der sicheren Seite.
Hi! Ich find deine Videos und Tips mega, finde aber leider den buy button nicht in meinem theme. Kann es sein, dass der gar nicht drin ist und ich den erst in theme liquid einfügen muss bevor das alles schnackelt? Daher sehe ich im tag manager auch nur den view item event und nichts anderes. Hast du für diese Fälle zufällig noch ein passendes Video? =) Grüße !
Danke :) Welches Theme benutzt du? Wahrscheinlich meinst du den Add to Cart Button, oder? Hier ist das Video zum Einrichten des Tag Managers mit Shopify: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-c1wFHgCAoQ8.html
Hi. Was mache ich wenn ich keinen Reiter unter Tags < GA4 - Konfiguration angezeigt bekomme? Sehe nur diese: Google-Tag Das mit dem Google Analytics-Stream verknüpfte Google-Tag laden Google Analytics: GA4-Ereignis Ereignis an GA4 senden Legacy Google Analytics: Universal Analytics Treffer an altes Universal Analytics senden Google Analytics: klassisch Treffer an altes Google Analytics (klassisch) senden
Hi, super Video! Kannst du mir evtl. helfen die Progress Bar dynamisch zu machen? Also wenn ab 100€ der Versand kostenlos ist und 1 Produkt i.H.v. 60€ drin ist und ich im Warenkorb dann die Anzahl erhöhe, dass sich die Progress Bar auch direkt aktualisiert?
Danke dir! :) Ab 5:26 siehst du, wie man sie anpasst. Wenn sie sich dann nicht automatisch aktualisiert beim Erhöhen der Anzahl, ist dein Theme vermutlich nicht dafür geeignet. Die Bar funktioniert auf jeden Fall mit dem Dawn Theme und dem Sense Theme.
Überprüf mal in der GTM-Vorschau, ob im Datalayer unter "value" oder "revenue" 64€ stehen. Wenn nicht, liegt es an deinem Datalayer und du musst überprüfen, wie genau du GTM bei dir installiert hast.
So wird die Bar nur in Deutschland angezeigt: 1. Ändere die erste Zeile in deinem free-shipping-bar.liquid auf <div id="geoContent" class="free-shipping-bar-container"> 2. Füge diesen Code im theme.liquid eine Zeile über </body> hinzu: <script type="text/javascript"> document.addEventListener('DOMContentLoaded', function() { fetch('ipinfo.io/json') .then(response => response.json()) .then(data => { var geoContent = document.getElementById('geoContent'); if (geoContent && data.country !== 'DE') { geoContent.style.display = 'none'; } }) .catch(error => console.error('Error:', error)); }); </script> Mit anderen EU Werten wäre auch möglich, aber aufwändiger. Für solche kostenpflichtigen Anpassungen melde dich gerne bei mir: felix.hartung@kussin.de
Top Video, auf den Punkt und nicht viel unnötige Zusatzinfo - so muss es sein. Für mich spannend wäre noch: - Anpassung Font Größe, Farbe - Anpassung Icon (ggf. anderes Icon + Farbe vom Icon) - Ausblenden v. zzgl Versand unten im Drawer (unter der Zwischensumme)
Besten Dank! 1. Du kannst etwas im CSS Asset wie folgt ändern und deine Wunsch-Schriftgröße und Farbe eingeben: Vorher: .free-shipping-bar-container { margin-bottom:10px; } Nachher: .free-shipping-bar-container { margin-bottom:10px; font-size: 16px; color: #ff0000; } 2. Du kannst das <svg ...></svg> im free-shipping-bar.liquid austauschen, musst aber die width, height und viewbox Attribute so ändern, dass es die gewünschte Größe hat. Die Farbe änderst du im Fill Attribut innerhalb vom <svg> 3. Text löschen unter: Themes > Drei Punkte deines Themes > Standard Theme Text bearbeiten > Nach "Steuern und Versand werden beim Checkout berechnet" suchen.
Ein grüner Impuls mit dem Text das die Ware auf Lager ist. Wenn Textilgröße ausverkauft ist blende den grünen Impuls + Text aus 😅… Danke für dein Video 👍
@@kussin Was mir bei deinem Video einfällt ist, dass wenn die Progress Bar den Kostenlosen Versand erreicht hat, dass dein Satz unter der Zwischensumme (Versand wird beim Checkout berechnet) für den Kunden verwirrend ist. Da wäre es on Top gut, wenn unterhalb des Textes (Zwischensumme) ein weiterer Text "Versandkosten Kostenlos ab xx €" (am besten komplett mit grüner Schrift) direkt eingeblendet wird. :D
@@Eclipsetwog Du kannst den Text ändern oder entfernen wie du möchtest unter: Themes > Drei Punkte deines Themes > Standard Theme Text bearbeiten > Nach "Steuern und Versand werden beim Checkout berechnet" suchen
Hallo , dein Video isz super. Allerdings habe ich eine Frage ich hoffe ich erhalte eine Antwort. Ich möchte den Free Shopping Bar in meinem Shop einbauen. Nachdem ich die schritte gegangen bin wie im video erklärt finde ich unter dem Abschnitt : cart-template oder Cart-template.liquide nicht . Könnt ihr mir da bitte weiterhelfen?
Es gibt auch den Warenkorbstil "Einschub" statt Seite. Ist es möglich mit deinem Code diesen mit zu implementieren? Wenn ja, in welcher Sektion (Abschnitt) muss dieser eingesetzt werden?
Nein, leider aktuell nicht, weil die richtigen Werte des Warenkorbwerts erst nach Neuladen der Seite verfügbar sind und der "Einschub" / Mini-Cart durch Javascript geladen wird. Mit Anpassungen wäre das möglich. Da wir das schon öfter gefragt wurden, kommt vielleicht demnächst ein Tutorial dafür :)
Wahrscheinlich feuert eine andere Trackingapp auch das "purchase" Event. Vielleicht kannst du das Skript auf der Bestellbestätigungsseite entfernen (In den Shopify Einstellungen > Checkout > Zusätzliche Skripte) und den Datalayer der App nutzen.
Hallo! Danke für die verständliche Erklärung! Ich habe 2 Rückfragen - es wäre sehr nett wenn du die beantworten könntest :) Wenn ich bei einem view_item_list Event bei GA4 auswerten möchte, welche item_ids in der item_list angezeigt wurden, reicht es hier das komplette Array mit allen infos zum item zu übergeben? Also mittels "ecommerce.items"? Kann GA4 dann auch bspw. nur die item_id auswerten? Theoretisch müsste GA4 die ecommerce Daten ja verstehen. Alternativ war mein Gedanke, nur die item_ids kommagetrennt zu übergeben. Das habe ich mit ecommerce.items.*.item_id versucht - funktioniert aber nicht. Mit ".0" übernimmt er ja nur das erste item, bzw. die erste item_id. Ist das Standardvorgehen hier, das komplette Array über ecommerce.items zu übergeben? Um die Ereignisparameter auswerten zu können, müssen ja dann noch benutzerdefinierte Dimensionen dafür erstellt werden. Hast du dazu auch ein Video?
Hi, wenn die Parameter GA4 konform benannt sind, kannst du den gesamten Array übergeben. In deinem Fall ist das bei „item_id“ der Fall. Hier kannst du überprüfen, ob der gesamte Datalayer GA4-kompartibel ist und du tatsächlich den gesamten Array übergeben kannst: developers.google.com/analytics/devguides/collection/ga4/ecommerce?hl=de&client_type=gtag#make_a_purchase_or_issue_a_refund
Für die Auswertung der Ereignisparameter brauchst du keine benutzerdefinierten Dimensionen - Kannst du direkt im "E-Commerce-Käufe"-Bericht links als Element statt "Artikelname" auswählen (Artikel-ID, Artikel-Kategorie, Artikelvariante, etc.)
Wirklich gutes Video, super einfach 1:1 nachzubauen. Habe alle paar Sekunden das Video gestoppt und in den GTM übertragen. Hat auf Anhieb alles fehlerfrei funktioniert. Daumen hoch und Abo dagelassen. Ziehe mir noch dein Video zu Google-Ads rein.
Hi, Vielen Dank für das Video, ich finde es auch sehr hilfreich. Leider habe ich allerdings das Problem, dass bei meinem Debug in GTM kein purchase event in der linken Leiste angezeigt wird, obwohl das purchase tag gefeuert wird. Wenn ich dann in mein GA4 Tag (in der Debug View in GTM) navigiere, sehe ich zwar das purchase event, aber unter Data Layer steht "Data Layer values after this Message: {}" Weißt du, woran das liegen könnte und wie ich das überarbeiten kann? Ich hab schon so viele Anleitungen befolgt und komme nicht zum richtigen Ergebnis. Vielen Dank im Voraus
Leider nicht bekannt, aber selbst wenn - Hat es sicher aufgrund der ganzen Individualisierung nur noch maximal 5% mit dem Originaltheme zutun. Umso mehr man ein paar wenige Basics im HTML, CSS und Liquid beherrscht, desto irrelevanter werden solche Fragen. Hat mir auf jeden Fall krass geholfen 👌🏼 Beste Grüße Felix
hi, danke für deine gute aufbereitung für das implementieren der GA4-events bzw. des jeweiligen tags in shopify. ich habe jetzt aber folgende frage: muss ich das trotzdem alles einzeln und selber vornehmen, wenn ich Ga$ über den googlekanal bei shopify einrichte? wird dann nur das theme-tag installiert oder werden damit schon alle von dir genannten ecommerce-events in shopify installiert? danke für eine baldige antwort, liebe grüsse aus wien, meret
Hi Meret, danke dir! Es kann sein, dass du die Datalayer der App auch im Google Tag Manager weiternutzen kannst. Binde einfach mal den GTM-Basiscode im <head> Bereich ein und sieh dir im GTM-Vorschaumodus an, ob die Datalayer erkannt werden. Beste Grüße Felix :)
Sehr stark! - die Frage ist jedoch, brauch es ein komplexes Setup bei Shopify? Ist es, im Zuge der Einfachheit nicht angenehmer, die 3. Partner Integration zu nehmen? Beste Grüsse
Danke Kishan! Wenn dir die monatlichen Kosten einer App nichts ausmachen, du nicht besondere Flexibilität brauchst und nichts mit Code am Hut hast, würde ich auch eher zu einer Drittanbieterintegration raten. Wie komplex man die Eigen-Integration empfindet, liegt natürlich auch im Auge des Betrachters. Wenn man mehr Flexibilität in den Events braucht, muss man meist auch selber ran an den Code. Beispiel: Ein Kunde von uns nutzt den "Zakeke Product Designer" zur Personalisierung. Der ATC-Button wird durch den "Jetzt gestalten"-Button ersetzt und somit nicht mehr als ATC getrackt. Dabei mussten wir das ATC-Event manuell in den Button einbauen, damit sie für personalisierte Artikel getrackt werden.
Vielen Dank für das sehr hilfreiche Video. :D Ich habe bei mir mehrere Events im GTM erstellt und diese dann als Conversions im GA4 markiert. Die Eventnamen sind individuell und die Informationen sind alle hinterlegt. Unter E-Commerce-Käufe sehe ich allerdings nicht den Gesamtumsatz, obwohl dieser richtig übertragen wird. Das habe ich in der GTM Vorschau geprüft und auch im GA4 Debug Mode. Es kommen nur Umsätze rein wenn ich den Eventnamen = purchase verwende. Da ich aber Spiele/Gutscheine verkaufe, habe ich 2 eigene Events erstellt mit allen Daten aus dem Event die benötigt werden. Hier werden allerdings die Gesamtumsätze nicht angezeigt wie wenn ich als Eventname = purchase verwende. Was muss ich einstellen oder erweitern, dass auch meine erstellten Events den Gesamtumsatz an die GA4 Übersicht E-Commerce-Käufe senden?
Vielen Dank für deine tolle Erklärung. Im Debuqview sieht das Event purchase genau so aus wie bei dir jedoch fehlt bei den Events view_item und add_to_card der Tab Elemente. Somit werden die Bestellungen übertragen aber keine angesehenen Produkte und auch kein add_to_card. Hast du hier eventuell eine Lösung?
Hey, bei mir ist das ganz seltsam, bei mir kommen keine zahlen im ecommerce mehr an. Bei mir wird der umsatz .revenue beim debuggen als text angezeigt... 😢 Also rotem "199.99" anstelle von grünen 199.99 wert angezeigt. Gibt es da eine lösung und könnte da der fehler beim auslesen liegen?
Hi Dominik, kannst du mir einen Screenshot vom Datalayer und Tag im Debug Mode beim Kauf Event dalassen? prnt.sc/ Dann kann ich besser nachvollziehen, was genau du meinst :)
Ich versende mittlerweile auch nach Europa, wenn ich da die Versandkosten ab einem bestimmten Wert übernehme, werde ich arm :) Gibt es die Möglichkeit, die Bestellsumme nur bei deutschen Kunden mit dem Warenkorbrechner anzugeben, nee ne?