The idea described in this ticket is to use the metadata found in the HTML page being tracked, extract the page's image, and then report this image in the API output, and use it in the Piwik reports to make them look better.

= Implementation Proposal =

• Track for the Image set in the og:image meta tag, each blog post, blog category, ecommerce category page, ecommerce product page

  • Detect <link rel="image_src" href="http://example.jpg" />
  • also <meta content='http://www.your-blog-logo.jpg' property='og:image'/>

• track the image url as a custom variable with scope 'page', in a given free spot with a name _pkimg or similar

• When aggregating, enrich the Page Titles and Page URLs reports and add to the report, a column with the Image URL (most used image if possible) - this can be done by editing the SQL to also select the custom variable image URL when selecting the top pages titles and top pages urls.

• API: Hide the page images URLs from the standard Custom Variables user interface, and from Metadata output (but leave the values in the raw API responses).

• Display these images in the Actions > Page Titles report, and next to each URL.

  = Data visualization =

(warning: brain dump ahead)
We could also get more creative on the visualization of this data. For example:

• we could build a Real time visualization of the pages being watched, with the shapes moving in real time and growing based on their traffic.
• Maybe we could even have a Live! output replacing the rainbow icons with the article images? Or allow to display images in Visitor Log instead of listing pages?