fbml for fan pages by heather boone

29
Hi. I’m Heather. I design and develop web pages. Some of those web pages live inside of Facebook fan pages.

Upload: aigahr

Post on 12-May-2015

379 views

Category:

Business


1 download

DESCRIPTION

from the AIGA Hampton Roads Shameless Self-Promotion panel series

TRANSCRIPT

Page 1: FBML for fan pages by Heather Boone

Hi.I’m Heather. I design and develop web pages.Some of those web pages live insideof Facebook fan pages.

Page 2: FBML for fan pages by Heather Boone

Fan pagesallow you to publish custom contentby creating a Facebook app.

Page 3: FBML for fan pages by Heather Boone

This appgenerates a coupon for the latest saleand offers ways for the user to sharethe “ticket” on Facebook and Twitter.

Page 4: FBML for fan pages by Heather Boone

This appshowcases weekly promotions.

Page 5: FBML for fan pages by Heather Boone

A gateis a common Facebook app.

Page 6: FBML for fan pages by Heather Boone

This appis for charity awareness.

Page 7: FBML for fan pages by Heather Boone

This appis for fundraising.

Page 8: FBML for fan pages by Heather Boone

This appis for a contest* @carters.*consult an attorney

Page 9: FBML for fan pages by Heather Boone

FBMLor Facebook Markup Language…

Page 10: FBML for fan pages by Heather Boone

FBMLis deprecated and this is a really good thing.

Page 11: FBML for fan pages by Heather Boone

iFrame appsare now required.

Page 12: FBML for fan pages by Heather Boone

iFramesallow you to embed an externalWeb page in your fan page.

Page 13: FBML for fan pages by Heather Boone

Hostingfor an iFrame app is handled by the developer.

Page 14: FBML for fan pages by Heather Boone

An SSLcertificate will be required for all iFramed Facebook content in October.

Page 15: FBML for fan pages by Heather Boone

iFrame appsuse standard HTML, CSS, and JavaScript like any other Web page.

Page 16: FBML for fan pages by Heather Boone

This is goodbecause it offers you more control of the content, page changes are immediate and you can use best practicesas you would for other development.

Page 17: FBML for fan pages by Heather Boone

520pxis the width of Facebook’s iFrame.

Page 18: FBML for fan pages by Heather Boone

Installthe developer app @ developers.facebook.com.This is where you will go to create apps and edityour app settings.

Page 19: FBML for fan pages by Heather Boone

Developersis also where you can read documentation

about the Facebook API and SDK.

Page 20: FBML for fan pages by Heather Boone

Create an appby choosing the “+ Create New App” button.

Page 21: FBML for fan pages by Heather Boone

Nameyour app and agree to Facebook’s Terms.

Page 22: FBML for fan pages by Heather Boone

Setupyour app’s basic information.

Page 23: FBML for fan pages by Heather Boone

Integrateyour app into Facebook by choosing “On Facebook” fromthe left navigation and input canvas URLs for your page.

Page 24: FBML for fan pages by Heather Boone

Chooseauto-resize* (unless you like scrollbars) andinput page URLs. *You will need some JavaScript for this feature to work on your page.

Page 25: FBML for fan pages by Heather Boone

Add the appto your page by choosing “View App Profile Page” fromthe navigation.

Page 26: FBML for fan pages by Heather Boone

Add the appto your page by choosing “Add to My Page” from the navigation and then select the appropriate page fromthe pop up window.

Page 27: FBML for fan pages by Heather Boone

View appon your page by navigating to the page.

Page 28: FBML for fan pages by Heather Boone

Free is good.If this development stuff just isn’t for you, andyou want a custom app, check out ShortStack.

They allow small fan pages (under 2,000 likes)to publish custom tabs without all the hassle ofhosting and development.

Page 29: FBML for fan pages by Heather Boone

Thanks.Have fun building your own apps.There are some great resourcesand tutorials online. HyperArts got me up to speed.

Hurry, now! And, if Facebookdoesn’t survive November,Google+ for Business is lookingquite promising.http://bit.ly/oQSfuD

[email protected].