How to Embed New Facebook “Like” Button on a Tumblr Blog

April 21, 2010

Facebook recently, as in a couple of hours ago, released a bit of handy functionality that allows you to install a “Like” button on any webpage. Obviously, this has some pretty cool web traffic implications considering that it acts just like a Like button on Facebook (even looks the same). Anyhow, enough about that, here’s the “How To get this button installed on your blog” (this is specifically for Tumblr- however the same principal applies for other platforms). Joel Leo should take a huge bow for helping me out on this, a true genius you are, sir.

1. First off, grab this code:

<div><iframe src=”http://www.facebook.com/plugins/like.php?href={Permalink}&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;colorscheme=light” scrolling=”no” frameborder=”0″ allowTransparency=”true” style=”border:none; overflow:hidden; width:300px; height:75px”></iframe></div>
The {Permalink} in the above code is the link of the post that the “like” button shows up in. You can customize your Like button here http://developers.facebook.com/docs/reference/plugins/like

2. Then head on over to your Tumblr custom HTML settings; you should find this under the “Theme” tab, and paste it into where you’d like the Like button to go. Note: I put the button below the body of the text– your HTML code probably looks very similar to mine- look for the <p>body</p> paste the Facebook HTML right after this. See the location of the FB code in the pic below.

3. Now that you have that pasted in there all sung like. Grab this code:
<meta property=”og:title” content=”{block:PostTitle}
{PostTitle}
{/block:PostTitle}”>
4. While still in the custom theme dashboard on your Tumblr account, head to the top of the page. Paste the code above into right after the Title block of code, see picture below:
What this effectively does is change what your friends on Facebook see when someone likes a post. Rather than seeing that Sally “liked this blog” (default functionality if you don’t do steps 3 and 4) people will see: Sally liked “Title of Post.”
5. Save your work and you’re done.
Note: I still haven’t figured out how to format the location of the like button when a blog title doesn’t have a post (defaults to the top of the post rather than the bottom). When we figure it out, I’ll post it.
Advertisements

Nestlé: Hashed & Rehashed

April 13, 2010

Many of us working in the social media/community management industry saw the train wreck that was Nestle on Facebook unfold in realtime last month. The subject has been hashed out so much since then that many of us are wondering when the references to ‘kick the horse orangoutang to death’ will stop. However, much of the online noise about Nestlé has been about their poor online community management, excerpt from that infamous day:

But a recent blog post by Cristina Aced, passed on to me by a friend, shed new light on the debacle that I hadn’t thought of previously. Given that the post is in Spanish let me summarize. Cristina’s post highlights three basic mistakes made by Nestlé:

Read the rest of this entry »


Embed a Google Form on a Facebook Fan Page.

April 12, 2010

Since the start of 2010, Facebook no longer allows you to use an Iframe in the Static FBML app.  This change makes embedding many elements into the Fan Page much more difficult.  Here is a way to embed the Google Form with out using an <iframe> tag.

Google Forms are useful because you can embed the form and when a user fills the form out the data is automatically put into a spreadsheet in Google Docs.  This saves tons of time having to copy and paste data.  If you have not tried out Google Forms you should.  When you create a Google Docs Spreadsheet there is a form option in the menu of the spreadsheet, give it a try.  So below you will find the step by step guide to embedding the Google form in Facebook.

1. Create a Google spreadsheet.  Each column becomes a entry element of your form.  Here is a quick video outlining how to make a form. Create a Google Spreadsheet

2. Once you have a Google Form you will need to setup a tab in Facebook to allow you to paste HTML code into it. Here is a good tutorial to set that up. Adding a Static FBML tab to your Fan Page

3. Now that you have these two basic elements setup and ready to go lets get to connecting the two. In the “Forms” menu item on your google spreadsheet there is an option called “embed form in a webpage” click this and copy the code you see, it will look like this.

“<iframe src=”https://spreadsheets.google.com/embeddedform?formkey=dGN6dlJMNkRQT0N6aW81bElQVWdyRGc6MQ&#8221; width=”760″ height=”582″ frameborder=”0″ marginheight=”0″ marginwidth=”0″>Loading…</iframe>”

