Fragen zum von Motomo angegebenen Tracking-Code für meine Website

Deutschsprachiges Forum (German)
1

Hallo,

ich habe heute mal überall in meinem Matomo-Dashboard herumgeklickt und geschaut, ob es irgend etwas neues gibt.
Dabei habe ich gesehen, dass der einfache Standard-Tracking-Code für meine Site nun teils ganz anders aussieht als derjenige vor einigen Jahren, als ich mit Matomo das Tracken begonnen habe.
(Administration > Webseiten > Tracking-Code)

Nachfolgend füge ich mal beide Code-Versionen ein. Die einzelnen Zeilen habe ich dabei durchnummeriert.
Es wäre sehr nett, wenn mal jemand über diese drüberschauen würde und mir dann schreiben würde, ob ich den alten Code ruhig so lassen kann, weil er trotzdem immer noch alles korrekt erfasst, oder ob ich einzelne Zeilen besser etwas anders schreiben soll (und falls ja, wie dann bitte).
Oder wäre es sogar am besten, wenn ich auf allen Seiten den alten Code komplett gegen den neuen austauschen würde??

Der alte Code:

1  <script type="text/javascript">
2    var _paq = _paq || [];
3    _paq.push(['trackPageView']);
4    _paq.push(['enableLinkTracking']);
5    (function() {
6      var u="//piwik.meineseite.de/";
7      _paq.push(['setTrackerUrl', u+'piwik.php']);
8      _paq.push(['setSiteId', '1']);
9      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
10      g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
11    })();
12  </script>

Der neue Code:

1  <script>
2    var _paq = window._paq = window._paq || [];
3    /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
4      _paq.push(['trackPageView']);
5      _paq.push(['enableLinkTracking']);
6    (function() {
7      var u="https://piwik.meineseite.de/";
8      _paq.push(['setTrackerUrl', u+'matomo.php']);
9      _paq.push(['setSiteId', '1']);
10      var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
11      g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
12    })();
13  </script>
2

Hallo Skippy,

zuerst wäre wichtig, welche Version von Matomo bei dir aktuell installiert ist. Falls es die neueste (5.1.0) ist:

Der neuen Code ist an die gegenwärtige Situation angepasst. Da ist vieles dabei, was sich über die Jahre an Erfahrung so ergeben hat und eingepflegt wurde. Der alte funktioniert zwar noch, aber der neue ist besser.

Aufpassen solltest du beim neuen in Zeile 7 was https betrifft. Falls du dir da unsicher bist, verwendet die alte Zeile.

3

Ja, es ist die Version 5.1.0. Das wollte ich eigentlich gleich noch dazuschreiben, hab’s dann aber vergessen…

Von meiner Seite her sollte https kein Problem sein. Bei meinem Hoster (ALL-INKL.COM) habe ich für die Website schon vor längerer Zeit SSL aktivieren lassen.
Zeile 7 im neuen Code sollte so doch dann kein Problem sein, oder?

4

So ist es. Falls jedoch https mal aus unerfindlichen Gründen ausfallen sollte, wäre die alte Zeile besser. Bei mir ist die alte Zeile noch in Gebrauch.

Also wenn https sicher immer und http nie in Gebrauch ist, dann die neue Zeile. Falls unsicher, die alte Zeile.
Wobei bei den meisten Webhosts die Einstellungen so sind, dass die meisten beim Aktivieren eines SSL-Certs auch zugleich eine serverseitige Weiterleitung von http auf https aktivieren, so dass auch im Falle eines Ausfalls des SSL-Certs auf https weitergeleitet und ein Fehler angezeigt wird, bzw. die Website gar nicht mehr unter http erreichbar ist, wegen der bereits serverseitigen Weiterleitung. Von daher hat sich Matomo wohl dazu entschlossen https default in den Tracking-Code zu schreiben. Du kannst das also so übernehmen.

5

Danke für die sehr guten Erklärungen!
Dann werde ich nun mal überall den neuen Code mit dem https einfügen.

6

Hier bin ich doch noch mal. Eine kleine Verständnissfrage habe ich noch.
Ich habe zusätzlich auch den Code des “Link Tracking mithilfe eines Bildes” eingefügt und weil dieses als Fallback dienen soll, den Code noch in noscript eingefasst.

Meine Frage nun: Was bedeutet der Satz “no referrer when downgrade” in dem Code? Was ist damit gemeint?
In der alten Version des Codes, die ich bisher benutzt habe, gab es diesen Satz noch nicht.

<noscript><img referrerpolicy="no-referrer-when-downgrade" src="https://piwik.meineseite.de/matomo.php?idsite=1&amp;rec=1" style="border:0" alt="" /></noscript>

.
Edit:
Ich habe gerade gesehen, dass wenn ich den Quellcode einer Seite nun vor mir habe, in der Codezeile der Part “img referrerpolicy” in Wellenlinien unterstrichen ist und wenn ich mit dem Mauszeiger darüber gehe, erscheint dieser Hinweis: “Validierung (HTML5): Das referrerpolicy-Attribut ist kein gültiges Attribut des img-Elements.”

Kann ich diese Meldung einfach ignorieren und es funktioniert trotzdem alles?

7

Da muss ich selbst erstmal nachsehen…

img sollte bekannt sein. Das ist der HTML-Tag zum einbinden von images (Bilder).

referrerpolicy ist ein Attribut, ebenso wie src.

Jedes Attribut hat Vorgaben für das dazugehörige Value. Das Value no-referrer-when-downgrade bedeutet, dass kein Referrer gesendet werden soll, wenn die Website https verwendet, aber die img scr nur http ist. Es muss also beides https (oder beides http) sein.

Mehr dazu hier: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#referrerpolicy

und hier: https://stackoverflow.com/questions/56500563/is-referrerpolicy-a-valid-attribute-of-a

8

Danke auch für diese Erklärungen!
Jetzt ist nur noch die Frage, warum in der Codeansicht das img referrerpolicy wellig unterstrichen ist und das Attribut referrerpolicy bei Mouseover als ungültig bezeichnet wird.
Kann eventuell einfach alles so bleiben, weil das Tracken vielleicht trotzdem korrekt funktioniert? Ein Screenshot davon:

referrer
referrer790×110 3.73 KB

9

wird Wo “wellig unterstrichen” und “bei Mouseover als ungültig bezeichnet”?

Wie auch immer. Lass das so und alles ist gut.