Statistik und Google Analytics 4 (GA4)

Statistik und Google Analytics 4 (GA4)

Google Analytics

Unter dem Reiter Statistik haben Sie zwei Möglichkeiten, ein ePaper zur statistischen Auswertung mit Tracking-Tools zu verbinden. Die einfachste Variante ist das Tracking über Google Analytics. Die zweite Möglichkeit, das Implementieren eigenen Tracking Codes auf JavaScript Basis, setzt ein gewisses Expertenwissen voraus und sollte von einem Entwickler vorgenommen werden. Folgende Events in einem ePaper können Sie über beide Varianten  auswerten:

  • wie oft das ePaper aufgerufen wurde
  • wie oft einzelne Seiten betrachtet wurden
  • wie oft jedes einzelne Element (Links oder Videos) auf den einzelnen Seiten geklickt wurde
  • wie oft die einzelnen Einträge im Inhaltsverzeichnis angeklickt wurden
  • wie oft das ePaper in den jeweiligen Sozialen Netzwerken geteilt wurde
  • wie oft die PDF Datei des ePapers heruntergeladen wurde
  • nach welchen Begriffen wie oft über die Suchfunktion im ePaper gesucht wurde

Google Analytics (alt)


Google-Account-ID/Web-Property-ID: Um ein ePaper über Google Analytics zu tracken, müssen Sie in diesem Feld lediglich die Web Property ID eintragen, über die das ePaper getrackt werden soll. Diese ID finden Sie im Analytics Account. (ACHTUNG: Bei GA4-Nutzung bitten wir Sie der Anleitung siehe "Neuer Tracking-Code für GA4-Nutzung" zu folgen.)

Tracking Code: Haben Sie eine Web Property ID angegeben, wird in diesem Feld der Tracking Code angezeigt, den wir für das ePaper generieren. Diesen Code können Sie  bearbeiten und um eigene Javascript Parameter und Einstellungen erweitern. Sie können dieses Feld auch nutzen um alternative Tracking Tools zu Google zu implementieren. Achten Sie dabei unbedingt darauf, dass Sie eigenen Code mit einem öffnenden und schließenden Script Tag (<script> Mein Code</script>) kapseln.  Der Code in diesem Feld wird im <head> der index.html des ePapers hinzugefügt. Wenn Sie den Code für Analytics ändern, verwenden Sie bitte analytics.js

Benutzerdefinierter Tracking Code


Benutzerdefinierten Tracking Code verwenden: Wenn Sie diese Checkbox aktivieren, wird ein weiteres Textfeld angezeigt, über welches Sie die oben genannten Ereignisse auch für alternative Tracking Tools zu Google verfügbar machen können. 

Tracking-Events (Javascript): Dieses Textfeld ist bereits mit Javascript Code von 1000° vorausgefüllt. Über den Funktionen sind zum einen die Parameter, so dass Sie erkennen welche Events darüber erfasst werden. Zum anderen sind die Funktionen beispielhaft mit console.log implementiert. So sehen Sie einerseits, wie eigener Code in den Funktionen geschrieben werden kann. Andererseits können Sie das Verhalten der Funktionen über einen Vorschaulink direkt in der Browser Konsole prüfen, bevor Sie diese mit eigenem Code implementieren. WICHTIG: Sie dürfen und brauchen in diesem Feld nur den Code innerhalb der Funktionskörper, also jeweils zwischen den geschweiften Klammern ändern! Damit das ePaper korrekt funktioniert, müssen alle Funktionen vorhanden sein. Wenn Sie ein Event nicht auswerten wollen, lassen Sie die Funktion stehen und löschen einfach nur den Code im Funktionskörper.

Ausgangscode wiederherstellen: Über diese Schaltfläche können Sie den von uns bereitgestellten Ausgangscode wiederherstellen.

Neuer Tracking-Code für GA4-Nutzung

Loggen Sie Sich in Ihren Google Analytics-Account ein und notieren Sie sich Ihre ID. Unter Experteneinstellungen können Sie diese mit folgenden Embed-Code ergänzen und im ePaper-CMS einbinden. Danach ist Ihr neues Tracking aktiviert.  


1. Unter "HTML / Head" tragen Sie diesen Code ein (+ ID ergänzen): 

<!-- Google tag (gtag.js) -->

2. Unter "Javascript" ergänzen Sie den Code (+ ID ergänzen) um folgende Befehle:
 
window.dataLayer = window.dataLayer || [];

        function gtag() {
            dataLayer.push(arguments);
        }
        const tagId = 'G-xxxxxxxxxx'
        gtag('js', new Date());
        gtag('config', tagId, {
            'name': 'clientGATracker'
        });
        function ga(_, eventData) {
            const params = { 
                send_to: 
                tagId 
            }
            const hitType = eventData.hitType
            if (hitType === 'pageview') {
                params.page_location = document.location.href
                gtag('event', 'page_view', params)
                return
            }
            params.event_category = eventData.eventCategory
            params.event_label = eventData.eventLabel
            params.value = eventData.eventValue
            gtag('event', eventData.eventAction, params)
        }

WICHTIG: 
Damit Eigenschaften wie "Event Category" oder "Event Label" angezeigt bzw. in GA4 verwendet werden können, müssen diese unter "Verwaltung" -> "Benutzerdefinierte Dimensionen" angelegt werden.
Danach können Sie unter "Ereignisse" in GA4 ihre Daten auslesen. Legen Sie dazu (je nach Bedarf) ihre eigenen Filter an. Achten Sie darauf, dass die Parameter richtig benannt werden. (siehe Screenshot)

Dazu können Sie auch in folgenden Video die einzelnen Schritte nachvollziehen: https://www.youtube.com/watch?v=I1hRHKVp-OY&feature=youtu.be  

 Jetzt anmelden und alle Features des ePaper Professionals ausprobieren!


    • Related Articles

    • Einstellungen exportieren und importieren

      Das CMS bietet zwei Möglichkeiten, um Einstellungen von einem ePaper auf ein anderes zu übertragen. Über die Import/Export Funktion im Menü Aktionen können Sie die Einstellungen und Anreicherungen eines ePapers auf Ihrem Computer speichern. In der ...

    • Einstellungen für einzelne ePaper und Vorgaben für Ihren gesamten Account

      Über das ePaper CMS können Sie Einstellungen zum Aussehen und Verhalten zum Einen für jedes ePaper einzeln, zum Anderen über Voreinstellungen festlegen. Über die “ePaper Einstellungen” passen Sie diese Einstellungen für jedes ePaper individuell an. ...

    • Allgemeine Einstellungen

      Auswahl des Webplayers Player-Version: Über diese Auswahl können Sie die Player Version des ePapers ändern. Der neueste Player ist aktuell die Version 4.1. Zur Zeit wird nur diese Player Version unterstützt. Empfohlene Einstellungen laden: Über diese ...

    • Media Elemente

      Unter diesem Reiter können Sie das Verhalten von Media-Elementen in einem ePaper zentral einstellen. Das Hauptaugenmerk liegt dabei darauf, interne und externe Links sowie E-Mail-Adressen, die über Verknüpfungen aus der PDF übernommen wurden, einfach ...

    • Aussehen

      Unter diesem Reiter können Sie das Erscheinungsbild des ePapers anpassen, Farben und Hintergrundbild des Players ändern oder ein eigenes Logo hinzufügen. Allgemeine Farbeinstellungen Hintergrundfarbe des ePapers: Über dieses Feld legen Sie die ...