Google Analytics (gtag.js)

Google Analytics ist wirklich einfach zu integrieren und man kann in Echtzeit die Seitenzugriffe auf die eigene Webseite protokollieren. Wir nutzen diese Möglichkeit im Rahmen unseres eigenen Kundenportals um dort das Userverhalten genauer nachzuverfolgen und ggfs. Fehler oder Performance Engpässe zu erkennen. Für die Integration muss ein wenig Javascript Code in den HEAD Block Ihrer Webseite integriert werden.

Mit Google Analytics können Sie die Daten Ihres Unternehmens mit kostenlosen Tools an einem Ort analysieren und so mehr über Ihre Kunden erfahren.

https://marketingplatform.google.com/about/analytics/

Um die Konfiguration in eine separate Javascript Datei auszulagern, muss der von google vorgeschlagene Code einfach in eine Funktion und deren Aufruf umformuliert werden, das wirkt etwas sortierter in der Entwicklung und kann zentral wie andere Javascript Dateien editiert werden. So wird dann daraus:

/*This function will load script and call the callback once the script has loaded*/
function loadScriptAsync(scriptSrc, callback) {
if (typeof callback !== 'function') {
throw new Error('Not a valid callback for async script load');
}
var script = document.createElement('script');
script.onload = callback;
script.src = scriptSrc;
document.head.appendChild(script);
}

/* This is the part where you call the above defined function and "call back" your code which gets executed after the script has loaded */
loadScriptAsync('https://www.googletagmanager.com/gtag/js?id=UA-1234XXXXXXX-1', function(){
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-1234XXXXXXX-1';
})

Das Coding wird dem HEAD Bereich zugeführt und entsprechend der von google vorgeschlagenen Logik asynchron geladen. Über den Callback, kommt es dann nach dem Ladevorgang, zur Ausführung.

Vorteile von Google Analytics

– Exportmöglichkeit der gesammelten Daten
– Verknüpfung mit Google AdWords möglich
– Einbindung AdSense möglich
– Einbindung von Sozialen Netzwerken möglich
– Messung der Ladezeit möglich
– E-Commerce Tracking möglich
– Definition und Messung individueller Ziele
– In-Page-Analyse vorhanden

Geschrieben am 2020-02-10 22:45:54