I have recently migrated from blogger to wordpress, but am having issues with images.
Both Pinterest and Facebook are not recognising my new images that I am uploading to wordpress, however they do recognise the old images that have been imported directly from blogger and still point to blogger.
When I try to pin an image it allows me to select the image, but then when I click "pin" it says "Whoops! Sorry, We could not fetch the image".
With facebook, trying to share the link, the posts with new uploaded images do not load any thumbnails, however the images from the old imported blogs do show thumbnails.
I have checked the pinning from a friends blog who is based off the same theme and I can pin off their site. I have also checked whether the uploaded images are in iframes - they are not. I have verified my website with pinterest.
wen you are in facebook just right click on the image you want, then select "copy the url" return to pinterest and then choose "pin from a website". paste the link and voilà! you can choose the photo to pin-it :D
I managed to get around the issue for now by uploading the images to photobucket and then linking into the post via the url. So it seems that the issue is that they need to be hosted somewhere other than on my wordpress site.
If anybody else posts a better answer that doesn't require the work around, then I'll accept theirs.
Related
I've changed the social media image of my GitHub repository, but when I try to share it in facebook and it displays the old image as I've never updated it in the first place. The image can be updated by going to your repo -> Settings -> Social preview. I dowloaded the template and used it to create an image, but did not remove the red bars on the sides. When I shared it looked like crap, so I removed the red bars and made them white. Now my phone does not want to display the new image when I share it on facebook.
Is this a browser related cache issue or simply the GitHub feature does not work? What am I doing wrong?
Just add ?anything to link of repository.
Example : https://github.com/ZakariaMahmoud/image-generator/?anything
The problem was solved when I made an URL re-scrape as #04FS suggested. I had to open the facebook page with a regular browser, not the dedicated app, follow the link he provided and paste the URL in there. In the option Time Scraped was set to yesterday at 11:32, which means that FB caches internally the URL result. After hitting the button Scrape Again, the social media picture appeared correctly without the red borders.
I had this issue with Twitter. It was enough logging out and logging in again.
In my Unity IOS game, I am unsuccessfully trying to use FB.Feed to share a screenshot on the user's wall.
Facebook documentation uses FB.Api to publish the screenshot, but this method does not display a share dialog, it simply uploads the pic to Facebook.
Answers I have found so far:
Upload the picture using FB.Api, and then parse the FBResult for the picture URL, and feed that to FB.Feed Link to answer.
This method triggers an error, since it is not possible to use a Facebook URL as source for a picture.
Save the picture locally and prepend "File://" to the picture path. Link to question. This does not seem to work either, and the Facebook documentation does not seem to have any information on URL formatting.
My question:
Is this the correct (and only) way to display a share dialog when publishing a picture? Or am I looking in the wrong direction?
FB.Feed only allows you to post link to images. It doesn't upload the images to Facebook. Therefore, these images need to hosted somewhere on the net and not locally.
The best way to make it work is either upload the images to FB (with privacy property set to EVERYONE) using FB.API, and then share the link to that picture via FB.Feed. If you don't want to create duplicate stories, i.e. one from posting the picture and another from FB.Feed, make sure that you set no_story to true.
i have written a plugin for the elgg social networking platform which supports sharing links to other social networks.
mostly this is ok.
i am noticing though that facebook often shows incorrect images for the video thumbnails and other sites, such as google+ are ok.
the url i am passing in to the sharer page is correct and when i use the facebook debugging tool, i see the correct image - e.g. https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.infiniteeureka.com%2Fvideos%2Fwatch%2F6980%2Fwater-as-primary-healing-agent-dis-ease-is-commonly-due-to-dehydration
as an example - this is the url that the plugin currently outputs for facebook, when sharing a video on my site:
https://www.facebook.com/sharer/sharer.php?s=100&p[title]=water+as+primary+healing+agent+-+dis-ease+is+commonly+due+to+dehydration&p[summary]=description&p[url]=https://www.infiniteeureka.com/videos/watch/6980/water-as-primary-healing-agent-dis-ease-is-commonly-due-to-dehydration&p[images][0]=https%3A%2F%2Fwww.infiniteeureka.com%2Fmod%2Fvideolist%2Fthumbnail.php%3Fjoindate%3D1293022025%26guid%3D6980%26owner_guid%3D2%26size%3Dlarge
when i share this to facebook, i see a thumbnail for another video which i shared days earlier, which has a different url. (edit: i now notice that i can choose from 3 images in facebook and one of them is the correct one - so facebook is building an array of 2 incorrect images in some way and is defaulting to an incorrect one.)
anyone know?
I run into this problem often as well. Try to make your image around 1080px # 1080px and see if that helps. The other options is to try and lazy load all the other images so facebook doesn't pick them up as I presume the thumbnail you are referring to is on the page?
I am using Facebook comment box in my website for commenting purpose on pictures, its working fine, i am also using a share button which is working fine too, but the problem is when its shared or users do commenting on the picture it is shared to their walls but a default website logo is shown there, i want to share the current picture on which user made comments or shared it ... I am posting it here because i couldnt find it on google or i was unable to make a query for google.. Thanks in advance
Test your link at https://developers.facebook.com/tools/debug to see what thumbnails are pulled in by facebook when shared.
To configure which thumbnail to show when an URL from your site is shared you have to add this property to your html source in the header.
<meta property='og:image' content='url to First Image in your Page etc'/>
More details about meta tags for FB at this link.
I am currently working on a rebranding with my company, and I am having some issues with the thumbnails which are appearing next to the facebook posts when someone shares our website. The issue is that our old logo is still appearing in the thumbnail image, and not our new one - not ideal. Is there an easy way of updating the choice of these thumbnails to give the choice of our new logo?
Make sure you have the correct OpenGraph og:tags in your HTML markup and use the Facebook Debugger to scrape your URL and refresh Facebook's caching of your URL; it will show you what metadata Facebook can see for your URL.