{"id":3362,"date":"2025-04-01T12:29:06","date_gmt":"2025-04-01T10:29:06","guid":{"rendered":"https:\/\/cocos.codes\/?p=3362"},"modified":"2026-01-21T15:56:27","modified_gmt":"2026-01-21T14:56:27","slug":"woocommerce-integration-google-ga4-gtm-anzeigen","status":"publish","type":"post","link":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/archive\/woocommerce-integration-google-ga4-gtm-anzeigen\/","title":{"rendered":"WooCommerce Google Integration (GA4, GTM, Ads) 1.0"},"content":{"rendered":"<h6 data-rm-block-id=\"block-1\">Dokumentation WooCommerce Google-Integration<\/h6>Umfassend <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/kategorie\/wissensbasis\/wordpress\/dokumentationen\/\" title=\"Dokumentation\">Dokumentation<\/a> f\u00fcr das Plug-in <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/product\/wordpress-integration-google-ga4-gtm-ads\/\" title=\"Cc_google_integration\">cc_google_integration<\/a><br \/><br \/><strong>Inhalts\u00fcbersicht<\/strong><br \/>1. Einleitung<br \/>2. Einbau<br \/>3. die Aktivierung der Lizenz<br \/>4 Grundlegende Konfiguration<br \/>5. Verfolgung von Ereignissen im elektronischen Handel<br \/>6 Integration mit Google Ads<br \/>7. Fehlersuchmodus<br \/>8. benutzerdefinierter JavaScript-Code<br \/>9 Fehlersuche<br \/>10. H\u00c4UFIG GESTELLTE FRAGEN<br \/><h6 data-rm-block-id=\"block-2\"><br \/>1. Einleitung<\/h6>CC Google Integration ist ein professionelles Plug-in f\u00fcr <a href=\"https:\/\/woocommerce.com\/\" title=\"WooCommerce\" target=\"_blank\" rel=\"noopener\">WooCommerce<\/a> erm\u00f6glicht die vollst\u00e4ndige Integration des Online-Shops mit Google Analytics 4, Google Tag Manager und Google Ads. Es erm\u00f6glicht die automatische Verfolgung des Nutzerverhaltens und der E-Commerce-Ereignisse, was f\u00fcr die Optimierung der Vertriebs- und Marketingprozesse von entscheidender Bedeutung ist.<br \/><br \/>Das Plug-in erm\u00f6glicht die volle Kontrolle \u00fcber:<br \/><ul><li data-rm-block-id=\"block-3\">Integration mit Google Analytics 4 (GA4)<\/li><li data-rm-block-id=\"block-4\">Integration mit Google Tag Manager (GTM)<\/li><li data-rm-block-id=\"block-5\">Google Ads-Konfiguration<\/li><li data-rm-block-id=\"block-6\">Verfolgung von E-Commerce-Ereignissen<\/li><li data-rm-block-id=\"block-7\">benutzerdefinierter JavaScript-Code<\/li><\/ul><h6 data-rm-block-id=\"block-8\"><br \/>2. Einbau<\/h6><strong>Systemanforderungen<\/strong><br \/><ul><li data-rm-block-id=\"block-9\">WordPress 5.0 oder h\u00f6her<\/li><li data-rm-block-id=\"block-10\">WooCommerce 3.0 oder h\u00f6her<\/li><li data-rm-block-id=\"block-11\">PHP 7.0 oder h\u00f6her<\/li><\/ul><strong>Einbauverfahren<\/strong><br \/><ol><li data-rm-block-id=\"block-12\">Laden Sie die ZIP-Datei des Plug-ins herunter von <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/\" title=\"Offizieller Shop\">der offizielle Shop<\/a><\/li><li data-rm-block-id=\"block-13\">Loggen Sie sich in das WordPress-Administrationspanel ein<\/li><li data-rm-block-id=\"block-14\">Gehen Sie zu: <strong>Plug-ins &gt; Neu hinzuf\u00fcgen &gt; Plug-in senden<\/strong><\/li><li data-rm-block-id=\"block-15\">W\u00e4hlen Sie die heruntergeladene ZIP-Datei und klicken Sie auf \"Jetzt installieren\".<\/li><li data-rm-block-id=\"block-16\">Sobald die Installation abgeschlossen ist, klicken Sie auf \"Plug-in aktivieren\".<\/li><\/ol><h6 data-rm-block-id=\"block-17\"><br \/>3. die Aktivierung der Lizenz<\/h6>Vor der Verwendung des Plug-ins muss die Lizenz aktiviert werden:<br \/><br \/>Nach der Installation gehen Sie zu: <strong>COCOS. &gt; Lizenz cc_google_integration<\/strong><br \/>Geben Sie den nach dem Kauf erhaltenen Lizenzschl\u00fcssel ein<br \/>Klicken Sie auf \"Lizenz aktivieren\".<br \/>Nach erfolgreicher Aktivierung erhalten Sie eine Best\u00e4tigungsmeldung<br \/><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-18\">Tipp<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-19\">Ohne eine aktive Lizenz arbeitet das Plug-in im Vorschaumodus, ohne die M\u00f6glichkeit, die Einstellungen zu bearbeiten.<\/div><\/div><h6 data-rm-block-id=\"block-20\"><br \/>4 Grundlegende Konfiguration<\/h6>So konfigurieren Sie die Grundeinstellungen des Plug-ins:<br \/><ol><li data-rm-block-id=\"block-21\">Gehen Sie zu: <strong>Einstellungen &gt; Google-Integration<\/strong><\/li><li data-rm-block-id=\"block-22\">Konfigurieren Sie die folgenden Optionen:<\/li><\/ol><strong>Kennung GA4<\/strong><br \/>Geben Sie die Google Analytics 4-Messungskennung ein (Format: G-XXXXXXXXXX). Sie finden sie in der Google Analytics-Schnittstelle unter Verwaltung &gt; Service-Einstellungen &gt; Datenerfassung und -\u00e4nderung &gt; Datenstr\u00f6me &gt; ausgew\u00e4hlter Stream &gt; Messungskennung.<br \/><br \/><strong>Container-ID GTM<\/strong><br \/>Geben Sie die Google Tag Manager Container-ID ein (Format: GTM-XXXXXXX). Sie finden sie in der Schnittstelle von Google Tag Manager.<br \/><br \/><strong>Google Ads ID<\/strong><br \/>Geben Sie die Hauptkennung des Google Ads-Tags ein (Format: AW-XXXXXXXXX). Sie finden ihn in der Google Ads-Oberfl\u00e4che unter Tools &gt; Site Tags.<br \/><br \/><h6 data-rm-block-id=\"block-23\"><br \/>5. Verfolgung von Ereignissen im elektronischen Handel<\/h6>In diesem Abschnitt k\u00f6nnen Sie die Verfolgung von E-Commerce-Ereignissen aktivieren und konfigurieren:<br \/><br \/><strong>E-Commerce-Verfolgung aktivieren<\/strong><br \/>Aktivieren Sie diese Option, um die Google Analytics-Kaufereignisverfolgung zu aktivieren 4.<br \/><br \/><strong>Veranstaltungen folgen<\/strong><br \/>W\u00e4hlen Sie, welche E-Commerce-Ereignisse Sie in Ihrem Shop verfolgen m\u00f6chten:<br \/><ul><li data-rm-block-id=\"block-24\"><strong>Anzeige der Produktliste<\/strong> (view_item_list) - registriert die Anzeige einer Liste von Produkten in einem Shop<\/li><li data-rm-block-id=\"block-25\"><strong>Einzelproduktanzeige<\/strong> (view_item) - registriert die Anzeige der Produktseite<\/li><li data-rm-block-id=\"block-26\"><strong>In den Warenkorb legen<\/strong> (add_to_cart) - registriert das Hinzuf\u00fcgen eines Produkts zum Warenkorb<\/li><li data-rm-block-id=\"block-27\"><strong>Beginn des Vertrags<\/strong> (begin_checkout) - registriert den Beginn des Bestellvorgangs<\/li><li data-rm-block-id=\"block-28\"><strong>Kaufen Sie<\/strong> (Kauf) - registriert die abgeschlossenen Transaktionen<\/li><li data-rm-block-id=\"block-29\"><strong>Suche<\/strong> (Suche) - registriert die Suchanfragen auf der Shop-Seite<\/li><li data-rm-block-id=\"block-30\"><strong>Registrierung der Benutzer<\/strong> (sign_up) - registriert die Anmeldung eines neuen Benutzers<\/li><li data-rm-block-id=\"block-31\"><strong>Benutzeranmeldung<\/strong> (login) - registriert die Anmeldung eines bestehenden Benutzers<\/li><\/ul><strong>Benutzerdefinierte Klasse f\u00fcr die Schaltfl\u00e4che \"In den Warenkorb\".<\/strong><br \/>Geben Sie die CSS-Klassen der Schaltfl\u00e4chen ein, die Sie verfolgen m\u00f6chten. Sie k\u00f6nnen mehrere Klassen mit Kommas trennen. Die Standard-Schaltfl\u00e4chenklassen in WooCommerce sind:<br \/><ul><li data-rm-block-id=\"block-32\">.add-to-cart<\/li><li data-rm-block-id=\"block-33\">.add_to_cart_button<\/li><li data-rm-block-id=\"block-34\">.ajax_add_to_cart<\/li><li data-rm-block-id=\"block-35\">.single_add_to_cart_button<\/li><li data-rm-block-id=\"block-36\">.single_add_to_cart_ajax_button<\/li><\/ul><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-37\">Tipp<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-38\">Das Plug-in erkennt die Klassen der \"In den Warenkorb\"-Schaltfl\u00e4chen automatisch, aber es lohnt sich immer, sie manuell mit den Entwicklungstools des Browsers (F12) zu \u00fcberpr\u00fcfen.<\/div><\/div><h6 data-rm-block-id=\"block-39\"><br \/>6 Integration mit Google Ads<\/h6>Um das Google Ads Conversion Tracking einzurichten, konfigurieren Sie die folgenden Felder:<br \/><br \/><strong>Umrechnung von Etiketten<\/strong><br \/>Geben Sie die Google Ads Conversion Labels f\u00fcr einzelne Ereignisse ein. Die Bezeichnung ist der Teil nach dem \"\/\" in der vollst\u00e4ndigen Conversion-ID. Wenn die Conversion-ID zum Beispiel \"AW-123456789\/AbCdEfGhIj\" lautet, geben Sie \"AbCdEfGhIj\" in das entsprechende Feld ein.<br \/><br \/>Konvertierungsetiketten verf\u00fcgbar:<br \/><ul><li data-rm-block-id=\"block-40\"><strong>Umwandlung Etikett \"Produktanzeige\"<\/strong> - f\u00fcr das Ereignis view_item<\/li><li data-rm-block-id=\"block-41\"><strong>Umwandlung Etikett \"in den Warenkorb\"<\/strong> - f\u00fcr das Ereignis add_to_cart<\/li><li data-rm-block-id=\"block-42\"><strong>Umwandlung Etikett \"Beginn der Bestellung\"<\/strong> - f\u00fcr das Ereignis begin_checkout<\/li><li data-rm-block-id=\"block-43\"><strong>Umwandlung Etikett \"Kauf\"<\/strong> - f\u00fcr die Veranstaltung kaufen<\/li><li data-rm-block-id=\"block-44\"><strong>Umwandlung Label \"Suche\"<\/strong> - f\u00fcr das Suchereignis<\/li><li data-rm-block-id=\"block-45\"><strong>Umwandlung Label \"Benutzerregistrierung\"<\/strong> - f\u00fcr das Ereignis sign_up<\/li><li data-rm-block-id=\"block-46\"><strong>Umwandlung Bezeichnung \"Benutzeranmeldung\"<\/strong> - f\u00fcr die Anmeldung zur Veranstaltung<\/li><\/ul><div class=\"cc-alert cc-alert-warning\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-47\">Wichtig<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-48\">F\u00fcr Google Ads m\u00fcssen Sie die Ziele und Conversions selbst in Ihrem Google Ads-Konto erstellen. Sobald Sie die Conversion-Labels erhalten haben, m\u00fcssen diese in die Plug-in-Konfiguration eingegeben werden.<\/div><\/div><h6 data-rm-block-id=\"block-49\"><br \/>7. Fehlersuchmodus<\/h6>Das Plug-in bietet einen Debug-Modus, mit dem Sie \u00fcberpr\u00fcfen k\u00f6nnen, ob die Integration korrekt funktioniert:<br \/><br \/><strong>Debug-Modus einschalten<\/strong><br \/>Aktivieren Sie diese Option, um den Debugging-Modus zu aktivieren. Dies f\u00fchrt dazu, dass detaillierte GA4-Ereignisinformationen und Diagnosemeldungen in der JavaScript-Konsole angezeigt werden.<br \/><br \/><div class=\"cc-alert cc-alert-tip\"><div class=\"cc-alert-title\" data-rm-block-id=\"block-50\">Tipp<\/div><div class=\"cc-alert-content\" data-rm-block-id=\"block-51\">Um die Entwicklerkonsole in Ihrem Browser zu \u00f6ffnen, dr\u00fccken Sie F12 oder Strg + Umschalt + I (Windows\/Linux) bzw. Cmd + Option + I (Mac) und gehen dann auf die Registerkarte \"Konsole\".<\/div><\/div><strong>Testen im Tag Assistant<\/strong><br \/>Um sicherzustellen, dass alles korrekt funktioniert, k\u00f6nnen Sie das offizielle Google-Tool Tag Assistant verwenden. Damit k\u00f6nnen Sie \u00fcberpr\u00fcfen, ob die Tags richtig implementiert sind und die Daten korrekt \u00fcbertragen werden.<br \/><br \/><h6 data-rm-block-id=\"block-52\"><br \/>8. benutzerdefinierter JavaScript-Code<\/h6>Das Plug-in erm\u00f6glicht es Ihnen, Ihren eigenen JavaScript-Code hinzuzuf\u00fcgen, der dann auf allen Shop-Seiten ausgef\u00fchrt wird:<br \/><br \/><strong>Eigenen Code einbinden<\/strong><br \/>Aktivieren Sie diese Option, um die Ausf\u00fchrung Ihres eigenen JavaScript-Codes zu aktivieren.<br \/><br \/><strong>Benutzerdefinierter JavaScript-Code<\/strong><br \/>In diesem Feld k\u00f6nnen Sie benutzerdefinierten JavaScript-Code eingeben, der auf allen Seiten ausgef\u00fchrt wird. Sie k\u00f6nnen hier Ihre eigenen Ereignisse f\u00fcr GA4 oder GTM hinzuf\u00fcgen.<br \/><br \/>Beispiel f\u00fcr benutzerdefinierten Ereigniscode:<br \/><div class=\"cc-code-quote\"><pre data-rm-block-id=\"block-53\"><code>document.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ Sicherstellen, dass der dataLayer existiert\r\n    window.dataLayer = window.dataLayer || [];\r\n    \/\/ Beispiel f\u00fcr das Senden eines einfachen Ereignisses, wenn die Seite geladen wird\r\n    dataLayer.push({\r\n      \"event\": \"custom_event\",\r\n      \"custom_parameter\": \"value\",\r\n      \"timestamp\": new Date().toISOString()\r\n    });\r\n    console.log(\"Benutzerdefiniertes Ereignis wurde an dataLayer gesendet\");\r\n    \/\/ Optional: Beispiel f\u00fcr ein Schaltfl\u00e4chenklick-Ereignis\r\n    \/\/ Pr\u00fcfen, ob das Element existiert, bevor der Listener hinzugef\u00fcgt wird\r\n    const button = document.querySelector(\"#moj-button\");\r\n    if (Schaltfl\u00e4che) {\r\n      button.addEventListener(\"click\", function() {\r\n        dataLayer.push({\r\n          \"event\": \"button_click\",\r\n          \"button_id\": \"my-button\",\r\n          \"button_text\": this.textContent\r\n        });\r\n        \r\n        console.log(\"Das Schaltfl\u00e4chenklick-Ereignis wurde an den dataLayer gesendet\";)\r\n      });\r\n    }\r\n});<\/code><\/pre><\/div><h6 data-rm-block-id=\"block-54\"><br \/>9 Fehlersuche<\/h6><strong>Tags sind in den Google-Tools nicht sichtbar<\/strong><br \/><ul><li data-rm-block-id=\"block-55\">\u00dcberpr\u00fcfen Sie, ob die GA4-, GTM- und Google Ads-Kennungen korrekt eingegeben wurden.<\/li><li data-rm-block-id=\"block-56\">Sicherstellen, dass die Lizenz aktiv ist<\/li><li data-rm-block-id=\"block-57\">L\u00f6schen Sie den Browser-Cache und pr\u00fcfen Sie erneut<\/li><li data-rm-block-id=\"block-58\">Verwenden Sie den Debug-Modus, um Meldungen in der JavaScript-Konsole anzuzeigen<\/li><li data-rm-block-id=\"block-59\">Google Tag Assistant zum \u00dcberpr\u00fcfen von Tags verwenden<\/li><\/ul><strong>Ereignisse werden nicht aufgezeichnet<\/strong><br \/><ul><li data-rm-block-id=\"block-60\">Stellen Sie sicher, dass die entsprechenden Ereignisse in der Plug-in-Konfiguration aktiviert sind.<\/li><li data-rm-block-id=\"block-61\">Pr\u00fcfen Sie, ob die benutzerdefinierten Klassen der Schaltfl\u00e4che \"In den Warenkorb\" korrekt eingestellt sind.<\/li><li data-rm-block-id=\"block-62\">\u00dcberpr\u00fcfen Sie, ob es keine Konflikte mit anderen Plug-ins gibt<\/li><li data-rm-block-id=\"block-63\">\u00dcberpr\u00fcfen Sie, ob das JavaScript auf der Seite korrekt funktioniert (keine Fehler in der Konsole)<\/li><\/ul><strong>Probleme mit Google Ads<\/strong><br \/><ul><li data-rm-block-id=\"block-64\">Pr\u00fcfen Sie, ob die Hauptkennung von Google Ads korrekt ist<\/li><li data-rm-block-id=\"block-65\">Sicherstellen, dass die Konvertierungsetiketten korrekt konfiguriert sind<\/li><li data-rm-block-id=\"block-66\">\u00dcberpr\u00fcfen Sie, ob die Konversionen im Google Ads-Bedienfeld korrekt konfiguriert sind.<\/li><\/ul><h6 data-rm-block-id=\"block-67\"><br \/>10. H\u00c4UFIG GESTELLTE FRAGEN<\/h6><strong>Funktioniert das Plug-in mit den neuesten Versionen von WooCommerce?<\/strong><br \/>Ja, die CC Google Integration ist mit den neuesten Versionen von WooCommerce kompatibel und wird regelm\u00e4\u00dfig aktualisiert, um die Kompatibilit\u00e4t zu gew\u00e4hrleisten.<br \/><br \/><strong>Ben\u00f6tige ich separate Konten f\u00fcr GA4, GTM und Google Ads?<\/strong><br \/>Ja, um das Plugin optimal nutzen zu k\u00f6nnen, wird empfohlen, Google Analytics 4, Google Tag Manager und Google Ads zu verwenden. Jedes dieser Tools hat eine andere Rolle im Analytics-\u00d6kosystem.<br \/><br \/><strong>Beeintr\u00e4chtigt das Plug-in die Leistung der Website?<\/strong><br \/>Die CC Google Integration wurde mit Blick auf die Leistung entwickelt und hat nur minimale Auswirkungen auf die Ladegeschwindigkeit der Seite. Die Skripte werden asynchron geladen, wodurch die Ladezeiten auf ein Minimum reduziert werden.<br \/><br \/><strong>Kann ich benutzerdefinierte Ereignisse verfolgen?<\/strong><br \/>Ja, mit der Option \"Benutzerdefinierter JavaScript-Code\" k\u00f6nnen Sie die Verfolgung beliebiger benutzerdefinierter Ereignisse sowohl zu Google Analytics 4 als auch zu Google Tag Manager hinzuf\u00fcgen.<br \/><br \/><strong>Unterst\u00fctzt das Plug-in \u00dcbersetzungen?<\/strong><br \/>Ja, alle Plugin-Texte k\u00f6nnen mit Standard-WordPress-Tools wie Loco Translate oder WPML \u00fcbersetzt werden.<br \/><br \/><strong>Wie oft wird das Plug-in aktualisiert?<\/strong><br \/>Das Plugin wird regelm\u00e4\u00dfig aktualisiert, um die Kompatibilit\u00e4t mit den neuesten Versionen von WordPress, WooCommerce und Google-Diensten zu gew\u00e4hrleisten.<br \/><br \/><strong>Was ist, wenn ich Unterst\u00fctzung brauche?<\/strong><br \/>Technischer Support ist nach dem Kauf der Lizenz verf\u00fcgbar. Kontaktieren Sie uns per <a href=\"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/support\/\" title=\"Support-Seite\">Support-Seite<\/a>.","protected":false},"excerpt":{"rendered":"Woo Commerce Dokumentation Google-Integration Umfassende Dokumentation f\u00fcr das Plugin cc_google_integration Inhaltsverzeichnis 1. Einf\u00fchrung 2. Installation 3. Lizenzaktivierung 4. Grundkonfiguration 5. E-Commerce-Ereignisverfolgung 6. Google-Integration","protected":false},"author":1,"featured_media":3374,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"powered_cache_disable_cache":false,"powered_cache_disable_css_optimization":false,"powered_cache_disable_js_optimization":false,"footnotes":""},"categories":[196],"tags":[219,197,218,217,216,144],"class_list":["post-3362","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dokumentacje","tag-ads","tag-dokumentacja","tag-ga4","tag-gtm","tag-integracja-google","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/posts\/3362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/comments?post=3362"}],"version-history":[{"count":0,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/posts\/3362\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/media\/3374"}],"wp:attachment":[{"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/media?parent=3362"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/categories?post=3362"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iarina029.supserv.cozmoslabs.com\/de\/wp-json\/wp\/v2\/tags?post=3362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}