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.
Related
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.
I have followed step 1 and step 2 in order to add the "like" button to a web site that I am developing. I am using Dreamweaver (Cs5.5) to build the site. This button is a "must have" for the person I am doing the site for!
I insert the code EXACTLY as the instructions state and I cannot get the button to appear...what is strange is that I am working off of a template and there is no - there is {body...}...I have inserted the code after using the like button 'builder' at https://developers.facebook.com/docs/reference/plugins
I have tried numerous times to post the code - it will not "translate" thru this venue. Also tried sending image of code - I'm a new user and I am not allowed. So, let me know what I can get you to answer my question - very frustrating.
I insert everything - nothing. I view in iexplorer 8 - nothing. Please help! Thanks!!!!
https://developers.facebook.com/docs/reference/plugins/like-box/
If follow this link, it will take you to a page that will generate the code for you. On the page's code generator form the first step to fill in is headed "Facebook Page URL (?)". In the box below it replace the word "platform" with the name of the Facebook page to want to connect to your web site. This really works. I am also a newbie and it was the first time I had to do this. I entered the code in a div I called "FaceBookFeed".
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 trying solve the back button issue within my app. The scenario is:
I have a home page with a search form which sends and receives data with $.ajax(), then the results loaded through ajax, their links points to a controller that won't be done by GET in ajax so that means that the page will be refreshed (so the home page with the results looks like this: http://url/en/home and a result link may look like this http://url/fetch/data/x123av).
The problem is which is the best way fix that when click back button to return the results from the search box?
I have found some answers in stackoverflow related to my question:
http://code.google.com/p/reallysimplehistory
http://tkyk.github.com/jquery-history-plugin
But from the documentation of those plugins, they all work by checking the hash change which I don't have.
Hope I have explained well enough, and I do have searched stackoverflow and google for a solution but I didn't find one that is close to this or either I've jumped over it...
Please just point me to the right way :D
But from the documentation of those plugins, they all work by checking
the hash change which I don't have.
If you want to handle the back button with AJAX request you will have to redesign your application so that it works with hashes as that's the only way. Changing the fragment portion of an url doesn't trigger a page reload but it is added to the history, so when you press the back button you are able to detect this change without navigating away from the page.
As mentioned by SLaks in the comments section another possibility is to use the HTML5 history API but obviously this assumes that the client browser supports it.
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