I was stumbling the other day, when I came across this post on Copyblogger. It was written in 2008, so you would think that it is completely outdated by now. But I don’t think it is. The power of social proof is still valid in the same way it was 4 years ago. . . . → Read More: How important is social proof?]]>
I was stumbling the other day, when I came across this post on Copyblogger. It was written in 2008, so you would think that it is completely outdated by now. But I don’t think it is. The power of social proof is still valid in the same way it was 4 years ago. Remarkable, I know. Go ahead and read the post first and I will talk to you again at the end of the article.
| The right message at the right time can start a movement that changes the world, in both big and small ways. And social media has the ability to spread that message and organize that movement in ways not possible in the recent past.Of all the psychological triggers that lead to persuasive messages that spread, one stands above the rest when it comes to social media. In fact, this one element of influence drives the entire concept of social media. What is it? Well, if you’ve been a keen observer of social media (or simply read blogs about blogging), you’ve probably come to accept some realities of the social media space. Things like:
Well, that makes sense… social media is all about users deciding what’s worthwhile instead of relying on mass media or advertising to dictate to us. But the real issue is that users often decide to give a message a chance based on initial indicators that have nothing to do with the actual quality of the content. What we’re talking about is called social proof. Here’s how Wikipedia defines social proof, which is pretty spot on:
Social proof is also known as herd mentality or the bandwagon effect. People tend to follow the crowd without evaluating the true merits for themselves, especially when the merits are ambiguous. In a more positive sense, social proof can be the proverbial foot in the door. It can be the difference that leads to attention and acceptance, which turns a message into a movement. The Key to Social Media Attention and AcceptanceSo, social proof gives us important cues about how to behave in ambiguous social situations. But what’s ambiguous about social media? First of all, we’re not sure if we should pay attention. Given the vast amount of information we’re exposed to daily, we naturally look for quick cues about the quality of what we come across. And we’re wired to look to others for those indications of quality. Secondly, we look for cues as to whether or not to accept the message itself. If you’re reading something in your area of expertise, you’re less likely to look for external indicators. But if the topic or position is new to you or novel in any way, you’ll likely be influenced by the raw popularity of the piece, plus the specific comments of others who’ve come before. Again, this is normal human behavior, so you can’t expect social media to operate differently. This is incredibly cool for web publishers, because great content gets rewarded in social media, and the rewards tend to compound as attention and acceptance grows. But here’s where it gets quirky. Sometimes your message inadvertently convinces people to do or accept the opposite of what you want—thanks also to social proof. And it’s easier to make this mistake than you might imagine. The Negative Side of Social ProofStudies have shown that mass media coverage of a suicide soon leads to more suicides. The simple explanation is that people who are contemplating suicide feel validated by the suicide of another, so they act in kind. In other words, social proof also tells us it’s okay to do what we already want to do. This isn’t all bad, especially when it involves the acceptance of your message. But it can also result in negative social proof, in that it motivates people to do the opposite of what you want because you’re trying to change behavior already supported by social proof. Take a look at these well-intended messages:
These messages point out important problems. But what are some people really hearing?
These are all examples of negative social proof. Instead of prompting people to change, it encourages people to stick with the crowd that hasn’t changed (especially if the change is inconvenient or undesired). It can even lead people to engage in behavior they otherwise wouldn’t, once they know others are doing it. How to Reframe Negative Social ProofA team of social scientists decided to test the impact of negative social proof while also examining more effective message strategies. The test is highlighted in Yes! 50 Scientifically Proven Ways to be Persuasive, and involves the Petrified Forest National Park in Arizona. The park faced a threat due to people taking pieces of petrified wood as souvenirs. It became such a problem that warning signs were erected throughout the park: “Your heritage is being vandalized every day by theft losses of petrified wood of 14 tons a year, mostly a small piece at a time.” Can you spot the negative social proof? 14 tons of wood (one small piece at a time) equals lots of people taking petrified wood. Was the park inadvertently encouraging wood theft? The scientists set up a test using marked wood along alternative paths. One set of paths had no sign at all, another set of paths used a negative social proof message highlighting how many people stole wood, and a third set of paths took this approach: “Please don’t remove the petrified wood from the park, in order to preserve the natural state of the Petrified Forest.” This sign also featured a graphic of a lone thief reaching for wood, with a red circle and line superimposed over the thieving hand. This aimed to stigmatize and isolate the behavior as socially unacceptable. The results?
In this case, a social proof element dramatically increased the undesirable action compared with doing nothing at all, because it demonstrated that lots of others engaged in the behavior. The new sign, however, did better than nothing at all by isolating and stigmatizing the behavior. Here are some tips for avoiding negative social proof that works against your message:
|
Ok, now that you have read the article do you agree with me? Is this 2008 article still valid? How important is social proof to you? I would love to hear your opinion about this interesting topic. Share it in the comments.
To your success,

]]>
As a matter of fact, I strongly suspect that we will stop making a distinction between SEO and Social Media Optimization (SMO) in the not so distant future. It will all be part of the same effort. So, what does SMO mean? Since we are still in the early stages of SMO, I don’t believe that that has been fully defined yet. But there are a few things within SMO that are obvious. For example, if you send out a tweet, it can create a back link for you. If you write a post on a social media platform, such as Google Plus or Facebook, you can create an easy link back to your blog as well.
The same holds true for profile pages on all the social media platforms. On most, if not all, you can leave a link to your blog or money pages. And all these social media platforms have a high PR themselves, which means that the links back to your site carry weight also. It could not have been easier to create high PR backlinks.

