[PiwikTrackingTag] Piwik-Tracking-Tag (ab Version 2.0.0)

**Torben** · 25.08.2009, 10:01

Diese Erweiterung bindet Tracking-Tag von Piwik in TYPOlight ein. Piwik ist eine umfangreiche Webstatistik-Anwendung und stellt eine Alternative zu Google-Analytics dar.

Das Modul wird in den Seitenlayouts konfiguriert und Sie haben die Möglichkeit festzulegen,
ob im Backend eingeloggte Benutzer in der Statistik berücksichtigt werden
ob im Frontend eingeloggte Mitglieder in der Statistik berücksichtigt werden
ob der Seiten-Titel anstatt des Alias in der Statistik verwendet wird
ob 404-Fehlerseiten mit Verweis auf diese Seiten in der Statistik gesondert angezeigt werden sollen
welche Dateiendungen in der Statistik als Download auftauchen

Um die Erweiterung nutzen zu können, benötigt Ihr eine funktionierende Piwik-Installation.

Repository:
https://contao.org/erweiterungsliste...ackingTag.html

Bitte nutzt für Fehler und Feature-Requests dieses Thema.

**Torben** · 25.08.2009, 10:29

Vorteile der neuen Version gegenüber der 1.*.*:

Problem mit allow_url_fopen behoben
Bei der Eingabe der URL wird überprüft, ob sich dort wirklich eine Piwik-Installation befindet
Falls der Code nicht angezeigt wird, da Benutzer oder Mitglieder eingeloggt sind, wird ein Kommentar in den Quelltext geschrieben
neue Einstellungen

**abackhaus** · 01.09.2009, 07:44

Hallo,
danke erstmal für das Update.

Zunächst habe ich wie verrückt im Quelltext nach dem Piwik-Tag gesucht - dann fand ich ihn im <head> statt wie gewohnt am Ende der Seite vor dem schließenden body-tag.

Hast Du bestimmte Gründe hierfür (?) der Tracking Code sollte eigentlich am Ende der Seite stehen.

Gruss, Albrecht

**Torben** · 01.09.2009, 07:49

Mir gefällt Javascript im Head einfach besser

und da ich nirgendwo gefunden haben, dass der nach unten muss und es so (bei mir) auch einwandfrei funktionierte, habe ich ihn nach oben verfrachtet.

Nachtrag: Von programmiertechnischer Seite her ist das im Head auch wesentlich sauberer gelöst.

**Toflar** · 01.09.2009, 07:58

Javascript gehört eigentlich auch in den <head>-Tag, es sei denn, es soll an einer bestimmten Stelle ausgegeben werden, wobei ich auch da finde, dass die Ausgabe ja platziert werden kann...von daher ist es eigentlich unnötig JS-Code anderswo zu platzieren

Aber grundsätzlich ist das eher "stilabhängig"...ich mag's organisert, von daher denk ich wohl gleich wie Torben

**abackhaus** · 01.09.2009, 08:40

Es gibt schon gute Gründe den Code an das Seitenende zu "verfrachten":

Um eine Seite zu verfolgen, muss der JS-Code den Tracking-Server kontaktieren und ihm sagen "Diese Seite xyz wird von einem Besucher angesehen und der benutzt den Browser ... und ....". Der Tracking-Server fügt diese Informationen in seine Datenbank ein um dann die entsprechenden Berichte bereitzustellen.
Wenn der JS-Code am Beginn der Seite eingefügt ist, so "pausiert" der Browser wenn er den JS Code erkennt. Der Browser musss den Server kontaktieren - bei manchen Analyse-Systemen den Code noch herunterladen - und dem Server die entsprechenden Informationen - wie im JS angefordert - bereitstellen.
Dieser Prozess ist i.d.R. transparent für den Endbenutzer. Ein Besucher, der jedoch z.B. über eine DFÜ-Verbindung kommt wird es wahrscheinlich bemerken. Sollte der Tracking-Server jedoch Verbindungsprobleme haben oder down sein o.ä. , so wird die Seite u.U. nicht komplett gerendert und angezeigt.

