Facebook API profile picture - javascript

I created a website for my Students Organization.
On that website there is a page where I list all the people who helped organize our Activities. Theres a picture of every member there.
To get the images, I used their facebook profile pictures.
I used http://graph.facebook.com/USERNAME/picture?height=250&width=250
This code did work a few days ago, but now the images dont seem to load. I followed the url and got a JSON object:
{
"error": {
"message": "(#803) Cannot query users by their username (user.name)",
"type": "OAuthException",
"code": 803
}
}
So it seems to me that facebook might have changed their security... (after googling I found out about some changes in their API 2.0 but I didnt fully understand that..)
This link does still seem to work if you have the userID, but I'm unable to get that userID because of the same error message through graph.facebook.com...
Is there still a way to get facebook profile pictures of people on your website or did facebook totally block this off??
Any help is appreciated!

If you want to use the data, you'll need to implement Facebook Login for your website, where the users can give their permissions to your app to use their data.
The username field is no longer accessible with the Graph API v2.0. There are at least 5-10 questions on this on StackOverflow today.
Look at the docs:
https://developers.facebook.com/docs/apps/changelog#v2_0

Related

Facebook Open Graph API - Fetch offers from page

I am currently working on a javascript project that fetches various data from a customer's Facebook page, so that it can be displayed on the customer's website.
One requirement of this project is that it can also fetch an display all offers that are currently active on the customer's Facebook page.
I already dug through the Open Graph API documentation and Facebook is listing two different endpoints to access offers from a Facebook page.
I tried /{PAGEID}/nativeoffers but this just gives me a empty response.
I also tried /{PAGEID}/offers_v3 but I just get the following error response:
{
"error": {
"message": "(#3) User must be on whitelist",
"type": "OAuthException",
"code": 3,
"fbtrace_id": "BV8zwWvE7Gv"
}
}
Because of that, I have two questions:
If I just want to fetch the standard offers of a Facebook page, which API endpoint do I have to use? /nativeoffers or /offers_v3 ?
How to get whitelisted to use /offers_v3? In the Open Graph API docs the description is as follows:
Entity to describe an offer. One needs to be whitelisted to use this API. Please contact the support group and ask them to reach out to the team that is responsible for this API to request to be whitelisted.
What support group is meant here?
Any help is greatly appreciated!

Facebook Graph API - Get user feed posts with pictures

I'm using the Javascript SDK, and I'm currently able to successfully have a user log into my app using their Facebook and get posts using /me/feed. However, those posts only seem to have the fields: message, story, created_time, and id. How can I get the pictures, links etc associated with these posts?
Thanks!
You have to ask for the Post fields you want to get:
/me/feed?fields=message,xxx,...

Automating posts from "company" for the Facebook page of said "company"

I put company in between quotations because my question relates to our Rugby team page but in Facebook it acts like a company page.
I am currently rebuilding my teams website (BBRFC Celtic) and I am going to add a user login system which will have coaches and admin staff with different levels of authority.
Sometimes due to weather conditions, events, or other things a training time may be changed or a match canceled or other various events. When these happen we normally send emails through a mailing list or sms or post on Facebook by hand.
What I want to have is a little bot of some kind that runs behind the scenes of the server and when coaches or admins change something it allows them to make an automated post to Facebook.
Something like after changing a trainings time it asking Would you like this to be posted to the facebook page and groups?.
I have been unsuccessful in finding out how I would go about writing the code for this. Our webpage will use php but maybe this can be done with javascript?
Do I need to get a key to post something as if I were the page?
How about to the different groups we have?
Any pointers would be helpful since I am totally stuck not really programmatically but more conceptually, I do not know if this is even possible.
I will explain the steps you need to accomplish your goal for a website. Note that the documentation also explains the case of a mobile application and others. I used the facebook API before, however, not to manage groups/pages, hence, this post will only point you in the right direction. I will explain how to post a message as being the admin of the page, not sure if you meant facebook pages or groups.
First, the user need to log in with facebook. This can be done using Javascript and the facebook API. Their documentation provides a very detailed explanation with code examples etc. Note that i will explain for the case of Javascript, however, this could be done in php, ...
Once the user is logged in, you can retrieve all kind of information about the user, his pages, etc. I would suggest to retrieve the pages the user is managing, then check if your "company" is part of this list (note that you will need the manage_pages permission). If this is the case, the user can post a message in name of the page.
/* Retrieve pages the user is managing */
FB.api(
"/me/accounts",
function (response) {
if (response && !response.error) {
/* handle the result */
}
}
);
Now response is an object containing multiple fields (see the official documentation).
Now, if the user is an administrator of your page, you can post a message as a Page.
/* Post a message as a Page, use your page id */
FB.api(
"/{page-id}/feed",
"POST",
{
"message": "The match has been delayed to ..."
},
function (response) {
if (response && !response.error) {
/* handle the result */
}
}
);
If successful, the ID of the post will be returned as part of a JSON response (see doc)

How to upload a photo to user's wall using Facebook Javascript API (2014)

