This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

facebook page plugin not displaying

  • 1 reply
  • 2 have this problem
  • 4 views
  • Last reply by Shadow110

castoffs
castoffs
more options

Facebook page plugin code for wordpress does not display correctly in Firefox but does in IE. Firefox only shows facebook link (which works) but not the page or timeline info. Checked this on my phone and it's the same in android.

Facebook suggested code: Step 2: Include the JavaScript SDK on your page once, ideally right after the opening body tag.

<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 = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12&appId=1605012499727939&autoLogAppEvents=1';
 fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

Step 3: Place this code wherever you want the plugin to appear on your page.

<a href="https://www.facebook.com/x.x.x/">xxx</a>
Facebook page plugin code for wordpress does not display correctly in Firefox but does in IE. Firefox only shows facebook link (which works) but not the page or timeline info. Checked this on my phone and it's the same in android. Facebook suggested code: Step 2: Include the JavaScript SDK on your page once, ideally right after the opening body tag. <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 = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12&appId=1605012499727939&autoLogAppEvents=1'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> Step 3: Place this code wherever you want the plugin to appear on your page. <div class="fb-page" data-href="https://www.facebook.com/x.x.x/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/x.x.x/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/x.x.x/">xxx</a></blockquote></div>

All Replies (1)

Shadow110
Shadow110
more options

Hi, are you describing 2 or 3 problems ? 1 is your having issues with Firefox displaying Facebook, 2 Plugin on your own website does not work 3 Firefox on Android not working properly also

Is the above correct ?

For 2 please supply your website address or please check your code using W3C.org (World Wide Web Consortium) in charge of standards and practices and future development of web pages and web browsers make the rules on code. Mozilla Firefox follows these rules. W3C.org Who make the rules for web code. HTML https://validator.w3.org/ CSS https://jigsaw.w3.org/css-validator/ and https://validator.w3.org/i18n-checker/ and http://mobile.css-validator.org/

3 Please see here and post questions for mobile android https://support.mozilla.org/en-US/products/mobile

for 1 see if the above helps.