Tracking Code am Seitenende hat den geringsten Impact auf den Benutzer, da die Seite aufgebaut wird, bevor der JS Code ausgeführt wird. Auch wenn der Tracking Server schwächeln sollte - das Schlimmste was passsiert ist, daß die Seite nicht reportet wird.

Das Platzieren des Codes am Seitenende erhöht auch u.U die Qualität der Tracking-Ergebnisse. So ist z.B. die Auswertung des Status Codes 206 von Interesse, da man hier festgestellen kann, ob der Besucher die Anzeige der Seite vorzeitig abbricht und anderswo hingeht - z.B. wenn die Antwortzeit zu groß ist oder Seitenbestandteile - aus welchem Grund auch immer - nicht oder nur langsam laden.
Ist der Tracking-Code am Seitenanfang platziert, so wird eine solche vorzeitig verlassene Seite irrtümlich als vollständig besucht gezählt ( andererseits wird natülich eine nur teilweise angesehene Seite nicht erkannt, wenn der Code am Ende platziert ist - Tracking-Tag Lösungen sind halt nicht 100%-ig ...

)

**Toflar** · 01.09.2009, 09:03

Stimmt. Im <head>-Bereich, wird JS beim Seitenaufruf geladen. Im <body>-Bereich während die Seite geladen wird...

Ich kenne Piwik nicht, aber ich würde mir das noch einmal ansehen

**Torben** · 01.09.2009, 09:34

Wie wäre die Lösung per domready?

**abackhaus** · 01.09.2009, 09:58

Kann ich so auf die Schnelle nicht beantworten. Würde einfach den Code wieder ans Ende - nach dem Google-Analytics setzen.

**Toflar** · 01.09.2009, 10:03

domready wird gefeuert, sobald dom eben ready ist

Sprich alle Daten ausser externe Bilder usw...

Von daher ja, ich würde es in domready packen^^ Hast ja die bequeme mootools Variante zur Verfügung

**abackhaus** · 01.09.2009, 10:12

Ich bleibe dabei - ehe ich noch eine neue Baustelle (und damit auch Tests und Fehlermöglichkeiten usw.) eröffnen würde - ein simples Verschieben des Tags an das Ende tut es problemlos.

Zitat von Johann Wolfgang von Goethe

"Das Einfache durch das Zusammengesetzte, das Leichte durch das Schwierige erklären zu wollen, ist ein Unheil, das in dem ganzen Körper der Wissenschaft verteilt ist."

**Torben** · 01.09.2009, 11:28

Zitat von abackhaus

tut es problemlos.

Problemlos auf der Benutzer-, aber leider nicht auf der Entwicklerseite. Von daher werde ich Deinen Einwand insofern umsetzen, es über ein einfaches, in TYPOlight erproptes Verfahren, um Code nach dem Laden der Seite aufzurufen, zu realisieren.

**abackhaus** · 01.09.2009, 11:48

D.h. du willst es mit domready machen ?

**Torben** · 01.09.2009, 11:51

Ja, habe ich so gemacht.

**abackhaus** · 01.09.2009, 12:08

Danke - ich hab es mir angesehen. ändert leider an der von mir beschriebenen Thematik nicht so richtig was, da piwik.js noch immer am Anfang geladen wird.

Zitat von Albrecht

Wenn der JS-Code am Beginn der Seite eingefügt ist, so "pausiert" der Browser wenn er den JS Code erkennt. Der Browser musss den Server kontaktieren - bei manchen Analyse-Systemen den Code noch herunterladen - und dem Server die entsprechenden Informationen - wie im JS angefordert - bereitstellen.

**abackhaus** · 01.09.2009, 12:09

Danke - ich hab es mir angesehen. ändert leider an der von mir beschriebenen Thematik nicht komplett was, da piwik.js noch immer am Anfang geladen wird.

