Popups mit Piwik tracken

Hallo zusammen,

nachfolgendes Problem gilt es zu lösen:

Auf einer Webseite (Index.html) befinden sich mehrere Links in Form von Grafiken. Beim Klick auf die Links/Grafiken soll sich jeweils ein Popup mit einer SWF-Datei geladen werden. Mittels Piwik soll ermittelt werden, welcher Link wie oft angeklickt wurde.

Da ich zwar HTML- und CSS-Grundkenntnis habe, aber JS komplett Neuland ist, scheitere ich an der Umsetzung. Weder Google, noch die Piwik-Hilfe bringen mich trotz intensiver Recherche weiter.

Seiten wie http://piwik.org/docs/javascript-tracking/ habe ich zig-fach gelesen, komme aber nicht weiter.

Anbei der HTML-Code:


<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>lorem ipsum</title>
<style type="text/css">
</style>

<script>
<!--
var win=null;
onerror = stopError;
function stopError(){
     return true;
}

function t1365365997(){
     myleft=20;
     mytop=20;
     settings="width=1024,height=768,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no";
     win=window.open("ersteDatei.swf","mypopup",settings);
     win.focus();}
    
function t1365365998(){
     myleft=20;
     mytop=20;
     settings="width=1024,height=768,top=" + mytop + ",left=" + myleft + ",scrollbars=no,location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no,dependent=no";
     win=window.open("zweiteDatei.swf","mypopup",settings);
     win.focus();}
</script>

</head>
<body>
<p>ipsum lorem</p>
<a href="javascript:t1365365997();"><img src="bild1.jpg" height="364" width="900" alt="ipsum"></a>
<a href="javascript:t1365365998();"><img src="bild2.jpg" height="364" width="900" alt="lorem"></a>
</body>

<!-- Piwik -->
<script type="text/javascript">
  var _paq = _paq || [];
  _paq.push(["trackPageView"]);
  _paq.push(["enableLinkTracking"]);

  (function() {
    var u=(("https:" == document.location.protocol) ? "https" : "http") + "://schachclub-gema.de/piwik/";
    _paq.push(["setTrackerUrl", u+"piwik.php"]);
    _paq.push(["setSiteId", "1"]);
    var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; g.type="text/javascript";
    g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Piwik Code -->

</html>

Zur Verdeutlichung habe ich noch einen Screenshot angehängt. Aktuell wird nur die index.html getrackt, aber nicht die Popups.
Ich wäre sehr dankbar, wenn mir jemand sagen könnte, wo und wie genau (!) ich den Quelltext abhändern muss, damit es funzt.

Vorab vielen Dank!!

Grüße,
Fritz

In den Funktionen, die das Popup aufrufen, muss ein Tracker-Aufruf von Piwik erfolgen.

Hallo Peter,

ich habs schon mit

ipsum lorem

_paq.push([“setTrackerUrl”, u+“piwik.php”]);
_paq.push([“setSiteId”, “1”]);
_paq.push([‘trackPageView’]);

probiert, allerdings trackt Piwik dennoch nur die index.html.

Danke & Gruß
Fritz

Beim onClick-Event bitte den Namen der Zielseite mitgeben, sonst wird natürlich nur die momentane Index-Seite aufgezeichnet. Z.B:


<a href="/flashcontent/bla" onclick="javascript:_paq.push(['trackPageView', this.href]);">Freedom page</a>