But the real question is, are you using social media for back linking purposes, or are the back links ‘just’ a by product. Are you active on platforms like Facebook, Twitter and YouTube to collect back links or to engage with others and create relationships. A few years ago, when we all just started using Twitter and Facebook and the likes, we were convinced that social media was not meant to sell products. But that is changing, isn’t it? You can now install an app on Facebook, that turns your fan page into a store.
You can now sell your products and provide coupons for your products through hundreds, if not thousands, of ‘social media’ platforms. In reality, what is happening is that the social media concept has brought the human touch to the web. But besides the human touch, the web has not significantly changed. Or has it?
What is your opinion? Are you using social media to create back links, to engage with others or to do both? I would love to hear your view of the moving target of social media.
To your success,

]]>
If you do a search on Google, while you are logged into your Google account, what shows up on the first page is posts from the friends you have in your Google Plus circles. It now specifies the number of personal posts the search engine has found on top of the regular pages that it always provided. It looks something like this:
![]()
You do have the option to turn this personal search on or off, through the 2 buttons in the top right corner:

The problem is that when I do a Google search I am not looking for my friends posts. Rather, I am looking for the best content available online and I would prefer an objective list of quality content. And the content the people in my circles have found is not always the most relevant. To may it is just as annoying as the fact that Google is showing you search results based on where you live. To me, both the location based and the personal results prohibit me from getting the most relevant information that is available world wide.
What I said above is purely spoken from a consumer perspective. From an internet marketer’s perspective things could be different. After all, having your posts show up on the first page in Google is a great opportunity for marketers like you and I. However , if everybody is as annoyed as I am when they see the results, I am not sure if it is going to be as good as it sounds. Lucky enough you can turn off the personal search results, and I find myself doing this all the time.
The second change that Google made is more powerful in my opinion. If you have a gmail account (and you should
), Google Plus notices are now posted inside your gmail inbox. This means that your posts will 100% of time be delivered those gmail user’s inboxes who are in your circles. No more fighting spam filters. And until all internet marketers have discovered the power of this phenomenon, the opportunities will be just as big as with email marketing in its early stages.
The one thing that hopefully is clear to you, is that it is critically important to be careful who you add to what circles. Having relevant circles with only those you want to follow, will pay off. Adding people to your circles for the numbers sake is going to hurt you. After all, it will turn your email into a spam page again and it will now even affect your search results!
Even though I am frustrated with what Google is doing with search, I hope you agree with me that you cannot afford to ignore Google Plus any longer. If you are an internet marketer that is.
What do you think of the latest Google developments? Am I too negative? Do you feel that this is a postive change and if so, what makes you say so. I appreciate your input in the comments.
To your success,

]]>

