Demo: webTRAM demo,

Code: Please download from SourceForge here: http://sourceforge.net/projects/webtram/

This is a skeletal page to get things kicked off.

Introduction:

webTRAM was written to fulfill a basic reporting need of “Anything that the user clicked on.”
Before this I was making AJAX calls with onclick events for individual elements.
When I was told that I’d be building more than 10 pages that needed undefined tracking and reporting I had to come up with a new way to do things.
This is where webTRAM comes in. This handy little app / script will track every single click and grab as much information as possible at the same time.
It will then save this information into a Database where all of the undefined future reporting can take place.
Because webTRAM grabs so much data, it is less likely that you won’t already have it by the time the report is requested.

* Gives you more data that web server logs can provide.

* track actions on dyanmic pages that make ajax calls to populate data, and have lots of DHTML

* save a maximum amount of data, keep what you need.

Intended Audience:

• You need to track an undefined amount of data for yet to be defined reports, so to be on the safe side you want to track everything.
• Disk space is of little concern.
• You are on a budget and don’t mind some “In development” software. I hope this will get good enough to where I can remove this from the list.
• You are more concerned with the analytics of web actions than the visual representation.

If you are looking for a lighter, faster more visual approach check out this one: http://www.labsmedia.com/clickheat/

Overview:

There are 4 parts to webTRAM. Track, Record, Map, and Stats
1. Tracking is done with a JavaScript that is included in the page that you want to track.
2. Recording is done by an ASP, PHP or other page to log the information into a Database.
3. Analyze your data from the database in a grid or graph format to give you information in statistical formats.
4. Mapping is done by reading the database with ASP or PHP and overlaying click info onto the original page. Overlapping images come to the front on hover.

Features:

1. Tracking of click location, hover on mouseover elements, element type, element ID, IP, User Info, Resolution, Destination, Page, and Time.
2. Mapping groups of clicks on the page with their ID and counts.
3. Statistical reports.
4. ASP + MySQL
5. PHP + MySQL

Installation:

1. Create the tables in your DB.
2. Modify the Config file to point to your DB with the new tables.
3. Include the Script and Map references in your Page.
note: You will get better results by adding a unique “ID” attribute to your key elements in the page.

License and Terms of Use:

This is distributed under the LGPL License.
1. If you use it, leave my comments in the code
2. If you modify it, send me the changes

Todo

1. Improve the Demo
2. Accumulate all info and send once on the “OnUnload” event.
3. Assign and a record a unique session ID so each user session can be recognized as a unit.
4. Record duration on the page before exiting.
5. More platform combinations.
6. Create a management dashboard.
7. Create an install script.
8. option to record XML files for sessions instead of using a Database.
9. Add arrows on map elements for elements that are off screen.
10. Add map elements for ID’s that don’t exist.
11. Add group and map element functions to switch to avg XY instead of maped to ID.
12. Track all javascript errors in the page.

Support:

-Use SourceForge to submit a bug or feature request.
-More formal support and services and be arranged upon request.