I'm trying to add a Facebook Feed Dialog to the bottom of an email that promotes our new course. The feed contains a jpg of our log. The image appears properly when the user clicks the button, but when it posts to their feed, the image does not appear.
Here is the syntax I'm using for the Feed Dialog:
<a href="
https://www.facebook.com/dialog/feed?app_id=761322513966925
&picture=http%3A%2F%2Fwww.thegarbagemansguide.com%2Fimages%2Fgid%2FlogoGID-email.jpg
&name=Free Marketing Course - Limited Time Offer!
&description=Getting It Done is all you need to jumpstart your company's marketing. And for a limited time, you can try a full 8-week course for FREE!
&link=http://www.gettingitdone.today/free-course
&redirect_uri=http%3A%2F%2Fwww.facebook.com%2F
">
I've tried replacing the &picture with a standard-formatted URL:
[http://www.thegarbagemansguide.com/images/gid/logoGID-email.jpg][1]
but I get the same result: no image after the feed posts.
I tried uploading a photo of the issue but it tells me that I have too low of a reputation.
I'd welcome some help on this issue.
Many thanks,
Steven
That image is too small (only 90×61 pixels in size) – you need to use an image that is at least 200×200 px big.
Related
The ShareThis Facebook button will only pull the logo as an image to choose from a page. I am not sure why this is the case since I have other images on pages that I am trying to share from. Can someone help me out with this. I am not really familiar with the ShareThis API. Thanks for any help or feedback.
I tried using the Facebook URL Debugger: https://developers.facebook.com/tools/debug. When doing so, Facebook found all the images on the page, but ShareThis doesn't seem to do the same. That is why I am guessing it is a ShareThis related issue.
The client wants the person posting the page/blog post to be able to select the image from the images on the page. This is normally the case with the ShareThis API, but does not seem to do so. Otherwise I would have just used the open graph option.
URL of site: http://www.atranquilnook.com/
1-30-14: I tried specifying an image with open graph meta on a page. The image was larger than 200 x 200, but it still did not work.
This appears to be happening on every page of the site.
Note: I did not build this site. It was built in Adobe Muse by someone else.
This is not a real answer, but I have to use the space here, to get you all the details of what I found out.
On the debugger it says https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.atranquilnook.com%2F :
Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://www.atranquilnook.com/images/header-home03.png' will be used instead.
Since there is the image with the couple, which is bigger than 200px x 200px, I do not know if this is the answer, but you could try by uploading some bigger image.
Although the whole warning is deceptive, since a line above it states, that there is no og:image.
Looks like you are relying on Facebook being smart enough to find "better" image on your site. What you should do instead is adding a meta tag in the head section of your page.
<meta property="og:image" content="http://www.yoursite.com/img/some-image.jpg"/>
This will tell Facebook exactly what you want to rest of the world to see.
I write movie reviews and share them on Facebook. At first the facebook thumbnails would show the pictures I wanted for my reviews, like the movie poster. However, now they only show my blogger profile picture every single time I post a link. It's very frustrating because I want to be taken seriously and I don't want my blogger profile picture showing up every time I post a link. I tried the facebook developers debugging tool and it did nothing. Does anyone have any other suggestions?
Thanks!
I don't know to what extent you can modify the HTML code of a Blogger blog, but you can use Open Graph tags to define the exact image you want Facebook to show, for example the tag you want is the following:
which must have a 100px x 100px size at least. Note that this tag goes into the Head section of the site.
It has taken some time, but I think I have worked out what is happening, thanks to Facebook Debugger. Put the post URL in and then scroll down to "OPen Graph Warnings That Should be Fixed". You may see something like this -
Provided og:image could not be downloaded or is not big enough. Please use an image that's at least 200x200px and is accessible from Facebook.
Chances are your image is too small and that is why it is grabbing the profile image. I played around with my posts until I got it right, checking it through Debugger each time. It was a pain, but it worked.
this is my like box: http://probto.sk/content/7-aktuality
and this is the FB page: https://www.facebook.com/probto
as you can see, photos from FB page doesnt show on like box on probto.sk
what is wrong?
can you help me please?
PS: sorry for my english...
In your script for the lightbox, change show_faces=false to show_faces=true.
And for the other images, make sure the source is correct.
Facebook uses background images in the stylesheets where the url goes to a third server and the image names since to be hashes. Check the image source in your script and make sure it does not change in your site. So far, I did not see any image location in your script for your photos.
the new embedded-post-plugin could be the reason why they dropped the image support... https://developers.facebook.com/docs/plugins/embedded-posts/
This is "by design". The limited space of social plugins like the Like Box and Activity Feed means FB has to display 'compact' versions of large stories like photos. If you look at the CSS, you'll see the DIVs are tagged '!important' (not important).
I'm posting a custom Open Graph object/action to Facebook successfully.
Our production and staging environments each have their own FB app, which are configured identically (except that in our production app, objects and actions are approved, as is our App Details page).
For some reason though, staging is posting with a larger photo with title/description underneath. Production posts have a smaller image with all text to the right.
I don't remember doing anything special on staging, but in the end, we want posts from production to look like they do on staging. Any idea which setting I need to tweak?
UPDATE: I've learned the stories with larger images are called "image-led stories." The only thing that's mentioned in the above link as to how to get this new layout is:
Larger News Feed story layout generated by an Open Graph post using an image size larger than 200 x 200px.
Using the FB debugger, you can see that both images scraped by FB are 600x600:
Story from production (small layout)
Story from staging (large layout)
Frustratingly, there is no setting you can tweak, and it's totally out of your control as to how your posts will display in someone's News Feed. If you want the "image-led" display style, your photos need to be >= 200x200, but other than that, Facebook determines how it's going to display something.
I found this out after a few days of banging my head and reading everything over the web and finally giving up. We shipped the feature and I just told my coworkers there was nothing we could do.
Then, in my News Feed, I saw a coworker's posts, and they were formatted with the small image. Later that day, she sent an email thanking me because she was excited about the OG integration with our site, and the screenshot she sent had her posts in her feed with the large image.
Same person, same posts, different display in two different feeds.
If someone is having this problem you can solve it by setting the following:
1) On open graph console inside action type mark this option --> User Generated Photos - Let users include photos taken with the camera on their device
2) On your SharePhoto setUserGenerated on true.
SharePhoto photo = new SharePhoto.Builder()
.setUserGenerated(true) // Necessary to post a big image
.setBitmap(shareItem.getImage())
.build();
When I use the Graph API to get a list of posts from a page, the picture field, which contains the URL for the image returns a blank 1x1 pixel image.
For example, this is one of the URLs that it returns:
http://www.facebook.com/l.php?u=http%3A%2F%2Fexternal.ak.fbcdn.net%2Fsafe_image.php%3Fd%3DAQBj9y7r5zdKLsTF%26w%3D90%26h%3D90%26url%3Dhttp%5Cu00253A%5Cu00252F%5Cu00252Fwww.thisislondon.co.uk%5Cu00252Fincoming%5Cu00252Farticle7630373.ece%5Cu00252FBINARY%5Cu00252Foriginal%5Cu00252FTerry-Deary.jpg&h=GAQEzRMSC
I've also seen this using the RSS feed from the page: https://www.facebook.com/feeds/page.php?id=128931583879163&format=rss20 except that the URLs are encoded slightly differently.
I've had a good look on stackoverflow, but haven't seen anyone else with the same problem. Could you tell me what I need to do to decode it to get the appropriate URL please?
Thanks,
Gregor
This is a bug, as reported on the Facebook Developer site, for both pictures and video. The issue is still pending a fix from Facebook.
(MacBook)-I was receiving this as well, but only when I was on my dashboard page. After several seconds, the dashboard page would slide to the blank Facebook pixel page.This was driving me crazy. I finally deleted my dashboard page, which i really didn't use anyway, by using a code and running it on terminal. (from "how to hide or disable the dashboard page). The docking page disappeared and so did the 1x1 pixel page. I can restore the docking page whenever i want by using a second code.