Piwik: Klickcounter für Banner

Beginner

Friday, April 29th 2011, 10:02pm

Hallo zusammen,

ich benutze das HeaderSript mit WBB 3.1.4 womit man problemlos banner im Header einbauen kann, jetzt kam allerdings eine anfrage wie ich auswerte wieviele klicks auf dem Banner gemacht wurden. Bin ehrlich gesagt ratlos, ich dachte bei awastats könnte ich das ablesen, dem ist aber nicht so. Habt ihr eine Lösung für mein Problem wie ich die Bannerklicks auswerten kann?

totototo

Torben Brodt

Administrator

Posts: 8,454

2

Saturday, April 30th 2011, 11:43am

Hi,
Awstats nutzt ja Logfiles für deine Statistiken. Wenn du also Outgoing Links mit Awstats monitorn willst, dann musst du über eine Seite von dir weiterleiten.
z.B. redirect.php?weiterleitung=http://www.easy-coding.de

Aber vermutlich kannst du für einzelne Parameter gar keine Statistik in awstats anzeigen? Dann müsstest du eine Rewrite Rule verwenden.
Zum Beispiel
z.B. redirect/http://www.easy-coding.de

Mit JavaScript basierten Tracking Tools wie Google Analytics und Piwik, kannst du das auch womöglich besser realisieren.

Beispiel Google Analytics http://www.google.com/support/analytics/…py?answer=55527

JavaScript Code

<script type="text/javascript">
function recordOutboundLink(link, category, action) {
  try {
    var pageTracker=_gat._getTracker("UA-XXXXX-X");
    pageTracker._trackEvent(category, action);
    setTimeout('document.location = "' + link.href + '"', 100)
  }catch(err){}
}
</script>

HTML Code

<a href="http://www.example.com" onClick="recordOutboundLink(this, 'Outbound Links', 'example.com');return false;">

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

totototo

Beginner

Posts: 7

3

Monday, May 2nd 2011, 3:58pm

Hallo,

erstmal danke für die tipps! Ich habe mich für piwik entschieden und auch den piwikbinder ins board installiert. aber irgendwie fehlt mir jetzt der bezug wie ich an die klickraten drankommen soll. könntest du das eventuell kurz aufzeigen?

so bin ich bisher vorgegangen:

1. piwik 1.4 geladen und installiert mit seperater datenbank
2. pwikbinder von woltlab plug in store geladen und installiert
3. die entsprechenden daten ins board eingetragen

muss ich jetzt bei piwik noch speziel was eintragen, oder brauch ich noch ein spezielles plugin?

sorry wenn ich so dumm frage, aber im momment sind das für mich böhmische dörfer und brauche etwas start hilfe...

gruß

totototo

Torben Brodt

Administrator

Posts: 8,454

4

Tuesday, May 3rd 2011, 9:35am

Das Klicktracking für die Banner musst du speziell anpassen.
Die Dokumentation findest du hier: http://piwik.org/docs/javascript-tracking/

Es gibt verschiedene Szenarien. Ich denke das unter "Force a click on a link to be recorded as an outlink in Piwik" passt ganz gut zu dir.

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

totototo

Beginner

Posts: 7

5

Wednesday, May 4th 2011, 2:50pm

Hallo Torben,

hab jetzt piwik am laufen und habe gleichzeitig auch dein link angeschaut. Wenn ich das richtig verstanden habe dann soll der unten stehende code in die piwik_link.css eingetragen werden nur finden tu ich es nicht...
Eventuell hab ich es auch falsch verstanden... Weisst Du wo was hin muss?

Quoted

Force a click on a link to be recorded as an outlink in Piwik

If you want Piwik to consider a given link as an outlink (links to
the current domain or to one of the alias domains), you can add the
'piwik_link' css class to the link:

<a href='http://mysite.com/partner/' class='piwik_link'>Link I want to track as an outlink</a>

Note: you can customize and rename the CSS class used to force a click to being recorded as an outlink:

[...]

// now all clicks on links with the css class "external" will be counted as outlinks

piwikTracker.setLinkClasses( "external" ); // you can also pass an array of strings

piwikTracker.trackPageView();

[...]

Alternatively, you can use Javascript to manually trigger a click on
an outlink (it will work the same for page views or file downloads). In
this example, we trigger a custom Outlink when the email adress is
clicked:

<a href="mailto:namexyz@mydomain.co.uk" target="_blank"
onClick="javascript:piwikTracker.trackLink('/mailto/Agent
namexyz');"> namexyz@mydomain.co.uk </a>

Viele Grüße,

totototo

Torben Brodt

Administrator

Posts: 8,454

6

Wednesday, May 4th 2011, 8:42pm

Nein, in CSS musst du gar nichts machen.

Also fangen wir mal mit der einfachsten Variante an.
Du hast aktuell einen Banner

	HTML Code
1	<a href="bannerurl"><img src="bannerimg" /></a>

Und nun willst du die Links mit piwik tracken:

	HTML Code
1	<a href="bannerurl" onClick="piwikTracker.trackLink('/banner1');"><img src="bannerimg" /></a>

Im übrigen ist im Piwik Manual ein Fehler, beim onclick gehört kein javascript: mehr dazu.

UPDATE:
Außerdem musst du natürlich piwik "bekannt" machen. Also das Piwik Script einfügen:

HTML Code

<!-- Piwik -->
<script type="text/javascript">
var pkBaseURL = (("https:" == document.location.protocol) ? "https://{$PIWIK_URL}" : "http://{$PIWIK_URL}");
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", {$IDSITE});
  piwikTracker.trackPageView();
  piwikTracker.enableLinkTracking();
} catch( err ) {}
</script>
<!-- End Piwik Code -->

Latest blogs: Neuer EX4 Server, Java EE Summit im Juni in München, Kostenlos zur Cebit + Windows 8 Entwickler Schulung

totototo

Beginner

Posts: 7

7

Thursday, May 5th 2011, 3:41pm

Hallo Torben,

in meinem Fall sieht der mommentane code so aus:

Quoted

<br />
<div style="text-align: center;">
<a href="http://www.lang-ms.de" style="border: 0;">
<img src="http://www.blablabla.de/banner/lang.gif " alt="Lang-MS" /></a>   
<a href="http://www.arbeitsschutz-center.de/webcom/show_article.php/_c-87/_nr-61/_lkm-308/i.html
" style="border: 0;">
<img src="http://www.blablabla.de/banner/famable.gif " alt="" /></a>
</div>
<br />

ändern müsste ich es demnach dann so, oder?

Quoted

<br />
<div style="text-align: center;">
<a href="http://www.lang-ms.de" onClick="piwikTracker.trackLink('/banner1');"> style="border: 0;">
<img src="http://www.blablabla.de/banner/lang.gif " alt="Lang-MS" /></a>   
<a href="http://www.arbeitsschutz-center.de/webcom/show_article.php/_c-87/_nr-61/_lkm-308/i.html" onClick="piwikTracker.trackLink('/banner2');"> style="border: 0;">
<img src="http://www.blablabla.de/banner/famable.gif " alt="" /></a>
</div>
<br />