Zitat von Albrecht

Wenn der JS-Code am Beginn der Seite eingefügt ist, so "pausiert" der Browser wenn er den JS Code erkennt. Der Browser musss den Server kontaktieren - bei manchen Analyse-Systemen den Code noch herunterladen - und dem Server die entsprechenden Informationen - wie im JS angefordert - bereitstellen.

**Torben** · 01.09.2009, 12:15

mootools.js und slimbox.js doch auch - verstehe ich gerade nicht.

**Toflar** · 01.09.2009, 12:26

Nö, dann wird es eben erst geladen, wenn DOM ready ist - sprich die Seite geladen ist oder?

http://www.mootools.net/docs/core/Utilities/DomReady

**abackhaus** · 01.09.2009, 12:36

Zitat von Torben

mootools.js und slimbox.js doch auch - verstehe ich gerade nicht.

mootools und slimbox kommen von dem Server, der typolight hostet - piwik.js kommt vom Tracking-Server (Hosting für Piwik)

**Torben** · 01.09.2009, 18:53

Ahso, bei mir ist das alles auf einem Server, aber habe eine Idee...

**andreas.schempp** · 02.09.2009, 08:35

Grundsätzlich sollte der Code wenn möglich am Ende der Seite geladen werden. Denn der Browser führt das JS aus und der Body dauert dadurch länger.

Hier Details zur Optimierung:
http://developer.yahoo.com/performan...html#js_bottom

**Torben** · 02.09.2009, 10:28

Ich wollte das jetzt über Asset.javascript machen. Dann wird es erst geladen, nachdem die Seite aufgebaut ist.

**abackhaus** · 02.09.2009, 16:08

Zitat von Torben

Ich wollte das jetzt über Asset.javascript machen. Dann wird es erst geladen, nachdem die Seite aufgebaut ist.

Bin ja nicht so firm in JS - habe aber da so meine Zweifel ..

Zitat von MooTools Docs

Provides methods for the dynamic loading and management of JavaScript, CSS, and image files.
Assets Method: javascript

Injects a script tag into the head section of the document, pointing to the src specified.

Von Laden nach Seitenaufbau steht da nichts ?

**abackhaus** · 09.09.2009, 20:26

Hallo Torben,

vielen Dank für die neue Version und dass Verschieben ans Seitenende.
Funktioniert sehr gut.

Gruss und einen schönen Abend, Albrecht

**MacKP** · 17.09.2009, 18:14

Hallo Torben,
ich hab ein kleines Problem:
Mein </body> wird entfernt wenn ich im BE angemeldet bin (Funktion des ausblendens vom Code ist aktiv, damit ich mich nicht selber zähle). An sich ist das ja nur unschön, aber das dumme ist dann das Besucher das auch so haben in der Zeit und dann wäre es blöd, wenn die Seite so gecached wird und erst mal so bleibt bei der Auslieferung. Könntest du da noch was drehen?

Und da ich gerade dabei bin... könntest du eventuell noch im Template den Code vom Such index ausklammern?:

<script.....


Vielen Dank und viele Grüße

**Torben** · 17.09.2009, 18:26

Selbstverständlich, ist mir bisher nicht aufgefallen. Werde ich ändern!

**MacKP** · 17.09.2009, 18:40

Super!
war auch nur zufall das mir das aufgefallen ist ^^

Viele Grüße

**Torben** · 17.09.2009, 22:32

Neue Version ist nun draußen

**MacKP** · 17.09.2009, 22:51

Na, so funktioniert das wunderbar.
Beide Wünsche zu 100% erfüllt ;-)

Viele Grüße und vielen Dank

**bacarni** · 05.10.2009, 08:09

Hallo,
ich hab gerade versucht es zu installieren. Jetzt bekomm ich immer ein

Code:

This method may not be used.This method may not be used.This method may not be used.

Und zwar im FE und im BE. Ich benutze die Version 2.7.1 von Typolight.

