Catch me if you can

Event-Tracking
beispielhaft mit GA

JavaScript, Datentypen, Funktionen, CSS, Selektoren, jQuery …
und dann war da noch der DOM

Wenn dann alles zusammen kommt. – Am Beispiel der letzten Übungsaufgabe.

Auf zum Flipchart

Google Analytics

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)}, i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXXXXX-1', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');

Event-Tracking

Ein Beispiel aus der Praxis

$(document).ready(function() {
    if (window.ga) {
        $('body').on('click', '.navigation .menu-item a', function() {
            ga('send', 'event', 'Navi', 'click', $(this).text());
        });
    }
});