New to the community? Start here

Images don't show in FB & Like info sometimes partially covered

Hi,

I’ve added a a fallback image, but neither this or the featured image show up when adding the URL into Facebook manually or when clicking the share button.

I also have a problem with the like comment section sometimes being partially covered.

An example would be this page:

http://indieola.com/film-festival/dark-scream-film-festival

An example would be the home page:

http://www.indieola.com

Thanks.

Sat, 4 Jun 2016 14:47:07
  • Adam Czajczyk
    • Support Gorilla

    Hello Moonworks,

    I hope you’re well today and thank you for you your question.

    I’ve added a a fallback image, but neither this or the featured image show up when adding the URL into Facebook manually or when clicking the share button.

    I understand that the post gets shared but there’s no image, is that right? Facebook “Sharing debugger” indicates an error on site related to “og:image” tag:

    https://developers.facebook.com/tools/debug/sharing/?q=http%3A%2F%2Findieola.com%2F

    I can see in site’s source code that this tag is there but I suppose that it’s not working as expected and I’d like to take a closer look at your site. Could you please grant me a support access to it using our WPMU DEV Dashboard plugin? Here’s a guide on how to do this:

    https://wpmudev.com/manuals/wpmu-dev-dashboard-enabling-staff-login/

    I also have a problem with the like comment section sometimes being partially covered.

    I think it’s an issue related to the current theme of your site and should be fixable with some additional CSS. I visited both pages in question but I’m not sure what exactly should I look for. I can see “Like/Share” buttons there in three different places and also I’m not sure if they’re positioned for me the same way as they are for you. That said, could you please share a screenshot with me with some more detailed description of what should be corrected? I’ll be happy to help.

    Best regards,

    Adam

  • Milan
    • WordPress Wizard

    Hello Moonworks

    Hope you are well today and won't mind me chiming here. :slight_smile:

    Now let's first fix your issue with styling. :slight_smile:

    I also have a problem with the like comment section sometimes being partially covered.

    Please use this CSS snippet to fix this.

    .wdfb_like_button > iframe{
    
height: 45px !important;
    
}

    You can leverage this nice plugin to inject this snippet if your theme is not supporting custom CSS.

    Simple Custom CSS

    `

    Now for your second issue with Image is not being fetched when we share post we need to troubleshoot your facebook App. I can see few errors about integration on error log page of Ultimate Facebook plugin. Can you please integrate App one more time and make sure that everything you setup is correctly integrated ?

    [attachments are only viewable by logged-in members]

    Also please reset Authentication tokens and regrant extended permissions.

    [attachments are only viewable by logged-in members]

    Let me know how this goes then. :slight_smile:

    Cheers,

    Milan

  • Moonworks
    • Code Wrangler

    Thanks for the help Milan.

    To clear one thing away, the CSS code did the job perfectly.

    I integrated the app again and reauthorised it, but unfortunately, I still don’t see an image on Facebook.

    I took a look at the error log after trying to do so, and nothing new showed up in there.

    Thanks,

    Joe

  • Milan
    • WordPress Wizard

    Hey Moonworks

    Glad to know that CSS did the trick there. :slight_smile:

    I can see that error log is quite empty now and I would like to test this behavior with my own credentials so am I allowed to test with my credentials on your site ?

    If this is okay to you then just let me know and I will move forward with my some troubleshooting.

    Waiting for your permission to do this. :slight_smile:

    Cheers,

    Milan

  • Milan
    • WordPress Wizard

    Hello Moonworks

    Thanks for granting me testing permission. :slight_smile:

    I just tested this issue with my credentials and it didn't show up. I was able to publish post with featured image without any issue, please take a look at this screenshot. :slight_smile:

    [attachments are only viewable by logged-in members]

    This again indicates that its strongly related to App which you have created for integration. Would you please recreate it one more time and grant extended permissions ?

    Please let me know if there is anything else I can help you with.

    Cheers,

    Milan

  • Moonworks
    • Code Wrangler

    Ah, that’s where the image came from. It worried me for a bit then :slight_smile:

    I’ll go through the settings for the app again and see if it works this time.

    I’ve gone through the app, and nothing seems to be wrong there, though it doesn’t help that the video doesn’t look much like the Facebook setup now.

    For some reason, http://indieola.com/submit/dark-scream-film-festival/ works and shows the featured image, but other pages don’t

  • Milan
    • WordPress Wizard

    Hey Moonworks

    Glad to know that its all working fine now. :slight_smile:

    I just tried to replicate your issue with direct URL posting to Facebook but failed to do so, in my case images are being fetched without any issue.

    Now this issue is not related to Ultimate Facebook because its job of facebook to fetch proper featured image from post when url posted to its input box. I tried entering url with and without Ultimate Facebook plugin. In both cases, Facebook fetched featured image without any issue. Please take a look at this screenshot.

    [attachments are only viewable by logged-in members]

    You can test this by disabling all the plugins. :slight_smile: Try with new post ( with Featured image ) after disabling all the plugins.

    Let me know how it behaves. :slight_smile:

    Best Regards,

    Milan