First of all, I know there are plenty of questions and answers about the same topic, but none of them seem to work for me... This might be because many of them are from 2011 or 2012, and the FB API could have changed and the methods could be outdated... Let me briefly summarize my problem:
What I want to do?
Upload a PNG or JPEG photo stored in a server to the user's wall.
How do I want to do so?
Using Facebook's Javascript API, presumably by calling "FB.api()". I've been dealing with "FB.ui()" a bit and I've managed to successfully upload some things, but I don't know if it's possible to upload a simple photo to the user's wall using the "ui()" method (hope so!).
What am I doing now?
Here is the code I'm running now:
CocoonJS.Social.Facebook.api('/me/photos', 'post',
{
message:'Luke: I am your Guinness',
access_token: game.data.access_token,
url:'http://www.theagencyonline.co.uk/wp-content/uploads/2013/09/Darth-Vader-Guinness.gif'
}, function(response){
if (!response || response.error) {
alert('Error occured');
} else {
alert('Post ID: ' + response.id);
}
});
What am I getting?
Strangely, after calling this function, the alert with the "Post ID" pops-up with a large number (the actual post ID, I guess). However, nothing is published in the wall. I'm using my own account to test it and I'm unable to see the post published.
Messy things that could be related with the problem (or not):
Legends tell about user's "access token": some believe it is the key parameter, some don't even use it.
Some people believe that uploading a photo can't be done through "/me/photos", but through "/{user_id}/photos".
My FB application is still in sandbox mode (not made public).
And, finally, a simple question that could solve the whole thing... I've been able to publish things through "FB.ui()" instead of "FB.api()", but I can't find a way to publish photos through "ui()": do you know if it's possible? If so, how can be done?
Thanks in advance for your time and effort! :)
Facebook docs at https://developers.facebook.com/docs/graph-api/reference/v2.0/user/photos/#publish specify that you should use encoded curly brackets to wrap your url paramenter content:
url=%7Bimage-url%7D
Strange that you get a photo_id returned. What happens if you query this photo_id?
Also, check what the default publishing settings of your app are. Quote from FB for the privacy field:
If not supplied, this defaults to the privacy level granted to the app
in the Login Dialog. This field cannot be used to set a more open
privacy setting than the one granted.

JS SDK - Posting to a page wall

I am using the JavaScript SDK. I have an application that has publishing permissions and after certain actions are taken a post will be made to the logged in users wall like so:
FB.getLoginStatus(function (response) {
//we are authorized
if (response.status == "connected") {
var name = "Post name";
var body = "Post body";
var caption = "The caption";
var description = "The description";
var link = "http://www.facebook.com/mypage";
FB.api('/me/feed', 'post', { message:body,caption:caption,link:link,name:name,description:description}, function (response) {
console.log(response);
});
}
});
What I would like to able to do is post to a specific Facebook Page after a post is successfully made to the users page. Is there a way to securely pre-authorize an application to do that? Is this possible with the JavaScript SDK, or at all? I did some looking around and havn't found a definite answer. I'm looking at the FB documentation but find it to be a bit spotty in places. Could anyone tell me if this is possible? Any help or advice would be very much appreciated, thanks much!
Edit: my mistake, I should have supplied more info. Here is what I am trying to do:
var body = "The body";
var caption = "The caption";
FB.api("mypageid/feed", "post", { message: body, caption: caption }, function (response) {
console.log(response);
});
I am getting the error "this api call requires a valid app_id" however my page id is valid. When I call FB.init() I am passing my app id and it works for the first post to the logged in users feed.
Edit:
I have made the change the Igy suggested. Now I am getting the error:""(#200) The user has not granted the application the permission to automatically publish feed stories""
Now, as I said I am trying to post to a Facebook page. I have logged into the account that owns the page and I have gone to the app and clicked allow for the following permissions:
email,user_photos,publish_stream
When I am logged in with the account that owns the page and check my status:
FB.getLoginStatus(function (response) {
console.log(response);
});
I get "connected". Am I doing this incorrectly? Do I have to do more than just authorize with the account that owns the page? Is there a way to set allow permissions for a page? I did a little digging but couldn't find an answer.
Edit :
Ok, now what is happening is IF I am logged into the account that owns the page the post will be made to the page. If I am logged in with another account I get an id back as a response to the API call but it doesn't seem to be a valid object id. For instance I just got this back:
id: 499973616681852_507724422573438
if I go to http://graph.facebook.com/499973616681852_507724422573438
I get an "unsupported get request" graph api exception, which suggest that id returned is not valid. I feel like I am close here but I am missing something. Any advice would be appreciated, thanks again to all who responded.
edit: removed the link to the page,that was left in unintentionally.
It's good practice to try getting it to work in the graph explorer first. Note that on the top right you can select which application to run under. I just made a post to your page using /PAGE_ID/feed and it worked fine. You'll need the publish_stream permission. If you can get it to work in the graph explorer you'll know it's possible to get it to work in the JS SDK and you've just made some sort of syntax error.
Also note there is an open high priority bug report on some calls to the graph returning "unsupported get request". So even though the id you are getting back is invalid, check the page itself to see if the posts are appearing.
I also noticed that the user itself is getting the same error. Try https://graph.facebook.com/507724422573438. Is this a test user for your app? Might be worth trying this as a real user if so.
Since you want to post to the page as the page itself, you'll need to authenticate as a page and then use that access token when making graph api calls. I am not sure if you'll be able to then use this access token for any user, or only users that are allowed to manage the page. It would be best for you to use the graph explorer to do some experiments to find out.

Categories