Archive for March, 2011

Create a Custom iFrame Tab for your Facebook Page

Written by , March 22nd, 2011

Recently, Facebook updated their business pages and in the process they replaced FBML with iFrames for creating custom tabs. This means that instead of using FBML to create custom content on your page, you will now need to create a custom application and use an iFrame. Basically, an iFrame allows you to use content across different web domains through code which tells the website browser to request content from a different location. This enables you to display content from one webpage on another website, such as embedding a youtube video or flickr photo on your Facebook business page. IFrames are a bit more complicated than FBML, but we’ll walk you through the basic steps below.

 

1. Create the webpage you will be integrating with your Facebook page and upload it to your web server – making sure that the page will fit within the 520px wide size limit of Facebook. The iframe application that you will be creating will pull this content from your web server directly to Facebook.

2. Go to the Facebook Developers site to begin creating your application. Click ‘set up new app’ in the upper left-hand corner. This will take you to a screen that looks like the one below:

Create application Create a Custom iFrame Tab for your Facebook Page

Fill in your application name – it’s easiest to make this the name of the custom tab you are creating, and click ‘create app’.

3. Now that you have created your app, you will be taken to the About Tab for your application. There are many options with your new application, but for basic custom tabs, our one recommendation is to change the icon. This way an icon of your choosing will show up on your page navigation bar under your page profile picture, instead of the default iframes icon. For best results, make sure the photo you upload is 16px x 16px.

4. Next, click ‘facebook integration’ on the upper left-hand side of the page.

facebook integration Create a Custom iFrame Tab for your Facebook Page

These next steps are the most important in creating your custom iframes tab. It is where the integration happens between your webpage and Facebook. You will see a screen that looks like this:

canvas page Create a Custom iFrame Tab for your Facebook Page

5. Canvas URL: This is the url where the file you wish to integrate is located – remember to include ‘http://’. However, do not include the actual name of the file here. In other words, fill in everything but the name of your iframe file, instead the URL must have a trailing slash at the end. For example, if you webpage is hosted at http://www.mysite.com/webpage, only include http://www.mysite.com/. (You will fill in the name of the iframe file in a later field).

6. Secure Canvas URL: Re-enter the same URL as above, this time using ‘https://’ instead of ‘http://’.

7. Canvas Type: select iframe.

8. Iframe Size: Select ‘auto-resize’. This ensures that your webpage will fit neatly onto your Facebook page without users have to scroll left to right and up/down.

9. Tab Name: This is the name of your tab, such as ‘Welcome’ or ‘About’, you are limited to 16 characters here.

10. Tab URL: This is the name of the file you wish to integrate with Facebook. It is what you didn’t include in the above ‘canvas url’ field. For example, if your webpage is hosted at http://www.mysite.com/webpage, only include ‘webpage’ here.

11. Save your changes. You have created your first Facebook application!

12. The next step is adding your new application to your page. The screen you should see now includes the information on your new application. Do not submit your application, unless you want everyone to be able to add your custom iframe to their page through the Facebook Application Directory. Instead, click ‘application profile page’.

application profile page Create a Custom iFrame Tab for your Facebook Page

From here, you will be taken to an empty business page. On the left side under the profile image, click ‘add to my page’ and, if you have multiple business pages, click the appropriate one.

add to my page Create a Custom iFrame Tab for your Facebook Page

13. Go to the page you just added your application to, and hit refresh. Your new custom tab will appear in the list under your business page’s profile picture. Done!

You can make your custom tab the default landing page by going to ‘edit page’ and clicking ‘manage permissions’ on the left hand list. From here, use the drop down menu to choose your new application in the default landing tab field.

default landing tab3 Create a Custom iFrame Tab for your Facebook Page

As you can see, iframes are a bit trickier than FBML. If you are looking for more guidance or have any questions, contact us at Out-Smarts Marketing.

A Guide to the New Facebook Pages

Written by , March 08th, 2011

Facebook recently updated their business pages, and the changes are overwhelmingly positive for page administrators. Many of the issues with business pages have been rectified with these new changes, and the new pages more align with the look and feel of personal profiles, making for a more streamlined user experience on Facebook.

On March 10th all Facebook pages will permanently switch over to the new pages. Currently, administrators can preview the new profile or choose to opt-in to the new profile. Why not upgrade early? You only live once! Besides, you’ll have to make the change in a few days, you might as well have the new page features figured out before then and be ahead of the curve.

Page ungrade button A Guide to the New Facebook Pages

Once you’ve clicked to upgrade your profile, here are some of the new features you will find:

Tabs have migrated:

Your tabs have moved from the bar at the top of page to below your page’s profile picture on the left hand side. This change aligns with recent personal profile changes and promotes a seamless user interface.

Photo Strip:

Similar to tabs now being placed on the left hand side to mirror personal profiles, there is now a photo strip at the top of pages. These highly visible photos can be used strategically by your business to promote your brand and engage fans of your page. They are also easily customizable, so you can hand pick which pictures appear in this strip. If you upload many photos, you can frequently change the photos that appear there to give repeat visitors an ever-changing visual on your page or, ­­­with a spare half hour, you can create an eye-catching montage such as the one below.

photo strip2 A Guide to the New Facebook Pages

Your page now operates as a ‘person’:

