Facebook social button issues

equilibriumx

Hello @saguaros
As requested I opened a case with Facebook regarding the social API. This was their response
Please see below code on your page
<script type="text/javascript">window.fbAsyncInit=function(){FB.init({appId:'2290846157669510',status:true,cookie:true,xfbml:true,oauth:true});};jQuery(window).load(function(){(function(){if(!document.getElementById('fb-root')){var root=document.createElement('div');root.id='fb-root';document.getElementById('gkfb-root').appendChild(root);var e=document.createElement('script');e.src=document.location.protocol+'//connect.facebook.net/es_ES/all.js';e.async=true;document.getElementById('fb-root').appendChild(e);}})();});</script>

You inject es_ES/all.js into the fb-root, however your likes button uses en_US/sdk.js. This is the root reason of causing the error.

Thanks,
Yuxian

As per his indications, I went to social.php and changed it to en_US/sdk.js but the problem remains reported in console. I have 2 questions:
1) is there another place in the template where this es_ES/all.js is coming from or should be modified? I cant
2) Why each individual page keeps pulling the landing page total vote instead of the individual vote for each page?

I hope we can finalize this case.. Please help me out

saguaros

equilibriumx

First of all, this kind of custom Facebook button that you add additionally for template, not the default one that template supports so please be clear that it's not issue of template.

For the facebook js file, as I can see that there are 2 files calling them:

/templates/gk_msocial/layouts/default.php

<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v6.0&appId=2290846157669510&autoLogAppEvents=1"></script>

and the social block you already mentioned:

/templates/gk_msocial/layouts/blocks/social.php

e.src = document.location.protocol + '//connect.facebook.net/<?php echo $this->API->get('fb_lang', 'en_US'); ?>/all.js';

You can contact them for how to customize it as you wish.

Regards

equilibriumx

@saguaros Mate, the issue comes from the template as Facebook support is revealing in this message. I will be thrilled to do it myself, BUT i dont know where this is coming from.

Your page html is looks like something as below: I would suggest to make sure only 1 instance on each of your page (which should be <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1 & version=v6.0"></script>)
<!DOCTYPE html>
<html>
<head>
<title>Facebook Likes Test</title>
<meta property="fb:app_id" content="<app_id>"/>
<meta property="og:url" content="https://yuxianchen.dse.io/testLike.html" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Test social plugin Likes" />
<meta property="og:description" content="Test social plugin Likes" />
<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />
</head>
<body>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1 & version=v6.0"></script>

<div class="fb-like" data-href="<page url>" data-width="" data-layout="standard" data-action="like" data-size="large" data-share="true"></div>
</body>
</html>

equilibriumx

@saguaros I was able to sort it out in /html/com_content/article/default.php
I was able to sort it out by changing the "https://www.equilibriumx.com" with "?php echo $cur_url; ?" is working perfectly now. Thanks for your help anyways. I just wanted to let you know the solution for this.