Was vllt. auch noch wichtig ist:
Bei der Installation aus dem Erweiterungskatalog bekomm ich eine weiße Seite. Wenn ich dann manuell auch die main.php zurückkehre, steht dort, das die Installation nicht erfolgreich war und ich es reparieren soll. Das mache ich und ich bekomme die typische Seite mit erstellten Verzeichnissen uns Dateien. Danach wird es auch installiert und Aktuell angezeigt. Aber dann kommt der obige "Fehler".

**Torben** · 05.10.2009, 10:36

Kann ich jetzt nichts zu sagen, wenn Du allerdings so Probleme mit der Installation hattest, würde ich den Fehler dort suchen:

Fehler anzeigen lassen, dann spuckt die weiße Seite auch etwas aus
Falls das nicht geholfen hat: zip-Datei von https://contao.org herunterladen und manuell auf den Server übertragen

**bacarni** · 05.10.2009, 12:51

Zitat von Torben

Fehler anzeigen lassen, dann spuckt die weiße Seite auch etwas aus
Falls das nicht geholfen hat: zip-Datei von https://contao.org herunterladen und manuell auf den Server übertragen

Es scheint auch nicht an Piwik zu liegen. Ist ein allgemeines Problem bei mir. Hab die Dateien manuell hochgeladen und dann hat es funktioniert. War also flascher Alarm.
Trotzdem Danek für die Hilfe. Werde es mal näher untersuchen.

**jmk** · 28.10.2009, 15:24

Vielen Dank für das schöne Plugin.

Wenn ich mir den "von dir" erstellten JavaScript-Block anschaue, fallen mir einige Unterschiede zum Original auf. Mich interessiert, warum du das verändert hast. Auch finde ich es schade, dass du den (in v0.4.3?) wieder eingeführten <noscript> Teil nicht implementiert hast.

Grüße,
jmk

**Torben** · 28.10.2009, 23:25

Ich weiß leider nicht, vom welchem Noscript-Block Du sprichst. In den Piwik-FAQs steht:

Piwik only tracks visitors with Javascript enabled. See more information about the tracking process, and the ticket related to non-javascript tracking.

und da auch piwik.org nur den Javascript-Code eingebunden hat, bin ich davon ausgegangen, dass es da nichts anderes gibt - lasse mich aber gerne eines Besseren belehren

**jmk** · 29.10.2009, 15:40

Ich füg hier mal das aktuelle (0.4.4) Piwik-Tag ein:

Code:

<!-- Piwik -->
<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://domain.tld/piwik/" : "http://domain.tld/piwik/");
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try {
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 1);
piwikTracker.trackPageView();
piwikTracker.enableLinkTracking();
} catch( err ) {}
</script><noscript><p><img src="http://domain.tld/piwik/piwik.php?idsite=1" style="border:0" alt=""/></p></noscript>
<!-- End Piwik Tag -->

**Torben** · 29.10.2009, 18:43

Und woher hast Du das?

**jmk** · 29.10.2009, 23:45

meine eigene Piwik Installation.

**jmk** · 31.10.2009, 16:54

Jetzt muss ich doch nochmal nach haken:
Warum fragst du das? (Ohne Dir zu nahe treten zu wollen, aber die Frage hat mich sehr überrascht!) Sieht das Tag bei dir anders aus? Setzt du nicht selbst Piwik ein (bzw. die aktuelle Version)?

Grüße,
jmk

**Torben** · 31.10.2009, 21:41

Doch, aber habe mich auf die Piwik-FAQ verlassen und mir das Tag nicht in der Piwik-Installation angeschaut. Werde es auf meine Liste aufnehmen und in der nächsten Version berücksichtigen.

**jmk** · 01.11.2009, 10:09

Achso. Ja, ich hab zufällig gestern auch beim Piwik-FAQ vorbeigeschaut und mich gewundert, warum das Tag noch so aussieht.

Also, ich würde mich freuen, wenn du dass anpassen würdest!

Grüße,
jmk