• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Fb Pages Transition Jan2010

Fb Pages Transition Jan2010



Facebook Pages Changes

Facebook Pages Changes



Total Views
Views on SlideShare
Embed Views



35 Embeds 19,540

http://www.hyperarts.com 9957
http://wasmitbuechern.de 3877
http://facebookmarketing.de 2506
http://allfacebook.de 1728
http://www.erich-holzbauer.at 358
http://t3n.de 192
http://www.slideshare.net 182
http://www.nathanlatka.com 132
http://www.ucpeople.org 107
http://thewebissocial.com 77
http://propdave.wordpress.com 57
http://www.officeschulungen.ch 56
http://propdave.com 54
http://buzzed.at 52
http://thoughtfaucet.com 50
http://translate.googleusercontent.com 43
http://www.coob.at 26
http://blog.erich-holzbauer.at 17
http://webcache.googleusercontent.com 14
http://janemann.posterous.com 9
http://2facephoto.com 8
http://webconsulting-schnitzler.posterous.com 7
http://internet-marketing-va.com 6
http://blog.positiv-multimedia.de 5
resource://brief-content 3
http://virtualeyours.blogspot.com 3
http://dachs-brief.de 3
http://ifindresearch.swan.ac.uk 2
http://posterous.com 2
http://journeymanjourneys.com 2
http://wildfire.gigya.com 1
http://hato.posterous.com 1 1 1
https://www.google.de 1



Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.


14 of 4 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • get free unlimited cartown blue points
    - hurry -
    its a great website indeed
    Are you sure you want to
    Your message goes here
  • get free unlimited cartown blue points
    - hurry -
    its a great website indeed
    Are you sure you want to
    Your message goes here
  • get free unlimited cartown blue points
    - hurry -
    its a great website indeed
    Are you sure you want to
    Your message goes here
  • get free unlimited cartown blue points
    - hurry -
    its a great website indeed
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Fb Pages Transition Jan2010 Fb Pages Transition Jan2010 Presentation Transcript

    • Facebook Pages How to prepare for the upcoming design changes January 2010
    • Overview of Changes Timing: Late February ▪  As part of a larger effort to improve user experience and promote consistency across the site, Facebook will be modifying Page and Profile layouts by simplifying how identity is managed and displayed. ▪  Changes to layout: ▪  Tab width changing from 760 to 520 pixels ▪  Pages will no longer be able to implement iFrames on their Page. All custom content will need to be on a separate, custom tab, which you can add using FBML or a custom application. ▪  Boxes will no longer appear on Pages or Profiles. This means that Pages will no longer include the Boxes tab, or the Boxes that currently exist on the left-hand column of your Wall/Info tab, underneath your Page's profile picture. You can move the content that currently exists in Boxes to a custom tab.
    • Key Facebook Terms Tabs, Boxes, FBML Tabs Tabs help organize the content on a Facebook Page. By default, every Facebook Page has a Wall and an Info tab (which cannot be removed). You can built a custom tab by adding the FBML application to your page and entering FBML code into it, so that it will display your custom content. Boxes Small, moveable application Boxes found on the Boxes tab and on the left-hand column of a Facebook Page’s Wall/Info tab. FBML Customize a rich, interactive experience on your Page using Facebook’s version of HTML. You can embed Flash animations or add a comments box to your custom experience (more info found on http://wiki.developers.facebook.com/ and http:// facebook.com/facebook- widgets/). The FBML tab can be as wide as 520 pixels and has no restrictions on height.
    • Get ready 3 easy steps ▪  PageAdmins will see a preview of what their tabs will look like after the design change, at least 2 weeks prior to launch. ▪  Getting ready is simple: 1)  Adjust your tab widths 2)  Remove all Boxes (if applicable) Sample preview of new 520px width on a 3)  Create custom content in FBML on Page that hasn’t adjusted its tab widths a custom tab (optional)
    • Adjust your tab widths Step one ▪  Makesure all tab content will fit within 540 pixels ▪  Includes native tabs (Wall, Info, Events, Photos, Video, Discussions, Currently 760px Reviews, etc.) & custom tabs Currently 760px 520px 520px
    • Remove all Boxes Step two (if applicable) ▪  Click “Edit Page” and ensure that you have copied the code Remove all Boxes for any/all FBML boxes. ▪  Remove all Boxes from your Boxes tab and Wall/Info tab (underneath page profile picture) by clicking “Edit Box” and then “Remove Box.” ▪  Once your Boxes tab is empty, navigate to another tab and the Note: If you choose not to remove any Boxes, all Boxes and the Boxes tab will disappear. Boxes tab will simply disappear the day of the product change.
    • Move content to a custom tab Step three (optional) ▪  Move deleted content from Boxes to a new tab on your page by adding the FBML application to your page. ▪  Click “Edit Page,” locate the FBML application, and “Application Settings” to be sure the application is configured as a tab. If some of your Boxes were custom applications (not FBML), make sure that the Application Settings enable the application to appear as a tab, then follow the same steps above to convert that application into a tab. ▪  Click “Edit” to paste the code from your Boxes into the new tab. Adjust the code to arrange your content within the new 520px tab width.
    • Appendix
    • iFrames Preserving iFrames (on a custom tab) ▪  If you currently use an iFrame in your page and must preserve the content of one or more of your iFrames: ▪  Create a wrapper application that lives on a canvas page. This application can have iFrames since it sits on a canvas page. ▪  Have this light weight application include the image of what you want to display, with an “Activate” button. ▪  Link the “Activate” button to the canvas page wrapper application. ▪  More information here: http://wiki.developers.facebook.com/index.php/Fb:iframe
    • Helpful Links ▪  FBML: http://www.facebook.com/apps/application.php?id=4949752878 ▪  Visit that link, click “Add to Page,” and then select the page to which you’d like to add the application. ▪  Moreinformation about the changes: http://wiki.developers.facebook.com/index.php/Roadmap_Profile ▪  iFrame information: http://wiki.developers.facebook.com/index.php/Fb:iframe ▪  Building a custom application: http://developers.facebook.com/get_started.php
    • Additional questions? Contact your Account Manager