You are quite right that this is a bug. One solution could be to create an image in Javascript and append this image to the DOM, avoiding the document.write

Actually we would like to rewrite the whole piwik.ks javascript code to use an object oriented structure. If someone would be ready to help on this story, let me know! :)

Hi Matt,

I’ve made such implementation. It’s quite long to write it all here, I’ve set it up in my blog: http://qc4blog.com/?p=114

You can use the source code as you want. I hope you will find it usefull.
If you have any question, do not hesitate.

By the way, when generating code to be inserted within all pages, it could be useful to add “?idsite=N” to <noscript> url so that it will get to correct id site.

Regards,
Remy

Note: it obviously needs heavy testing
- on all majors browsers last versions + popular sub versions
- needs to be compared to GA and other to check that numbers are still the same

See also the change suggested in the piwik-hackers mailing list: http://lists.piwik.org/pipermail/piwik-hackers/2008-August/000337.html

that would make the tracker work in XHTML

See also:

Google analytics Tracking API seems really powerful. We wouldn’t need so much but the concept is good. http://code.google.com/apis/analytics/docs/gaJSApi.html

Also consider to build in “time tracking” to show a report of the speed of the website, enabled via a boolean in the javascript. Does the tracker need to be at top?

See also microsoft javascript API: https://help.live.com/help.aspx?mkt=en-us&project=adCenter_Analytics_rtw&querytype=keyword&query=7101yek&tmt=frmReport&domain=adcenter.microsoft.com&format=b1

http://analytics.live.com/Analytics/msAnalytics.js

see also yahoo JS: http://web.analytics.yahoo.com/indextools.js

We should also consider reusing the open source google analytics flash library to track piwik flash events: http://code.google.com/apis/analytics/docs/flashTrackingSetupFlash.html

Interesting suggestion from the forums, maybe worth adding to the requirements:
http://forum.piwik.org/index.php?showtopic=57

I am newbie in JavaScript, but is it possible create “google analytics like” javascript code?

I mean: insert only short script tag(s) with link in monitoring pages like this

<script src=“http://my_site.com/piwik.js” type=“text/javascript”></script>
<script type=“text/javascript”>some_site_identifier=XXX</script>

And perhaps some ideas from http://sourceforge.net/projects/subspace/

As reported on piwik-hacker, piwik.js doesn’t recognize <AREA> elements. (Workaround is to use <A>.)

Attachment: Remy Damour work on rewriting piwik.js in OO
[piwik_oop-20081023.tar.gz](http://issues.piwik.org/attachments/5775/piwik_oop-20081023.tar.gz)

microsoft analytics readable code can be found on http://utilitybase.com/paste/11219 (for information only)

- we have to keep backward compatibility by providing old functions as bridges to the new OO class
- whenever applicable, we should copy google analytics JS API, for simplicity of use and clarity. API doc available on http://code.google.com/apis/analytics/docs/gaJSApi.html. One suggested difference: piwik public methods don’t start with _ ; private methods start with _
- I confirm that we should drop the DOM ready condition, drop usage of global variables
- you mention #151 but doesn’t seem related?
- existing tracking options (see http://piwik.org/docs/javascript-tag-documentation/ ) should have a simple OO alternative (setDownloadExtensions, setLinkTrackingTimer, disableLinkTracking, etc.). Old way of setting global variables piwik_\* should be deprecated. the new code is backward compatible (for example, the init method reads the piwik_\* and calls the right newly named methods).
- Reponse to: 6. Change call from piwik_log(actionName, idSite, piwikURL) to Piwik.init(optionsArray).
Rather than using this technique, the final JS code should look simpler that the current one, and more like the GA script, ie.

```
[…]
var pageTracker = piwik.getTracker(piwikSiteId, piwikUrl);
pageTracker.trackPageview(); // or pageTracker.trackPageview(document.title);
[…]
```

- as a new requirement, we shall make sure that Piwik doesn’t produce javascript error when the piwik.js is blocked by ad-blocking extensions. Currently the code tries to call piwik_log which is not defined and results in a javascript error. [See forum for more info](whos.amung.us).

See also ticket #549.

- new requirement: piwik.js would provide a`
setDocumentTitle()`. This method would set the “title” http parameter to piwik.php to the custom value. This value would then be used to build best pages by title, see #530
- Piwik currently build the “actions” report based on URL, or based on the custom`
piwik_action_name = ‘’;` value if specified. If not, the report is built based on the URL. This existing`
piwik_action_name = ’’;` would logically be replaced by a`
piwik.setUrl()`. The parameter to piwik.php would be renamed from`
action_name` to`
custom_url` or similar.

This is open to suggestions..

for interest, [Yahoo Web Analytics Javascript API](http://help.yahoo.com/l/us/yahoo/smallbusiness/store/analytics/advanced/advanced-02.html)

has anyone figured out a way around this yet. I am attempting to implement tracking from within a swf file and the only thing keeping this from completion is that the DOM blanks out after the piwik_log is called

@doodlez, you might find this useful: http://www.qc4blog.com/?p=114
oop js file (not using document.write):
http://qc4blog.com/wp-content/uploads/2008/09/piwik_oop-029.js

Regards, Remy

Replying to doodlez:

has anyone figured out a way around this yet. I am attempting to implement tracking from within a swf file and the only thing keeping this from completion is that the DOM blanks out after the piwik_log is called

@doodlez, you might find this useful: http://www.qc4blog.com/?p=114 oop js file (not using document.write):

http://qc4blog.com/wp-content/uploads/2008/09/piwik_oop-029.js

Regards, Remy
(oups, missed reply button)

@doodlez, you might find this useful: http://www.qc4blog.com/?p=114 oop js file (not using document.write):

http://qc4blog.com/wp-content/uploads/2008/09/piwik_oop-029.js

Regards, Remy
(oups, missed reply button)

I attempted to integrate your code, but it didn't appear to be tracking.

this is what I attempted to implement:

<script language="javascript" src="http://www.****.com/piwik/piwik_oop-0.2.9-min.js" type="text/javascript"></script>
<script type="text/javascript">
function setActionName(page){
piwik_action_name = page;
piwik_idsite = 1;
piwik_url = "http://www.****.com/piwik/piwik.php";
piwik_log(piwik_action_name, piwik_idsite, piwik_url);
}
</script><object>

<noscript><p>Web analytics <img src="http://www.****.com/piwik/piwik.php?idsite=1" style="border:0" alt="piwik"/></p>
</noscript></object>

this will be the main new feature in Piwik 0.4 release.

(In [1151]) fixes #5775 - OO version of piwik.js which no longer modifies DOM;
remove misc/testJavascripTracker (interactive tests);
add tests/javascript (QUnit unit tests);
fixes #661 - use click event instead of mousedown;
fixes #549 - define your own download/outlink tracking classes;
fixes #5502 - add hook interface for module

(In [1157]) refs #5775 - minor changes per review

(In [1177]) - refs #5775 now displaying the new OO JS tag by default in install & in admin UI + showing some help + renaming the "js code" to consistent "JavaScript Tracking Tag"

(In [1185]) refs #5775 - accommodate malformed URIs that contain an illegal space
after the pseudo-protocol