FBML - Facebook
Markup Language
        Joseph Scott
 joseph@randomnetworks.com
FBML

Subset of HTML

  br, div, h1, li, pre, span, etc

Facebook specific tags

  fb:create-button, fb:dashboard, fb:error...
FBML Extras
Forms will get hidden fields

  fb_sig_profile, fb_sig_user,
  fb_sig_session_key, fb_sig_time, fb_sig

src attr...
Javascript

Hasn’t been allowed until very recently

FBJS, their no iframe answer

Prefixes variables, functions with axxxx...
Where To Use FBML
Applications that use the canvas

User profile

Mini-feed

News feed

Notifications

Others?
Canvas Applications
Easy native Facebook look for your
applications

Short cuts for various page components
Mini-feed Gotchas
Title is required, limited to 60 characters

  Max of 1 a tag, fb:userlink and fb:name

Limited to 10 fe...
News Feed Gotchas
Title is required, limited to 60 characters

  1 a tag allowed, no others

Body limited to 200 character...
Resources

http://developers.facebook.com/
documentation.php?doc=fbml

http://wiki.developers.facebook.com/

http://www.fa...
Upcoming SlideShare
Loading in …5
×

FBML - Facebook Markup Language

69,217 views

Published on

Quick coverage of FBML

Published in: Technology
2 Comments
23 Likes
Statistics
Notes
No Downloads
Views
Total views
69,217
On SlideShare
0
From Embeds
0
Number of Embeds
928
Actions
Shares
0
Downloads
624
Comments
2
Likes
23
Embeds 0
No embeds

No notes for slide

FBML - Facebook Markup Language

  1. 1. FBML - Facebook Markup Language Joseph Scott joseph@randomnetworks.com
  2. 2. FBML Subset of HTML br, div, h1, li, pre, span, etc Facebook specific tags fb:create-button, fb:dashboard, fb:error, fb:message, fb:name, etc
  3. 3. FBML Extras Forms will get hidden fields fb_sig_profile, fb_sig_user, fb_sig_session_key, fb_sig_time, fb_sig src attribute of image tags will change Facebook requests the image and points the src to their own servers CSS Referencing external CSS not allowed Every rule gets prefixed with appxxxxx_
  4. 4. Javascript Hasn’t been allowed until very recently FBJS, their no iframe answer Prefixes variables, functions with axxxxxx_ Still beta, likely to change Security is still unclear
  5. 5. Where To Use FBML Applications that use the canvas User profile Mini-feed News feed Notifications Others?
  6. 6. Canvas Applications Easy native Facebook look for your applications Short cuts for various page components
  7. 7. Mini-feed Gotchas Title is required, limited to 60 characters Max of 1 a tag, fb:userlink and fb:name Limited to 10 feed items per application, rolling 48 hours May or may not show up in friends News feed http://developers.facebook.com/ documentation.php? v=1.0&method=feed.publishActionOfUser
  8. 8. News Feed Gotchas Title is required, limited to 60 characters 1 a tag allowed, no others Body limited to 200 characters Allows a, b and i tags Limited to 1 News feed item per user every 12 hours http://developers.facebook.com/ documentation.php? v=1.0&method=feed.publishStoryToUser
  9. 9. Resources http://developers.facebook.com/ documentation.php?doc=fbml http://wiki.developers.facebook.com/ http://www.facebook.com/board.php? uid=2205007948 #facebook on irc.freenode.net

×