I have already searched the site but I can't find an answer to this. My problem is that Facebook is showing the wrong image after I press the 'recommend' button (it's the same as the 'Like' button but with different text).
The webpage is here: http://www.bamarang.in/perfume-tree/ and the facebook debugger is here: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.bamarang.in%2Fperfume-tree%2F%3Ffb%3Dfgfgfg
The website needs an email but you can use a fake one to enter, as there is no confirmation.
As you can see everything seems to be correct but the wrong image is displayed. I've tried clearing the cache, on both the browser and Facebook (this last one by writing the webpage url's in the developer tool) but to no avail.
You can also see the webpage's source to check that all the OG tags are there and correct.
What else can I be missing? Please help.
See the wrong image showing up here: www.crosstastemovies.com/temp/fb_error1.jpg
See the FB scraper showing the correct image here: www.crosstastemovies.com/temp/fb_error2.jpg
I've updated the question to add the screen shots.
The link you provided for your site is: http://www.bamarang.in/perfume-tree/ but the link with the debugger is: http://www.bamarang.in/perfume-tree/?fb=fgfgfg.
As you can see those two urls are not the same.
I curled both urls, the first one returns a redirect to https://www.bamarang.in/customer/account/create/ and when curling that the output has no og tags in it (check yourself in the debugger).
The 2nd url (with the ?fb=...) indeed has the og tags.
What's the url you're using with the recommend button?
You should probably just output the og tags even when the fb parameter is not present, don't forget that people can just copy/paste the url into their status on fb, you have no control over how people share.
Related
I published a post on page.Published post has correct og:tags but when I am updating my tags these tags are not showing changed on my FB page.
I have tried debug tool and curl both. Debugger tool is showing changed values similarly curl's response is showing scraped response with time but in both the situation my page is not showing changed values.
Please help.
Posts don’t get updated automatically, just because you change the OG meta tags later.
Take a second to think about it - if I made you share a funny kittykat picture today, and tomorrow switched out thumbnail and description for “buy ch3ap v1agr4 here” ... that could hardly be in your interest as a Facebook user.
Users/pages will have to explicitly ask Facebook to update the data for existing posts. There is an option for that in the UI, the dropdown menu for the individual post has a “refresh share attachment” entry.
We recently moved servers and I've been having this problem since.
I tried parsing this url1 in the Facebook Debug tool, and the thumbnail retrieved using the content of the og:image tag is displayed fine, but it won't display when I 'like' the story and it appears in my profile . This was a story posted before switching servers.
Now when I try parsing this url2 in the Facebook Debug tool, the thumbnail is not retrieved and with previous case the thumbnail won't display in my profile when I like this story. This is a story posted after switching servers.
The funny thing I try repeating these actions and the thumbnail does pop up randomly.
How does Facebook retrieve the image from my server? Does the problem have something to do with how this is done?
At one point, I thought FB would not show a thumbnail on a second post. Or something. It seemed to show the thumbnail again, if I changed the URL a bit (put some fake parameters in the url).
YMMV
Remove every og meta tags from the page, debug it into the facebook debugger tool, when it shows nothing, put the correct og meta tags again and debug again with facebok debugger tool.
This is a weird problem with facebook. It caches the old incorrect values sometimes.
I'm trying to add the comments thingy to my page. I followed the directions here:
https://developers.facebook.com/docs/reference/plugins/comments/
I have no idea what URL I should set ; I tried my webpage URL and I get an error ("page could not be contacted"). I also tried my facebook page, no error but no comments are published.
I read somewhere else that I need an AppID, so I went to https://developers.facebook.com/apps/ which redirects to my page.
I also tried the moderation URL http://developers.facebook.com/tools/comments but all I get is a generic error.
I guess I'm missing something so obvious that it's not documented.
Can anybody help????
TIA
greg
The first thing that you need is Open Graph tags (this is why you are seeing the "Open Graph Warnings" message on the debugger).
To easily generate these tags for your page, go to Step 2 on the Like Button developer page, where you fill out a few items and get the code for your tags. Insert these tags into the <head> of your page. The og:url is one of the most important, and having it missing could be why you are getting errors.
Then, follow the steps on the Comments developer page.
You can always try looking through this tutorial as well.
I couldn't really word the title very well, but here's my problem: I've got a webpage that reads from a database each time the user clicks a button, the content is then replaced for part of the page.
Because it is an ajax load, everything is done in the background, and so the URL stays the same. This wasn't be a problem at all until I realised that I will want to have a different Facebook comments box for each set of content that is loaded - so if someone comments, it is posted to their facebook profile, people click on the link and are then taken to different content.
So... what I need is some way of referencing each set of content, and I've found a site that does exactly that (I'm sure there are a lot of them).
Here's the link.
Each set of content has a different 'hash code' (because I don't know the actual name for it) which is appended to the URL - in this case the code is "#1922934", this allows people to post links to it that specific set of content on Facebook etc. - and also allows a different Facebook comment box for each set of content.
Does anyone know how such a set-up can be achieved or how these 'hash codes' work?
Here's a document from wikipedia on it.
[http://en.wikipedia.org/wiki/Fragment_identifier][1]
The main idea is that URI fragments are used because they don't cause a page reload. They also can be used to refer to anchors on a web page.
What I would do is on page load use JavaScript to read the URI fragment (location.hash) then make a request to your server to load the comments etc. The URI fragment cannot be read by a server and is only found through a client (browser)
Sounds like you want something like SammyJS.
I am writing an iPhone app that includes the ability to publish a link to a user's wall on Facebook using the latest Facebook supplied iOS SDK. To the dialog method I give a name, caption, description, link, and picture in a params dictionary. The method call successfully opens a dialog for the user in the app (after authenticating), where they can add a message and tap Publish. So far, so good.
Looking at the result on the user's wall, both the title of the post (the "name" in the dictionary mentioned above) and the picture associated with the post are clickable links with the url I specified in the method call (via "link"), as expected. Well almost.
Now the problem: while the link on the post title is exactly as specified, the link on the image has the additional, unwanted query string ?ref=nf appended. I want to know how to suppress this, as it breaks my goo.gl shortened link.
I don't think this is iOS specific. It happens on this Facebook developer Feed Dialog page as well. Go down to the section Example, and click where it says Click here to try the url yourself, you’ll get a Post To Your Wall page. If you click Publish and then go to your own wall, you will see that the link for the image and the link for the title are different, with the image link including the extra query string. Which is what I want to suppress.
Interestingly, before you publish from the above page, you can hover over the image and the title, and the reverse it true. The title link has the extra query string but the image link is clean. Bizarre. I cannot see if that is also true in my iOS app, since I have no way to "hover" on the iPhone.
Two other data points
I see this in posts from at least some other apps; the fully expanded links being used there are apparently oblivious to the extra query string information
I don't see this if I post directly from my Facebook news feed page from the Facebook web site
Anyone know how to eliminate/suppress this extra query string from the image link when posting programmatically?
Looking at this post in the facebook forums, it appears you would have to strip it manually yourself. I.e. send it to a shortener that you control and doesn't care about the query string.
They are going to add that query string always. So if you want to handle it gracefully, you need to control where the link goes to initially, or find a url shortener that ignores this parameter.
This is solution:
Remove parameter from URL viac .htaccess