You now have the option to switch back as forth between using Facebook as yourself, or as your page. For example, now I can post as ‘Out-Smarts’ on other walls as opposed to only being able to post as ‘Corrie Scott’. Furthermore, if you are using Facebook as your page, you now have a newsfeed customized to your page which you click ‘home’, and you have the ability to ‘like’ other pages as your brand. You can find the option to use Facebook as your page under ‘account’ as seen below or, if you go to your business page, you will find the option to ‘use facebook as your page’ on the right hand side under the ‘edit page’ button. You can return to using Facebook as yourself by following the same steps. This is a very handy feature as it allows you to post as your page on other walls, whereas, in the past you were only able to post as yourself.

account A Guide to the New Facebook Pages

Post as yourself on your page:

The opposite of above. In the past, I could only post to the Outsmarts page as ‘Outsmarts’, but now I have the option to post as ‘Corrie Scott’. To post as yourself on your page, click ‘edit page’, then ‘your settings’ on the left hand list, and uncheck the button called ‘posting preferences’. Click ‘save changes’ and now you can post to your page as yourself.

Receive notifications from your page:

You now receive email notifications about your page in the same way you receive notifications for your personal profile. If your page receives significant activity and the notifications are cluttering up your email, you have the option to turn off email so that you only see notifications when logged into Facebook as your brand. To turn off email notifications click to edit your page, click on ‘your settings’ and uncheck the box that says ‘email notifications’.

Featured likes and featured page owners:

‘Featured likes’ are simply a name change – this used to be ‘favorite pages’. Featured page owners allows you to showcase the administrators of your brand’s page. This allows you to further humanize your brand – if you want to connect yourself personally to your business page. To add either of these features to your page you need to again click to edit your page, this time click on ‘Featured’ and click to add either option.

Featured option1 A Guide to the New Facebook Pages

Changes to your wall:

You can choose whether to show posts by just your brand, or allow fans to post to your wall as well – much like before. However, posts will no longer appear chronologically on your pages wall. Instead, posts now appear according to a ‘relevancy algorithm’ where posts that have had the most interaction will now appear at the top of your page. To see posts in chronological order you can click on ‘admin view’ under the ‘wall’ tab now located on the left under the page profile picture. Admins also have the option of deleting spam or inappropriate posts which will be filed under ‘Hidden Posts’ – you can always unhide these posts at a later time if you wish.

No more static FBML:

As of March 10th, Facebook no longer supports static FBML tabs. They will continue to support any custom tabs already created with FBML, but all new tabs must be developed using iFrames.

‘Suggest a page’:

This feature is no longer available for fans of your page. From now on only admins can suggest a page to their friends, instead fans can now ‘share’ a page. This is similar to the way users share other content on the site, and is Facebook’s attempt to be consistent across their entire site.

 

Simple and Achievable Social Media for Non Profits

Written by , March 04th, 2011

Today and over the next few weeks  we will be taking a close look at social media for non profits:  we will even share some of our  “Social Media  Strategy Smarts” specific to this sector with a view to helping you understand how using social media can benefit your organization and help it grow.

Keep It Simple and Achievable

The Out-Smarts mantra for our non profit clients has been “Keep It Simple and Achievable”.   Adding social media tools to the strategy of non-profit business is essential in our networked world and tools such as Facebook, email, blogs and twitter are not only cost effective they also encourage a  two-way conversation between people and organizations that can effectively increase the momentum and reach of a non-profit -  but it has to be manageable given your time and resources.

 Simple and Achievable Social Media for Non Profits

Good Planning Makes for Good Fortune:

Non profits that focus first on developing a clear strategy are best positioned to succeed with an Social Media program.      The first step is to develop a strategy that authentically reflects the organizations strategic goals and vision –  whether the aim is to increase fund raising opportunities, engage volunteers or educate the public.

Here are some questions to explore to jump start your Non Profit Social Media strategy:

1.      What do you want to accomplish with social media?

i.e. Do you plan to use Social Media to:

  • Listen and Learn?
  • Build Relationships and Issues Awareness?
  • Improve Reputation?
  • Generate Conversations?
  • Drive Visitors to a website or blog?
  • Taking Action or Fundraising?
  • All of the above or other?

2.    Identify and Research your Audience:

  • Who must you reach to meet your objectives?
  • What do you want to say to your key audience? (and what will they say back!)
  • Which social media tools does your key audience currently use?
  • Is there research required to better understand the online social behavior of your target audience?

3.    Integrate your Social Media with existing marketing – harmonize with your online approach with off-line message:

  • How does your social media support other components of your communications and fund raising strategy?
  • Is your website Social Media ready?

4.    Change can be hard –  Social Media means added transparency for your Organization

To move forward with your strategy you will need to face these common fears and concerns:

  • Loss of control over your message
  • Dealing with negative comments on-line
  • Perception of wasted of time and resources
  • Suffering from information overload already, this will cause more
  • Not being successful, fear of failure

5.     Pick Your Tools and Your Leader

  • What tools to support your objectives?
  • What tools suit your audience?
  • What tools do you have the capacity to implement?
  • Who will be responsible for over sight?

6.    Get Started

  • Do you need any outside expertise?
  • Who will implement your organization’s social media strategy?
  • Do you have a Social Media Policy to provide posting guidelines
  • Determine how much time you can you allocate to your strategy?

If your Non Profit can answer most of these questions it is clearly ready to step out onto the Social Media stage with your message.   Remember keep it simple and achievable.   Treat your first steps as experimental.  Go easy and record your successes and challenges to share with others.