4. We need to view the form page itself and not use the iframe tag. Remove the code before and after the webpage URL. It should end up looking like this.

https://spreadsheets.google.com/embeddedform?formkey=dGN6dlJMNkRQT0N6aW81bElQVWdyRGc6MQ

5. Copy and paste this URL into your browser address bar and view the page.  It should look like the form and the form elements will be nested against the edge of the page.

6. View the Page Source of this page, you are going to copy all of the HTML of the URL you just saw.

7. Paste this HTML into the Static FBML edit window  It should look like the following:

8. Now we have to remove some HTML to allow the form to show on the Facebook Page.
First remove the Doctype, html, head, meta and title tag.  ex. “<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”><html><head><meta http-equiv=”Content-type” content=”text/html; charset=utf-8″>
<title>test</title>”

9. You want to keep the “<link” tag that points to the stylesheet. But we have to edit it. Add the HTTP:// to the front of the stylesheet link.
Change = “<link href=’//spreadsheets.google.com/client/css/1968101144-embedded_form_compiled.css’ type=’text/css’ rel=’stylesheet’>

To = “<link href=’http://spreadsheets.google.com/client/css/1968101144-embedded_form_compiled.css’ type=’text/css’ rel=’stylesheet’>”

10. Now remove the “</head>” tag, and the  “<body class=”ss-base-body” dir=”ltr”>”

11. Scroll to the Bottom of the pasted HTML code and remove the “</body></html>” tags.

12. To make the formatting look a little better I usually add a “<br>” after each label item to next the box under the box name. ei. “<label for=”entry_0”>name
</label><br>

13. At this point you should be able to hit “save”, make the tab active and test your form.

14. When the form is submitted the user is taken to a confirmation page. To include a link back to your Fan Page simply add the link into the page . To Do this, Go to Your Google Spreadsheet and click “edit form” in the Form menu at the top.  It will open a new window with the form and then click “more options” at the top. Choose “edit confirmation” and change the text there. To add the link simply put a URL into the box ex. http://www.facebook.com/yoursite . Using HTML in this box will not work, only the URL


And We’re Back

January 19, 2010

As you may have noticed our last “meeting” was back in Nov.  We have been watching at the growing social media community in Grand Rapids with enthusiasm as well as the multiple events that have popped up.  We have seen new users come in and create new events and other outlets for learning have helped create a community that is energized and continually trying new things.  GRSM is almost a year old and with that we are going to be trying a few new things.

GRSM will be focusing on smaller topics, more focused content and niche solutions.  We want to listen to the community and bring in people and minds that can answer the questions that will move individuals and companies further.  To do that we are going to be focusing our meetings toward a specific platform or strategy.  While most of these topics will be for a larger audience we understand that some will benefit more than others.  With that being said, we are announcing our next meeting.

The next GRSM lunchtime meeting will be held at the Grand Rapids Community Foundation’s Building at 12pm on Jan. 27th. GRCF is located at 185 Oakes Street SW Grand Rapids, MI. (map). The topic for this meeting is “Tracking: Monitor Engagement.”  We will have a few speakers going through what they do to help monitor the impact of their efforts.  We will show methods for tracking Twitter and Facebook.  We will be working through how to integrate this into your current tracking programs along with how to take this information and adapt it to be explained and referenced.

This is a lunch event, but we are not providing lunch, so please visit local eateries and bring your food on in. Founder’s and Ritz Koney are both local places, along with many others. Come on out and invite a friend or co-worker that may have some interest. Spread the word and lets make this our largest event so far.

Again we will be live streaming the event for those that cannot attend, the stream can be found in the Tools tab up above. Also see the sidebar to follow us on Twitter.


Establishing Brand Presence with Facebook [Jonathan Seely]

April 29, 2009

Establishing Brand Presence on Facebook

Facebook, initially created as a personal social network, has in recent incarnations become popular among marketing professionals for its potential for brand exposure.  With a growth rate of 600,000+ users per day the potential audience for brand exposure is staggering, to say the least.