Isn’t it amazing how a social media like Twitter, where communication takes place in 140 character messages, can be so involved in the events of the world. It comes to show how far we have come with the use of platforms like Twitter, Facebook and YouTube. I have to say that I have come to appreciate Twitter more in 2011. Until last year I struggled with what to do on Twitter. I know that it is not about the number of followers, but I had a hard time figuring out how to make good use of this platform.
The change came when I started following just a handful of people that interested me. All of a sudden it became easier to have a conversation. I also started doing more searches on Twitter, which helped me find more new people that I had meaningful conversations with. I finally managed to build an active community that is talking about the things that we are all, collectively, interested in.
How are you using Twitter. Are you a part of the 15% who is actively using their Twitter account, or are you a part of the 85% of people who have a Twitter account, but not really use it. Share your experiences with us in the comments. We all appreciate hearing from you.
To your success,

]]>
StumbleUpon is an amazing platform, that has doubled its members to 20 million in the past year. The beauty of StumbleUpon is, that your page will continue to be shown to Stumblers long after your Facebook link and Tweet have disappeared. Stumblers are a very active group. They add more than 2 million new pages to the StumbleUpon database every month.
As a result they are an amazing source of content. To give you an indication, here are the most popular StumbleUpon links for 2011:
As you can see, all the big events are well documented on StumbleUpon. But if you think that StumbleUpon is only good for news worthy topics, you are mistaken. Here is an example of a page about a pancake recipe that received 449,000 views from Stumblers!

As long as you submit quality content, you will be amazed at how much traffic StumbleUpon can get you. It is such an easy way to get targeted traffic. All you need to do is select your areas of interest within StumbleUpon and their algorithm will make sure you are only presented with pages that match your interests. If you like the page you give it the thumbs up. StumbleUpon keeps track of your likes and will serve pages that are close to the pages you liked before, giving you only pages that you enjoy.
I will explain to you much more of how StumbleUpon works and how you can take advantage of this platform in the coming weeks. I am not ready yet to give you all the details. That should not stop you from asking any questions you may have in the comments below.
That is it for now. Again Happy New Year!

]]>
If you have created a group, you probably already know the benefits. But if you have not yet considered this option, here is an article I found that spells out 10 of the best reasons why you may want to reconsider:
1. Builds Thought LeadershipI have several LinkedIn groups. One has more than 20,000 members, and around five of them have 5,000+ members. Each group has (one of) my websites as the featured site for the group. This is one of the first things people see when they join the group. My name is also featured as the owner of the group. Based off of perception alone, the owner is a thought leader for that groups niche (until proven otherwise). The more you back this up with quality content, and positive group management, your community will support you and anoint you a leader in that niche. 2. Connects A Thriving CommunityPeople love to belong to a community, or a Tribe as Seth Godin puts it. The more you are able to connect like-minded people together, the more they will appreciate you for doing so. Create an opportunity for passionate people to come together because the leader that does this *usually* reaps the benefits. 3. Drives Traffic To Your SiteLooking to drive traffic to your blog or company website? Look no further, a LinkedIn group is a great way to do this. Here are a few ways you can drive traffic to your site from your group:
4. Builds Personal NetworkI get roughly 15-20 new invites to connect (as a 1st degree connection) every day. Most of them come from my groups. Why? People love to connect with the community leader. Since I run a number of “communities” within my LinkedIn groups, I am looked at as someone to connect with. This is almost true for all group owners, they seem to rack up bonus points from starting the group, therefore having more connections than the average LinkedIn user. 5. Sending Weekly MessagesThis may be the most powerful feature within the groups. A great example is Robert Flemming, who runs the eMarketingAssociation group on LinkedIn. It has almost 200,000 members. Instead of having to spend thousands of dollars each year on email marketing you could simply create a group, and send them a weekly message for free. The downside to this is you can’t brand your emails they way you could from a custom email marketing provider (affiliate link), but you can still do some damage in terms of getting your message out there to your members. The upside, Robert has events with ticket prices of over $1,000 and he sells a ton of them because of his group. His LinkedIn group helps him achieve his event marketing goals, and it doesn’t cost a dime. Tough sell, eh? 6. Create Auto-Responder EmailThis is a no-brainer. Who wants to send a message one-by-one to someone every time they join a group? Not me, that would take hours of management time every week. LinkedIn was wise enough to make this easy for the group managers by enabling a welcome message. Every time someone joins, you can send your own automatic message that delivers to their email account (not their LinkedIn account, but their actual email provider). This means that you can create a decent sales funnel by first welcoming people to the group, telling them a little about how the group can benefit them and where they can go to get more information. Hopefully you have them sign up for your newsletter, or connect with you on other social networking sites. This will help you generate sales in the long run… if you set it up correctly. 7. Lead GeneratorThe more you give, the more you will receive. Dr. Robert Cialdini talks to us about the proven power of reciprocity in his best selling book Influence, and it holds true within a LinkedIn group as well (on LinkedIn, or any other social networking site for that matter). Connecting people, providing job leads, referrals, valuable content to help them achieve their goals: these are things that you can give to people, and by doing so they will give you an abundance of leads (or whatever it is you need in your business) in return. It has happened to me, and a number of other group owners who are “doing it right”, and it will also happen for you. 8. Creating Sub GroupsWant to target people in various locations around the world, or sub niches within a niche? LinkedIn allows you to create up to 10 subgroups. It’s a great way to throw events all around the country and only have to send a message out to the subgroup, as opposed to the entire group about a regional event. Make sure you take advantage of this feature (in an ethical manner of course). 9. Managing ContentIf people are posting MLM type content, or someone is using foul language or attacking others in an unproductive way, you have the ability to remove individuals or delete inappropriate content. Simple as that. If it isn’t helping the community, you have the power to make it better. 10. Helping OthersUltimately, every good leader helps his team or community rise to the top. I’m sure 99% of group owners have their own agenda when creating a group, but the more they focus on helping it’s members achieve their goals, that group owner will achieve their goals as well. It feels good to have the opportunity to help others. LinkedIn helps us everyday by letting us see how we are connected to one another, and allows us to build stronger, more meaningful relationships. Let’s face it, business (and life) is about all about the relationships we have, right? |
Chances are you have a LinkedIn account, but have never considered starting your own group. I hope that these 10 reasons help you if you where thinking about the use of LinkedIn. I would love to hear from you if you do have a group and if so, how it is working for you. Also share with us if the above reasons have helped you decided to start a group.
If you liked this article, I would appreciate it if you could show your appreciation by clicking on the +1 and/or the StumbleUpon button in the top right hand corner of this article.
To your success,

]]>
I give you some of my predictions for social media in 2012
so that you can start the new year well prepared.
Last week I talked to you about the fact that YouTube did the biggest work over in their . . . → Read More: Social Media in 2012]]>
What is in this article for you:
I give you some of my predictions for social media in 2012
so that you can start the new year well prepared.
Last week I talked to you about the fact that YouTube did the biggest work over in their history. This week we can add Twitter and StumbleUpon to the list. And with Facebook changing almost non stop it is clear that the social media giants are gearing up for an interesting new year. Social media may have become a part of most people’s daily life, but it certainly is not done developing into maturity.
What can we expect from the social media platforms in 2012. Here are some of my thoughts:

It remains to be seen what part of my predictions will come true next year, but one thing is for sure. There will be more change. There currently is no market that is changing faster than social media. Make sure you keep an eye on the changes and incorporate them in your business plan where possible. It will make a significant difference to your bottom line.
What is your opinion? What do you see change for social media in 2012? And how are you planning to take advantage of these changes? I would appreciate it if you could share your plans in the comments. And if you liked this post, I would appreciate it if you could stumble and +1 this post with the buttons in the top right hand corner.
To your success,

]]>
We discuss the latest changes to the YouTube home page
so that you can incorporate it into your internet marketing plans.
This week YouTube rolled out a new home page. It is the biggest makeover in the history of the . . . → Read More: YouTube gets a new layout]]>
What is in this article for you:
We discuss the latest changes to the YouTube home page
so that you can incorporate it into your internet marketing plans.
This week YouTube rolled out a new home page. It is the biggest makeover in the history of the social media giant. With this new look, YouTube is making an effort to keep their visitors on the site longer. YouTube is making an effort to gain some territory vs television, knowing that people on average watch 5 hours of televsion compared to the 20 minutes they spend on YouTube.
Here is a picture of what the new home page looks like:

As you can see, the home page has completely changed. The new design is emphasizing the, so-called, channels of content, whereas single videos used to dominate the home page. You can now choose your favorite channels and save them to the sidebar on the left of your screen, where they are easily accessible. They are also providing suggested channels, based on the videos that you have watched so far. The nice thing about channels is that you will be presented with the latest videos that are added to the channel, similar to rss feeds for written content.
This new focus on channels provides a huge opportunity for internet marketers. After all, once a person subscribes to your channel, they will automatically be presented with every new video you post to your channel. At the same, this means that you should make sure that your channel is focusing on one niche only, rather than having a compilation of videos in all the niches you may be active in. The more targeted the topics of your videos, the more targeted your subscribers and the better your chances of converting subscribers into buyers.
Besides the focus on channels, there is also more of a focus on social media. The same sidebar that holds your selected channels, also has a link to your Google+ and Facebook account. By incorporating other social media platforms, they integrate themselves more as a social media platform. This will hopefully take YouTube out of the isolation it has been in for so long. It always was “just” a video site. Granted they implemented the voting and commenting system a long time ago, which encouraged the human interaction. But the only link to other social media sites was the option to share videos on other platforms. By implementing the links to Facebook and Google+, you can now watch what is going on on these platforms without leaving YouTube.
In my opinion, YouTube is finally realizing the power of social media and fully embracing it. What do you think of the new layout? Have you seen it yet? Do you like it? Share your first impressions here in the comments. If you enjoyed this article, I would appreciate it if you would show your appreciation by clicking some of the buttons in the top right hand corner of this post.
To your success,

]]>
We discuss the many emails you can build out of one gmail account
so that you can manage your emails faster and easier (including spam).
I am writing this post the day after Thanksgiving and, for those who celebrate Thanksgiving, . . . → Read More: One email account for all purposes]]>
What is in this article for you:
We discuss the many emails you can build out of one gmail account
so that you can manage your emails faster and easier (including spam).
I am writing this post the day after Thanksgiving and, for those who celebrate Thanksgiving, I hope you had a great time. Thanksgiving is one of my favorite days of the year. It is a great opportunity to reflect of everything that has taken place in the year so far and be grateful for all the things that have come your way. I have a lot to be grateful for. My business is doing spectacular, I have developed my first online products this year, I am in great health and, last but not least, I have you – reader of my ramblings on this blog. I am very thankful for all of you, who have contributed to my success online and hope that I can repay the favor to you one day.
Now that I have that out of the way, I wanted to talk to you about emails. Yes, I realize that this is a different topic from the usual, but we are all using email, and I am sure we are all struggling with the amount of emails that are coming into our inbox and how to manage them. For me, that task became a little bit easier when I discovered gmail. This free email system is so powerful, that since I switched to it, I never looked back.
I would like to mention one feature in particular, since I believe that there are not too many people that know about it. Ironically enough it is one of the strongest, unique features of gmail. What I am referring to is the fact that you can write your email in many different ways. For example, if my email was socialtraffic@gmail.com, any of the following email addresses would arrive in my inbox:
| social.traffic@gmail.com s.ocialtraffic@gmail.com so.cialtraffic@gmail.com …. …. socialtraffi.c@gmail.com | social.traffic@googlemail.com s.ocialtraffic@googlemail.com so.cialtraffic@googlemail.com …. …. socialtraffi.c@googlemail.com |
The above example only shows you the options with one dot, but you can place as many dots as you want. So even s.o.c.i.a.l.t.r.a.f.f.i.c@gmail.com would arrive in your inbox as if it was socialtraffic@gmail.com. And it gets even better, because you can add any random text string at the end of your name, by adding a ‘+’ sign. For example, you can change your email to socialtraffic+whateveryyoulike@gmail.com.
Why is this so important? Because you can use the same email for everything and still distinguish where the email came from. You could use social.traffic@gmail.com for your friends and socialtraffic@gmail.com for work. Gmail let’s you set rules to automatically deliver these emails to different folders. Without having to lift a finger you can work emails from the emails you receive from friends. Also, when you subscribe to a newsletter, you could use socialtraffic+newletter@gmail.com and send this straight into your newsletters folder.
Another very interesting advantage by making unique emails is the fact that you can very easily find out who is passing your email on to others. E.g. if you signed up for “thiswebsite” with socialtraffic+thiswebsite@gmail.com and you are all of a sudden receiving messages that are not coming from “thiswebsite”, you know that they passed on your email address to others. It is also very easy to get rid of unwanted email messages, using the same logic. This is particularly helpful, when you get messages from someone who does not provide an unsubscribe option. All you have to do is make a rule that automatically deletes emails with this particular email address.
Where you aware of this option in gmail? Are you using it? Do you know of other gmail features that can be helpful to others. Please share them in the comments. As always, if this post was helpful to you, I would appreciate it if you could click the ‘+1′ button and/or the StumbleUpon button in the top right corner.
To your success,

]]>
We show you how to set up a Facebook iFrame,
so that you can build the exact Facebook landing page you want.
I am sure you have seen the pages on Facebook, where you have to click the like button . . . → Read More: How to build a Facebook iFrame]]>
What is in this article for you:
We show you how to set up a Facebook iFrame,
so that you can build the exact Facebook landing page you want.
I am sure you have seen the pages on Facebook, where you have to click the like button to see the content of the page. You used to be able to build such a page using the, so called, FBML. But as part of yet another Facebook change, you now have to set up an iFrame to accomplish this goal. This may sound technical and complicated, but it is not that hard at all. You don’t need third party services to do this. As a matter of fact, I came across this great article that describes in great detail how to build a Facebook iFrame:
What’s The Difference Between FBML And iFramesOne of the things I noticed as March 11 was getting close was that some people were getting a little anxious to understand what was going to happen and if they should hurry to launch their FBML before that. No need to panic, let’s look at the technical differences first: FBML FBML was nothing but regular HTML with a few Facebook tags that allowed you to customize tabs. That’s it. iFrames They are “frames” or windows inside a web page that allow to bring external elements, in other words, you can have a website inside another website. You can literally build a website on your own server and then call it through an application and display it inside a Facebook Page. Some of the common questions I had in the past few days:
How To Become A “Verified Facebook Developer”First of all, let me say that becoming a Facebook Developer is almost as easy as becoming a Real Estate Agent in Los Angeles. If you’ve never been here and didn’t get the joke, even my grandma is an agent here… So don’t worry! Step 1: Get to the starting point We need to go to the Facebook Developer website
Step 2: Verify your account Click on the “Set Up New App” button located at the top right. Most likely you have never created an app on Facebook so you’ll be redirected to this page on the following image.
You have 2 options to verify your account, the first one is to provide your mobile number so Facebook can send you a text with a code that you need to send back, I think Google does something similar. The second option is to enter your credit card information, this can probably be a better solution if you’re outside of the US (we recently tried the first option from Chile and it didn’t work).
That’s it, once you go through this process, you are verified and can start messing up with apps and other stuff like integrating Facebook Comments wherever you want. Cool, huh? Design Your PageWe’re leaving Facebook for a little while to design and prepare whatever content we’ll want to display on our landing tab. To keep the tutorial at a basic level, we’ll work with a simple image turned into an image map with links as we did on the FBML Landing Tabs post BUT, then we’ll kick it up a notch by adding a second page with an email opt-in box. The images and stuff I’m creating here are just for this example so I’m not worried about using real copy or anything like that. Step 1: Create your image I created this image on Photoshop but you can also use other image editors. Something like Picnik should be sufficient. Important: The width for a Facebook App is 760px but in this case we want to dump this baby inside a tab so your max is 520px. I have to say that the first image I created was 520px and I still had problems with scrollbars displaying on the page so I made a little bit smaller than 520px (just sayin’).
2. Host your image We need to host our image on the Internet, this can be done by uploading it to your “Media Library” if you run a WordPress blog or by uploading to your server via FTP access. Once we’ve done that we just need to grab the URL for that puppy and take it wherever we want. It’s a good idea to just test the URL on your browser to make sure the image displays correctly. 3. Turn it into an image map As you can see in the image above, I added a text on the right that reads “Link to Opt-In” which I plan to make a link, that will allow me to navigate to the second page. This can be coded but the point is that we’re not programmers, so we’ll use a free image map tool online. I recommend Image-Map (it’s not perfect but it gets the job done… most of the time). Don’t forget your URL! This process is explained on this post so I won’t go over it again or this post is going to turn into a book. I’ll just say that basically what we’re doing with Image-Map is adding links inside the image and the tool will generate the HTML code for us. Check out the following image to get an idea:
Now you have an image containing some link, we’ll use this as landing tab. Take the code Image-Map generated for you. We’ll have to remember this later on, that link I created into the image will point to an additional page. We’ll come back to that. Get Your Code ReadyStep 1: Open on a text editor We take the code with us to open on a Text Editor in your computer, I use TextMate but a simple editor will do. This is what the code looks like:
Step 2: Fix your code But wait a second, I can already see that my code is missing some basic HTML elements. We’ll have to add it manually. What we’re missing are the tags to open and close the code, it won’t work without them. Add the <html> and <body> at the top of your code and then </body> and </html> at the bottom. Use the following image for reference:
3. Save as HTML We need to save our file as HTML and name it “index.html”. The reason we’re doing this is because when we go back to Facebook, we will be asked to provide the URL for the directory on your server, NOT the URL for the file. By naming the file “index.html”, Facebook will be able to grab the directory and display this file as if it was the homepage of a website.
4. Upload Important (and a little tricky). Now we need to upload the file to your server, remember that you are hosting this puppy. As I said before, we’ll give Facebook the route for the directory so we need to create it first. Access your server via FTP and create a new folder, it’s up to you where you want to create it. Most FTP Clients look about the same.
Name it whatever you want. Now we need to upload our index.html file inside that folder. Leave it there, go to your browser and test that your file is displaying correctly. I named my directory “iframe” so my URL will look like this: http://socialmouths.com/iframe/index.html
Phew! It works baby. I think that was the hardest part because not everybody is familiar with FTP or messing with their servers but it’s all good. Just don’t mess with the folders that are already there. Now we’re ready to back to Facebook. Configure Your Facebook AppWe left Facebook after verifying your account, now we need to go back and actually configure our first application. This is the exciting part! 1. Name your App After you verify your account you are prompted with this page where you are asked to name your app and of course, agree to the terms. Click “Create App” when you’re done.
2. Configure your App Now you land on the “About” section of the setup. Really there’s not much to do here unless you want to add a Favicon, logo or a description if you want (they’re optional).
From the left menu, move on to the “Web Site” section. In this section we’ll add the URL. But wait! remember that Facebook only wants the directory route and NOT the URL of your file. See how I have highlighted the part that says “index.html” in the following image? We need to delete that part or we’ll get an validation error. It need to look like this: http://socialmouths.com/iframe/. As I said before, since we named our file “index.html” and we placed it inside the directory, it will automatically be called as a homepage.
That’s it for this section, don’t save yet, first let’s move on to the next section on the left menu: “Facebook Integration”.
In this section we’ll do the following:
Now scroll down on the same section and we will find the “Page Tabs” configuration. We’ll do two things here:
Now we’re ready to hit the “Save Changes” button. As soon as we do, we’ll be taken to this intimidating page with lots of information including our App ID, API Key, App Secret, etc. Don’t worry, nothing to do here. Also important, from here you have access to your App’s “Insights” right there on the right menu.
Install Your Facebook ApplicationAs you can see we have created an actual application here, this is the way iFrame tabs are integrated in your Facebook Page. Now, as any other application, we need to install it on our page. Step 1: Go to your App’s Profile Page On that same menu on the right, click on “Application Profile Page”. Applications also have profile pages just like your personal profile or your page with Walls and everything else.
2. Install the app on your Facebook Page To install the app on your page we need to click on “Add to My Page”, you can see the menu at the bottom left of the image above. We are prompted with a window that lists all your pages (if you have more than one), select the Page where you install the App.
Our application has been installed on our Facebook Page as a Tab and we should be able to see it in the Tabs Menu (located on the left, remember?). You can see that mine already shows in the next image (it’s called “iframetest11″). Now it’s time to click on it and see if all this mumbo jumbo worked. Go ahead, click!
3. Look at your tab Your new Landing Tab should now be displayed inside the Tab. Here is the result of my test.
That’s it, we’re done! No? you want more? Already then. Let’s look at what happens with that link I created and see if we can navigate inside the tab. Let’s go back for a little… How To Add An Additional PageI promised to kick it up a notch this time and add an additional page, in this case I’ll add my Email Opt-In. Really you can do whatever you want inside this pages but you probably already figured that out on your own. These links we added to the image map are actually going to let the user navigate inside the same tab, that’s why I said before, using iFrames is like bringing a website inside your Facebook Page. I’m not going to get into how to set up your email opt-in form with your provider. First because everybody uses different services from Aweber to Constant Contact and many more, I use MailChimp. And second because this is material for a whole different post. I have already setup my opt-in form and I also added a nice image to go with it and some text. The point here is how we integrate it into our tab. Remember that link I created on the image map to point to an additional page? now it’s when we’re going to use it. 1. Get your Opt-In From code Get the code snippet your service provides for your blog or website. Once you have the HTML code, copy it into a text editor like we did with the other one and save it as .html. The important thing here is that the URL we want to get is the same URL we’re using in the link we have on the image map because this is the file we are going to call with that link. 2. Host your html file Now we need to upload this new file to our server via FTP. Save it in the same directory if you want. Same procedure as before. 3. Test your URL Once we have uploaded our new html file to our server, test the URL to make sure it’s displaying correctly. Here is my file tested on a browser, everything seems to be working fine.
So what happens now? If you thought that the additional page should already be working on the tab, you my friend are correct. Get it? this is like building a website inside your tab. You can have several links and let the user navigate different pages without leaving the freakin’ tab! |
I realize that this post is longer than usual, but I thought that it might be helpful for you to get then entire process from start to finish. There are some apps that can do the task for you, but I always feel that it is good to know how the process works, just in case you want to make adjustments. Please let us know in the comments underneath this post if this is helpful information for you. Do you have an iFrame installed on your Facebook fanpage? Did you build it yourself? Your input is greatly appreciated.
To your success,

]]>