Skip to content


Hitting the refresh button should refresh the exact same page #5523

mattab opened this Issue · 7 comments

2 participants

Piwik Open Source Analytics member

This problem comes from the fact that we use ajax to load every content in piwik, so the URL remains the same all the time.

To fix this we can use the # in the URL, the same way Gmail does.


  • at least following variables should be persisted in V1: day/period/idSite/module/action
  • how to implement it? I would suggest the Facebook way (ie. the query after the #, eg. #module=Referers&action=getSearchEngines&idSite=1 etc.)
  • see which lists all UI features; good place to start to get a feeling of what is necessary to persist


Currently changing the date in the calendar also changes the currently viewed section (reset to Dashboard).

Instead we should reload the same category.


See [Jquery History](

jQuery history plugin: It uses the hash (fragment) method that was mentioned earlier in this thread. You essentially need to be able to store some text that encapsulates the current page state so that it can be recreated by the browser on reload; no information beyond that in the URL is maintained in any reliable way. This particular plugin also has the effect of making the “back” and “forward” buttons undo and redo page state changes, which you may or may not want.


Attachment: [103 patch.diffs](


added patch for this ticket. This patch was tested on ie7 and FireFox on both linux and windows.

1. This patch should help piwik to know which module and action user want based on the anchor params: e.g: #module=VisitTime&action=index

2. Hitting refresh should work as well :)

``` svn st: A plugins/CoreHome/templates/url_anchor.js M plugins/CoreHome/templates/menu.js M plugins/CoreHome/templates/calendar.js M plugins/CoreHome/templates/sites_selection.tpl M plugins/CoreHome/templates/js_css_includes.tpl ```

Piwik Open Source Analytics member

kpham, thanks for patch.

I think however code can be improved, especially because in the future we’d like to persist more parameters than period/date/idsite/module/action therefore it should be modular.

Feedback On the architecture side: I would think of having a broadcaster javascript object that you would call with a simple api like: changeParameter(string). For example: ``` View full keywords report</ or View full keywords report for yesterday ``` This function would update the hash. Then it would trigger an event that says “onParametersUpdate” for example, and this function would do the job to call the right url in ajax to load below the menu (ie. there will be some menu code moved from existing javascript to this function). Later we could persist other parameters and add the code necessary to restore the page state in this function.

What do you think about such a design?

Other feedback on the code

  • updateAnchor has a li_id parameter but it’s not used?
  • for example, calendar.js shouldn’t have to do substring matches, it should call a method on the broadcast object (eg. getVariableFromAnchor(‘date’)) that would do the work and return the right variable from the hash, or false
  • isAnchorExists should return false rather than undefined
  • getParamValueFromUrl should work well when passed a URL with anchor (ie the api of the object to handle the hash should be very simple to use from outside)
  • also please have a look at [Piwik Coding Standard](


  • does the back button work as expected on the browser?
  • we should aim to persist the parameters date and period as well.
  • Persisting idSite could wait for the V2 as it has some added complications (ie. you need to fetch the minDate for this website, fetch the website name and set it in the global piwik javascript array, etc.)

let me know what you think.


Hi Matt,

I agree with your comments. I will make those changes and re-submit another patch for this ticket. Looks like the back button doesn’t work as expected. Another problem is when you’re not login and use the anchor params; it doesn’t work.

Thanks, Khanh.


just to emphasize that this is an important fix: it is mighty annoying that every time you change the date it will redirect you to the dashboard and you have to go back all the way!

Piwik Open Source Analytics member

(In [1095]) - Refresh and back button now work! great contribution by Khanh Pham fixed #103
it's using the jquery history plugin. period, date, idsite, module and action are persisted across requests, making Piwik much nicer and faster to use.

Piwik Open Source Analytics member

(In [1096]) it should work better with the main broadcast.js file :) refs #5523

@mattab mattab added this to the Piwik 0.9 - Surviving The Wild milestone
This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.