Facebook like not displaying – invisible. – and spaced far apart

  • Resolved norwood451

    (@norwood451)


    7 years, 6 months ago

    I am able to see the G=1 and the Tweet, but the Facebook like does not display. I did try to use the code add to, but without success, but I would prefer to use the default method anyway.

    BTW: it sometimes works, but when I refreshed, it stopped working again. I tried an incognito window also.

    Can you please help me? Probably needs to be fixed anyway.

    I am currently using a Staging area, which is a duplicate of my site.

    https://norwood451wph.staging.wpengine.com/

    I am currently using another plugin on my site, but it is not functioning correctly. It and does not work on every page. So I would like to use your plugin if it display the same way.

    What I want it to look like – example with other plugin.
    https://dnorwood.com/central-coast-homes/

    Also, if you can fix this, can you tell me how to get them closer to each other?

    Thank you for a quick reply in advance.

    David

    • This topic was modified 7 years, 6 months ago by norwood451.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author micropat

    (@micropat)

    You seem to have misplaced HTML code in AddToAny’s “Additional JavaScript” box:

    <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/sdk.js#xfbml=1&version=v2.9&appId=254425961255863";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

    Remove that.

    Additionally, either your theme or another plugin is loading the Facebook SDK without a version specified. This unversioned call is causing Facebook to balk right now with a JavaScript error:

    <!-- Load Facebook SDK for JavaScript -->
	<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/sdk.js#xfbml=1";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));
</script>

    Look into removing that so Facebook doesn’t error, then your Like button, etc. will work.

    Thread Starter norwood451

    (@norwood451)

    I have no way to know how to remove the issue “loading the Facebook SDK without a version specified”. Not sure where I would look for that. ?

    any suggestions? I can do just about anything without a risk because it is a duplicate site.

    Plugin Author micropat

    (@micropat)

    You’ll see that Facebook SDK for JavaScript block of code if you ‘View Page Source’ using your web browser.

    Find the source of that problematic code by temporarily switching to another theme, and/or deactivating all other plugins, until that block of code is gone (and your Like button works).

    Thread Starter norwood451

    (@norwood451)

    Hi – Well a bit of a learning curve, but I found it in a file called heade, which I downloaded and and edited it by removing the facebook code. the site was designed by a developer that must have added it, but never remove the code.

    Anyway I tested and it did fix the issue – THANK YOU!

    Is there a way to to have less space between the icons?

    https://norwood451wph.staging.wpengine.com/

    Plugin Author micropat

    (@micropat)

    For spacing, see “Why does the Facebook Like Button, Pinterest Pin It Button, Google+ Share Button, or Google +1 Button have so much whitespace to the right of it?” toward the bottom of the plugin’s FAQs. You can add CSS code to your “Additional CSS” box in AddToAny settings.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Facebook like not displaying – invisible. – and spaced far apart’ is closed to new replies.