Facebook has two primary outlets for creating a presence for your brand: “Groups” and “Public Profile” (formerly “Fan Pages”).

Facebook Groups

The first and oldest method, Groups, have almost existed from Facebook’s 2004 inception.  Groups work exactly as their name would imply.  They serve as a medium for a community of people to express a common interest.
Groups have received little change in functionality or appearance since their initial deployment.  Features are limited to a basic discussion thread for users, and a “wall” for users to write on.  While these features are important, they do not provide much value to users outside of the ability to communicate on a rudimentary, primitive level.

In addition to the limited (and limiting) features of Groups, the landing page a user is greeted with is relatively sparse and stagnant.  Activity within the group from administrators and other users is not accurately reflected, as discussion threads are somewhat hidden and users must scroll down to view wall postings.

What this amounts to is that users are not actively invited to engage with the group.  There is no call to action, and no invitation to share information—both of which are vital to the existence and growth of any online community.  Users must be invited to connect with your brand, and must be actively invited to participate.

Facebook Public Profiles (aka, Fan Pages)

The newest outlet for brand presence is Facebook’s Public Profiles.  Originally called Fan Pages, Public Profiles have evolved drastically and dramatically from their inception several years ago.  Originally, Fan Pages copied much of the functionality of Groups, with little differentiation or added value.  Since then, Public Profiles have undergone at least two major functionality changes,. The latest change giving Public Profiles most of the same features and appearance of a personal Facebook profile.

The key differentiation between Fan Pages and Groups can be summed up as dynamic vs. static content, which comes largely from the ease of information sharing.  Fan Pages immediately greet users with a call to action. Users land on the Fan Page wall, greeted with a text box, link-sharing features and a call to action that simply reads: “What’s on your mind?”  This actively encourages users to share links, thoughts and comments.

One of the other key features of Public Profiles is content and activity showing up in user news feeds.  This keeps the user actively engaged and encourages return visits to the Fan Page.  Groups do not have the ability to publish “status updates”, which limits communication from administrators to messaging, which is far less engaging.  Through status updates, administrators and fans can share links, videos, notes and just about any other online medium.

Public Profiles also allow for the integration of Facebook Applications, as with any other user profile.  This opens a realm of possibilities for user engagement, as there are applications for games, quizzes, photo sharing and tons of others.  At this time, there is still some kinks to be worked out as applications often do not fully work with Public Profiles, but given the potential I believe it will not be long before the issues are fixed and a whole host of applications become available for use with Public Profiles.

Administrators also have the ability to import RSS feeds from a blog, which is then published as a note, which in turn shows in user news feeds and once again engages users and actively reminds the user of both the brand and the blog.  Let’s face it: not everyone subscribes to blogs, so importing your blog through a Public Profile is a great way to notify users of new blog posts.  Users also then have the ability to copy and post the note to their profile through the “share” feature if they want to share it with their friends.

Profile administrators will also appreciate the “Insights” feature.  Insights works much like Google Analytics to track Public Profile traffic, but also provides valuable demographic information.  Administrators can view the male/female make up of their fans, as well as age ranges.  Administrators can also track video views, picture views and other media views.  This, in turn, provides excellent data on what most attracts and engages users thus allowing administrators to optimize content for maximum traction.

Public Profiles are Good, but not Great

As much potential as Public Profiles possess, they are not without their drawbacks.  Administrators and fans alike are still not notified of “comments” left on wall postings, requiring administrators to check pages frequently for new activity and comments.   The inclusion of Public Profiles in user news feeds is a major step in the right direction, and indication activity notifications may be forthcoming to user news feeds.

Groups are Dead

Given the direction Public Profiles have been heading through the past few updates, it is safe to say that Facebook Groups are dead.  The lack of updates in functionality leads me to believe that Groups will either no longer be supported or may be relegated to “maintenance mode”—a concept akin to life-support in the online world.

Brands looking to create a presence would be wise to create a Public Profile as it provides far more user engagement and more potential for viral growth with every upgrade to functionality and features.  With a potential audience of over 300,000,000 users, and growing exponentially daily, brands would be wise to establish a presence, given the low barrier of entry and high potential for return.


