Databases
StackOverflow2013
Postsdbo
POFacebook like counter displaying site likes not article level likes
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFacebook like counter displaying site likes not article level likes
    text
    copied!<p>I've added the Facebook like counter along with the other standard social media sharing options. They all work as expected, the individual articles count likes for just that article and the home page shows total likes for the site.</p> <p>We're running into issues on our list pages. The list pages consist of multiple pages with one introduction page. The interior pages of the list show the correct number of likes/shares for that list but the introduction page is displaying the total likes for the site, not for that list.</p> <p>Any idea what could be happening here? I thought it might have to do with the URL structuring but there is no clear variance. Here is what they look like:</p> <p>List introduction: - www.mysite.com/categorytitle/thelisttitle/ List page: - www.mysite.com/categorytitle/thelisttitle/listitem1</p> <p>Here is what i'm using to embed everything:</p> <pre><code> &lt;div id="social-share"&gt; &lt;div class="share_contain"&gt; &lt;div id="fb-root"&gt;&lt;/div&gt; &lt;script&gt;(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); &lt;/script&gt; &lt;fb:like href="http://mysite.com/&lt;?= $this-&gt;uri ?&gt;" send="false" width="50" layout="button_count" show_faces="false"&gt;&lt;/fb:like&gt; &lt;/div&gt; &lt;div class="share_contain"&gt; &lt;a href="http://mysite.com/&lt;?= $this-&gt;uri ?&gt;" class="twitter-share-button" data-size="medium"&gt;Tweet&lt;/a&gt; &lt;script&gt;!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");&lt;/script&gt; &lt;/div&gt; &lt;div class="share_contain"&gt; &lt;!-- Place this tag where you want the +1 button to render --&gt; &lt;div class="g-plusone" data-size="medium"&gt;&lt;/div&gt; &lt;!-- Place this render call where appropriate --&gt; &lt;script type="text/javascript"&gt; (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); &lt;/script&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p><strong>UPDATE</strong></p> <p>If anyone ever runs into a similar issue with Facebook, Google +1 or Twitter, make sure your conical links have the correct url.</p> <p></p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload