Let's see those numbers.
Opened slider menu after authorization process. Clicking 'Get Accounts' populates the 'Select an Account' drop-down, whose selection in turn populates the 'Select a Version' drop-down. Start and end dates are selected via a calender pop-up.
Slider menu after adding accounts. This allows you to choose which metrics you'd like displayed, be it Sessions, User Visits, Revenue, Goal Completions, or all of the above. After making your selections, the 'Add Box' button will dynamically create a display module.
Slider menu closed. These are the dynamically created elements that report the desired information, including one that has been tallied. Each box can be resized and has its own dropdown menu for further customization and removal. Objects that do not measure the requested metrics (such as the 'undefined' goal completions) will not cause errors.
Spanlytics was a project I worked on involving the Google Analytics API. The original intention was to pull data from Google Analytics for display, and the site evolved from there. Originally programmed using PHP, the site was later scrapped and recreated using JavaScript/JQuery to allow better user interaction. The site's design is based on mockups provided by the lead Graphic Designer and was created using HTML/CSS with JS/JQuery for responses and effects. The website uses JavaScript to dynamically create elements containing requested information. The resulting boxes can be freely moved and resized. Their text can be enlarged or shrunken, and information within a box can be tallied and summed. The site was built using Google API Documentation, and retooled to compensate for outdated code and failed authorization methods. Spanlytics is the property of MEA and was shelved when I left. As such, there is no live version, and the full code is not publicly available.

Click here to see some of the code on GitHub!

back