Suggested Reading for 2/26

March 3, 2009

Twitter

40 of the Best Twitter Brands and the People Behind Them [Mashable]

+ 140 word interviews with 40 of the best brands on Twitter.

8 Useful Tips to Become Successful with Twitter [Smashing Magazine]

+ Title says it all.

50 Ideas on Using Twitter for Business [Chris Brogan]

+ Mr. Brogan shares 50 ways businesses can use Twitter

16 Examples of Huge Brands Using Twitter [Search Engine Journal]

+ SEJ takes a look at 16 of the largest brands on Twitter and how they are making it work for their purposes

Everything Twitter

+ Blog reviewing the latest Twitter apps and news

Facebook Fan Pages

Why You Need to Make a Facebook Fan Page for your Website NOW! [Search Engine Journal]

+ SEJ explains why your website needs its own Facebook fan page

Best Practices for Facebook Fan Pages [Radical Trust]

+ A comprehensive multi-part series detailing the best practices for effectively leveraging Facebook fan  pages

Guide to Facebook Fan Pages: Destinations vs. Collaborative Conversation Spaces [Marketing Profs]

+ A guide to making your Facebook fan page a conversation space and not merely another destination

Facebook Pages Help Guide [Facebook]

+ Complete how-to guide for setting up and administering Facebook fan pages, straight from the source

All Facebook

+ Up to the minute blog providing news & insight about Facebook and Facebook apps


GRSML Lunch: Engaging Your Clients & Customers

March 3, 2009

One of the most lauded aspects of social media is its potential for fostering customer interaction.  Social media provides marketers with multiple avenues to engage their clients and customers, as well as monitor reputation and brand.  Currently, there are two primary tools for customer engagement: Facebook Fan Pages and Twitter.  Each provides a unique way of interacting with the general public. Both can provide leverage, but it is important to understand the advantages and disadvantages of both of these popular social media applications.

Twitter

As anyone who watches CNN or any major news broadcast can tell you, Twitter is all the rage these days.  Twitter, in a nutshell, works similarly to Facebook status updates—with one key difference.  Users have the ability to reply to ‘updates’.  This makes Twitter a great way to provide dialogue between a brand and its customer base, but it does not come without its potential problems.

Advantages

+ Two-way messaging: allows for conversation and interaction

+ Ability to search for specific words or phrases: useful in brand/reputation monitoring, market research

+ Can be used to build a brand or persona for a business: puts a human voice and personality behind a brand

Disadvantages

– Opens up avenue for public criticism: be prepared to respond and know how to respond effectively

– Can be time-consuming: frequently updated accounts are more likely to attract followers and spark conversation

– Identity crisis: do we create a corporate Twitter account or a personal account?  Do you speak as yourself or as a corporation?

Facebook Fan Pages

Another popular method for businesses to engage their customer base is Facebook’s “Fan Page” feature.  Like Twitter, it is a free service that allows businesses to create what is essentially a corporate Facebook profile.  It works similarly to your own Facebook profile, but with a few key differences.  And once again, just like Twitter, there are advantages and disadvantages to Fan Pages.

Advantages

+ Multi-media: ability to feed a blog through the page, send “updates” to fans, add photos, create events, etc.

+ Potential to go “viral”: as users become fans, the action will show up in their friend’s feeds hopefully attracting more fans

+ Large audience: Facebook is growing by 700,000 users a day

Disadvantages

– Does not promote dialogue: generally more one-way and informational than conversational

– Time consuming: publishing notes is involved and requires manual HTML formatting

– Fans are not automatically notified of new content: little incentive for return visits

Ultimately, Twitter is the winner for promoting true conversation and interaction.  Don’t get me wrong: Facebook Fan Pages do have incredible potential, but need some tweaks and updates to fully realize the potential that exists. Its clear both forms of social media have their place in the business world.   Both services provide a way for your customers to interact with your business and feel as though they have a voice and someone who is listening on the other end, which ultimately encapsulates what social media is all about.