facebook fanbox problem

Annush
Annush
@annush
10 years ago
230 posts
Hello,
I implemented fb fanbox to my site,
it shows on Mozilla browser. and IE. but not in Chrome. I have tried with {literal} - did not help.
Is it the way to fix it?
Thank you
updated by @annush: 02/09/14 11:45:44PM
brian
@brian
10 years ago
10,148 posts
What is Facebook fanbox?

Thanks!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
brian
@brian
10 years ago
10,148 posts
It's hard for us to support integration of something like that, since the problem is not with JR but with their script.

Try bringing up Chrome developer tools and see if you see an issue, or checkout the facebook developer forums for other users having the same issue.

Hope this helps!


--
Brian Johnson
Founder and Lead Developer - Jamroom
https://www.jamroom.net
Annush
Annush
@annush
10 years ago
230 posts
Thank you, I will try the steps you suggested, Brian.
Thanks for help
Developer Networks
Developer Networks
@developer-networks
10 years ago
566 posts
In order to get your facebook fanbox to display right you will need to use the javascript in a proper location. Not sure what skin your working with but heres some tips to get you resolved.

Put your javascript file just before the facebook box. I know the instructions say put it in a header file but its not necessary inside Jamroom.

If your still having problems and or you have questions you can contact me via skype or the forums here and ill help you out.

{* Facebook Java Script *}
<div id="fb-root"></div>
<script>(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&appId=488315271231911";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


{* facebook *}
<br>
<div class="body_3">
<center><h3>Facebook | Activity</h3></center>
<br>
<div class="fb-like" data-href="http://YOURSITE.com" data-width="245" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
<br>
<div class="fb-activity" data-app-id="488315271231911" data-site="YOURSITE.com" data-action="likes, recommends" data-width="245" data-colorscheme="light" data-header="true"></div>
<br>
</div>
<br>

This works across all browsers including chrome.

The example shown above is for a fb like box and fb activity


updated by @developer-networks: 01/11/14 08:53:11AM

Tags