Documentation for getting Facebook feed stream on website? - html

Trying to integrate a Facebook page stream into an element for a website?

The Facebook Like Box has a "show stream" option that displays this data.

Be aware, it is against Facebook's policy to exactly copy any of it's features and use on your own site (as if emulating Facebook).
With that said, you need to grab this information manually using either the Graph API or FQL. There is no social plugin that can do this automatically.
You can check out the Graph API documentation here: https://developers.facebook.com/docs/reference/api/
You can test out some Graph API calls here:
https://developers.facebook.com/tools/explorer/
You can learn more about FQL here:
https://developers.facebook.com/docs/reference/fql/

Related

Chatfuel Show "Buy" button (via Stripe) using the JSON API block - FB Messenger

I'm trying to build a Facebook Messenger bot using the Chatfuel platform but I came to a halt. I can't find anything about displaying the "Buy" button via the JSON API block. I'm trying to use the Stripe version, not the native FB Messenger purchase feature as the users will be outside of US. Now the button works fine when adding it using the Chatfuel's UI but I can't figure out how to show the Buy button via JSON API.
How should the JSON template look like? What tags do I need? I've been trying to use the examples from the official FB Messenger docs but nothing works, I end up getting the An error in JSON plugin has occurred / Unable to parse JSON message.
Can anyone please guide me in the right direction on how the JSON template should look like in order to display a buy button?
Many thanks!
Apparently there is no way to achieve this at the moment. I've got this answer in the Chatfuel FB support group:
"Unfortunately not possible. You'll have to use a Chatfuel redirect to a buy block or use a webview or create a normal buy button with a link to your checkout process behind it."

Embed latest youtube upload on webpage

I have tried finding documentation on how to do this but I just couldn't find any, all the ways I tried where all using or the old api or just displayed nothing, the ideal format that I wanted is using this generator: http://www.yvoschaap.com/youtube.html I got this working on the site but when I copied the code to my own site (running wordpress, I also tried it just in a blank file). Please help!
Instead of using that code, use the official Google's Youtube Data API to integration youtube lists into your website.
Link to Youtube Data API search lists: https://developers.google.com/youtube/v3/docs/search/list#http-request

Facebook Page -- Dynamic HTML Based on User

I'm looking to create a Facebook Page with dynamic content based on the user visiting the page. For example, if the user has "liked" something with the consisting of "soccer" then it would display a little module specifically for soccer... or if they liked "baseball" then it would display baseball.
I guess my overall question is: "What content does FB allow developers to scrape and use in their code?" I want to utilize this on the Static FBML application.
Thanks in advance!
You may want check the open graph documentation:
http://developers.facebook.com/docs/opengraph/
Graph API: For accessing profile data
http://developers.facebook.com/docs/reference/api/
In order to request and receive extended information about a profile you need to setup a signed request from the Graph api. This can be done from a custom facebook app.

Chrome Extensions

I'm starting the development of chrome extensions, i have read few tutorials but i still have few questions, like;
1) How to get the text of the page Like i want to in skype or google talk extesnion the number on any webpage are converted to PHONE LINK how can i do this?
2) How to perform authentication using the plugin like the google plus (gmail) checker, I want to do this for another website not gmail, i want to do this for me custom website.
Thanks
1) There are a number of ways to ways to find text on pages. Here is an example with jQuery.
2) Google has a tutorial for using OAuth from an extension. This should work with most OAuth providers. You can also use cookies or Basic Auth if you want something simpler.

How do i allow the user to select more than one file for upload?

Gmail just released an update to their interface allowing the user to select more than one file for upload by using the CTRL-button. How do they do that? You can read about the new feature and see a screen shot here:
http://gmailblog.blogspot.com/2009/02/updates-to-attachments-multi-select-and.html
You will need to find flash-based sollution, like Google did with Gmail. You can try this jQuery plugin that offers exactly that: jQuery File Upload Plugin
Adobe Flash Player.
Here's a good library that I used: SWFUpload
Of course this is a JavaScript library, and not a jQuery plug-in, making it much more portable.
Take a look at RFC 1867 It defines how to upload files over HTTP using the multipart/mixed encoding. You can use the Apache Commons FileUpload library to do this in Java. I don't know how Google does it, but you can manage the multiple selects with JavaScript processing in your page.
Not the method Gmail uses, but the following link, combined with some jquery you can allow an unlimited number of files to be uploaded at the same time: Link
Google isn't using Flash, but actually some clever javascript (well, that IS what they're all about it seems :-) ). Using javascript and css, you can create a file chooser that lets the user select the file to upload. Then, you use a hidden iframe. The act of posting the form with your upload file targets the hidden iframe so that the result returned from the server on success goes into that hidden iframe. Using javascript, monitor the document body of that iframe to know when the file is uploaded.
This link appears to be a quick example of the basic concept: http://www.seemysites.net/projFolder/uploader/