Piwik: Klickcounter für Banner

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Piwik: Klickcounter für Banner

    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
  • 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 google.com/support/analytics/bin/answer.py?answer=55527

    Quellcode

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


    Quellcode

    1. <a href="http://www.example.com" onClick="recordOutboundLink(this, 'Outbound Links', 'example.com');return false;">
  • 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... :S

    gruß

    totototo
  • 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?



    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
  • Nein, in CSS musst du gar nichts machen.

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

    Quellcode

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


    Und nun willst du die Links mit piwik tracken:

    Quellcode

    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:

    Quellcode

    1. <!-- Piwik -->
    2. <script type="text/javascript">
    3. var pkBaseURL = (("https:" == document.location.protocol) ? "https://{$PIWIK_URL}" : "http://{$PIWIK_URL}");
    4. document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
    5. </script><script type="text/javascript">
    6. try {
    7. var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", {$IDSITE});
    8. piwikTracker.trackPageView();
    9. piwikTracker.enableLinkTracking();
    10. } catch( err ) {}
    11. </script>
    12. <!-- End Piwik Code -->
    Alles anzeigen
  • Hallo Torben,

    in meinem Fall sieht der mommentane code so aus:

    <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> &nbsp;&nbsp;
    <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?

    <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> &nbsp;&nbsp;
    <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 />
    wäre das so okay?

    Gruß

    totototo