I have to develop Facebook app and put it into custom made facebook page as a side widget.
what are alternatives on customizing Fan page (one I googled is through static FBML - FBML)?
also I need to provide backend part in clients site so banner in the page can be changed from there. considering this I assume the "static FBML" is not an option right ?
anyhow any directions would be much appreciated
FBML stands for Facebook Markup Language. Here is the Facebook Developer page about it, and here is a list of allowed FBML and HTML tags within Facebook apps.
I'm not sure what is meant by "static" FBML, since the FBML can be generated dynamically by your PHP code just like you could do when outputting HTML. But hopefully one of these links will be of some help to you.
Related
I'm trying to find some information/documentation on creating a custom Facebook feed for any website. (Custom css etc) but there is nearly nothing to find. I want to read posts from a public facebook page and display them on my website in an owl carousel.
The only guide I found was outdated since facebooks developers page completely changed and the other guides are all for Wordpress.
Does anyone know any good guides, or can anyone help me in the good direction?
Thanks
Example code and information can be found in the API reference:
https://developers.facebook.com/docs/graph-api/reference/page/feed#read
I suggest using an App Token on the server, it is valid forever. If you don´t know about the different Tokens, here are some links:
https://developers.facebook.com/docs/facebook-login/access-tokens
http://www.devils-heaven.com/facebook-access-tokens/
Side Note: To get pictures, you can use the full_picture field: /page-id/feed?fields=full_picture
I would be grateful for some assistance with Facebook Social Plugins.
I have a bunch of portfolio items on my website that are rendered with a fb-comments-plugin at the bottom of the page.
At the top of the page (in the header) is a "like" button that is designed to cover the whole site (i.e. if you "like" the site - click the "like" at the top of the page). But, if you want to "like" the post - click the "like" alongside the post.
Anyway, every now and again - the comments plugin on one of the portfolio items indicates to me:
"Warning: {url} is not accessible"
This does not appear to be consistent across all items. For instance:
http://www.greensidefilms.com.au/portfolio/bride/
does not work, but:
http://www.greensidefilms.com.au/portfolio/twilight/
does work...
Confused I am, seeing as it is exactly the same code generating all these pages.
Is there something not quite right with the og meta tags that is causing the plugin to be confused?
Those links you provided are dead
I had some trouble when I first started working with the Facebook social plugins and found that the problem you are describing is with the APP ID, it is designed to work with a domain in your case yes it is the same domain however you should double check if the same APP ID is being used in all your plugins, using the wrong APP ID will cause that kind of behavior.
I want a facebook fan page with something like this:
With new design/theme, matching to my new website (orange/black)
Custom Logo/contents display
30 boxes short description, on mouse hover, get some highlight for box and on click of specific box, opens a new pop-up
pop-up should contain more detailed description and a link to specific page on my website
I think above things are achievable using FBML but any good ref/guide would be appreciated to help me quickly develop such a thing.
FBML is being deprecated by Facebook. You can create an iframe application instead. In an iframe you can basiclly do anything you like. As for themeing the page, you can't touch the facebook design. You can only control the contents of the iframe itself. You can however upload an image for the "profile picture".
Here is a guide for iframe apps for your reference:
http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/
Here is the reference site where you find the full demonstration of custom FB fan page.
You can achieve that using fb api.
http://www.kimwoodbridge.com/how-to-create-a-custom-facebook-fan-page/
http://blog.theunical.com/facebook-integration/simple-steps-to-publish-on-facebook-fan-page-using-php/
http://www.webdigi.co.uk/blog/2010/creating-a-custom-facebook-page/
As you probably know, Facebook has changed the layout again for Page (Aka Fan Page)
If I develop an application for facebook page, is it possible to display the canvas/data on the sidesbars (Left or right) instead of main content/canvas page?
Thanks
No you can't you have to "Stick" with the frame Facebook gives you and alter your design to fit within the new structure (e.g. using horizontal tabs instead of sidebars)
If I insert in my wall a link like this:
http://blog.bonsai.tv/news/il-nuovo-vezzo-della-lega-nord-favorire-i-lombardi-alluniversita/
then facebook extract the image in the post and not the first image in the webpage ( not image logo or other little images for example ) !!
How facebook does that ?
Hm, impossible to say without more information about the algorithm they use.
However, from looking at the page's source code you can see that while the image of Bossi is not the first image in the page, it's the first inside the divs "page_content" and "post_content". Maybe Facebooks knows the HTML IDs that the blogging system (Wordpress in this case) uses, and uses these to find the first image that is actually part of the page content.
That would actually be a good idea, and is essentially an implementation of the "semantic web"...
As others have said, we have no idea how Facebook decides what to choose in the absence of any relevant metadata (though Sleske's guesses seem reasonable; I'd also guess that they look at the first big image), but you can avoid that by going the correct route and simply giving facebook (and similar services) addiotnal metadata about your page by using Open Graph Protocol tags, for example if you want to specify a particular image to use for a facebook like, you'd include this in your head tag:
<meta property="og:image" content="<your image URL>" />
OGP is also used by LinkedIn, Google+ and many others.
If you're in Wordpress you can control these tags with an open graph plugin. Other systems can do it manually or via their own plugins.
I can imagine that the Facebook crawler can identify the actual content part, and select an image from it. Similar functionality is used by the Safari Reader functionality. It probably helps that the software used is Wordpress, which is the most popular blogging software. It's a quick win for Facebook to add specific support for this software.
My guess is facebook has built some algorithms for distinguishing the actual content from the other data in a html page. When looking at the page you provided it's quite easy since the html element that contains the page content has id="page_content" which is self-explanatory.