New tool: Goal tracking URL generator

Hey everybody,

Today I built a quick utility to generate URL specific to Piwik.

This small utility is referred to as "URL Generator utility".

I have the hopes to fulfill most of what is described in "What is missing" and "other things coming".

@David, Andre, I'd like to talk with you guys about what has been done and what it requires so I might find a way to connect them together. Without the need to use a Google docs form :)


How it works:

0. Assuming you are on a WPD page and you want to track visits
2. Enable the URL generator using the new bookmarklet  (see below for "Bookmarklet code")
3. The webpage adds a new form, you can adjust the parameters [attachment ad-hoc-form.png]
4. Required fields are pre-filled. Note that the campaign name is based on the domain name, adjust to suit your taste
5. Click Generate URL button
6. Copy the generated URL and optionally shorten it using your favourite URL shortener service


What is missing:

1. Ensure fields replaces spaces and remove accents in fields
2. Find other place where to enable (currently only in Blog, Docs sub domains)
3. Switch to create a timed cookie specific to an event 
4. Optional: Auto-shorten URL… and/or use our own shortener service?  (I found a few open source ones)


Other things coming:

1. Make a system that creates a cookie specific to an event, configurable via the URL Generator utility
2. Make a JavaScript goal conversion call to Piwik ("goal publisher")
3. Find a way to retrieve the username, send using the goal publisher
4. If goal conversion event is happening within a browser with the cookie specific to an event, send using the goal publisher


Bookmarklet code:
1. Drag-drop any web address on your browser toolbar to make a bookmark
2. Change the URL [attachment bookmarklet-code.png] for the following, then save it.

javascript:var d=document,g=d.createElement("script"),s=d.getElementsByTagName("script")[0];g.type="text/javascript";g.defer=true;g.async=true;g.src="http://test.webplatform.org/tracking/manager.js";s.parentNode.insertBefore(g,s)

PS: I will find a way to make it drag droppable later, it is an encoding issue that I need to put more time than the 10 attempts I had so far :)

On a page within docs, blog (e.g. http://blog.webplatform.org/2013/08/web-platform-wednesday-week-16-left-over-fondue/) click the bookmarklet, something should appear. [1]

Note: The utility uses CORS specification and will only work under docs and blog subdomains.

Renoir 
~