Why do two different +1 buttons on the same page but for different urls show the same counts?

Question

The following buttons always display the same count (which is the count of the page without the querystring) despite being different urls:

<div class="g-plusone" data-size="small"
  data-href="http://prodct.info/chromebooks/?toshiba-cb35"></div>

<div class="g-plusone" data-size="small"
  data-href="http://prodct.info/chromebooks/?dell-chromebook-11-4gb-i3"></div>

However, the state of whether I've clicked them is tracked individually.

You can see a sample page with both of these buttons on here.

What's going on?

I did once have canonical tags for both of those urls that would've pointed to the same URL. but it was only up for a few hours at most; and has been gone for a few days. If this was the cause, how do I fix it?

Answer 1

Your og:url tag is currently:

<meta property="og:url" content="http://prodct.info/chromebooks/" />

Should it not be the unique URL of the page? Be sure to test any changes with Webmaster's Structured Data Testing Tool

Description of og:url:

The canonical URL of your object that will be used as its permanent ID in the graph.