December « 2009 « Kadlec Consulting

Holiday Gift from Kadlec Consulting

Happy holidays everyone! This is a gift for those who have Facebook pages….but a gift for all is at the very bottom.

First – did you read the post on making your free download tab? If not, read that first.

Even if you don’t use Topspin the steps to make a custom tab using FBML tab are required for you to get the gift – and they are fully explained in the free download post here.

Ready? Go to your page. Click “Edit Page” then Edit your FBML application. Now, paste the code below into the same window you put in your FBML’d Topspin widget.

This code will create an automatic “invite your friends” call to action so anyone who sees that free download (or whatever you want there). This makes it easy for people to invite some friends on the spot.:

In the code below look out for the PARTS IN ALL CAPS. Especially the URL part:

You’re sending peopleFBML to the wall of your fan page after they complete sending the invite, or click “skip.”

The Full URL of my facebook page is:

http://www.facebook.com/pages/dreamtempo/77553442285?ref=search&sid=660368930.1457835607..1

so in the code below, I’ll replace YOUR FACEBOOK PAGE URL with

http://facebook.com/pages/dreamtempo/77553442285?ref=search&sid=660368930.1457835607..1

Here is the FBML:

<fb:request-form

action=”YOUR FACEBOOK PAGE URL”

method=”POST”

invite=”true”

type=”Join YOUR PAGE”

content=”Join the YOUR PAGE Facebook Page!

<fb:req-choice url=’YOUR FACEBOOK PAGE URL’ label=’Join’ />

“>

<fb:multi-friend-selector

showborder=”false”

actiontext=”Invite your friends to join YOUR PAGE.”

exclude_ids=”<c:out value=’${appUserFriends}’ />”

max=”20″ />

</fb:request-form>

DOWNLOAD THE CODE CLICK HERE

** note – you’ll want to paste into plain text…if the quotes ” or ‘ look funny it may break when pasted into the FBML code window.

If you did it right, it should look like it does in this screen shot below — also check out the extra call to action to be sure people join up when hitting this page:

Here is the gift for all! A free download!!

This one is from me – I do produce some music. The style is dreamtempo…a little more laid back than downtempo.

If you like the sounds you can head over to http://dreamtempo.com and get the whole album for just $1.

<fb:request-form

action=”start.htm”

method=”POST”

invite=”true”

type=”sample network”

content=”This network is the best place on Facebook for viewing, sharing and giving

friends the highest quality stuff. Join me on this network!

<fb:req-choice url=’http://www.facebook.com/login.php?api_key=<c:out value=’${apiKey}’ />’

label=’Check out this network!’ />

“>

<fb:multi-friend-selector

showborder=”false”

actiontext=”Invite your friends to this network.”

exclude_ids=”<c:out value=’${appUserFriends}’ />”

max=”20″ />

</fb:request-form>

<fb:multi-friend-selector actiontext=”Select the

friends you want to invite. (All of them.)” rows=”3″/>Itddddd

Tweet This Post

Filed under: Blog

No Comments

Free Download on Facebook

<div>

</object>

</div>

Using Topspin’s email for media widget is a great way to convert Facebook fans into email addresses. This is important to do because most bands I’ve worked with find that an email blast is far more effective way to get clicks than sending a message to Facebook fans.

Here are three ways to get the email for media widget rocking on your Facebook page.

Method 1: Paste the short link

The first method will work for your profile page, fan page and group page. It also has the advantage of being very simple and of showing up in the feeds of people who are following your pages / are friends with you via profile.

Start by going to your email for media widget, and click on the “Share” link, then click on the Facebook Icon. Log into Facebook if you’re not logged in already.

You should now see this screen:

If you just want to post the widget to your profile wall, then just type in your message and click the Share button. But it is more likely that you want to post this to the Wall of your Fan page or Group page.

To do that, just copy the short URL from this screen. In this example the short URL is:

http://t.opsp.in/CBuE

Now exit this page and go to your Facebook fan page and just paste your shortened URL into a Wall post. Facebook will just pull the widget in:

I said easy right?

The only problem with this method is that eventually the Wall post will get pushed down the page and will not be easy to see. So how about getting the email for media permanently on your Fan page wall?

Method 2: Use My Stuff from Gigya

This method is also really easy and requires no coding. The first step is to search for the application My Stuff from Gigya. If you are logged into Facebook, then try clicking here to jump right to their app page.

Now click the link that says “Add to my Page” just below the button Go to Application. The link you want is right at the bottom of this screenshot:

Select the page you want to add in the screen that pops up by clicking the button “Add to Page.” This will close the overlay window and return you to the Gigya app page.

So, now go to your Page and click “Edit Page.” It is the first link below your image on the top left side of the page:On the next page you’ll now see My Stuff in the list of applications. click on “Edit.”

You should now see a box that says: Add Code

Open another browser tab/ window so you can go back to your email for media widget. This time click the <share> button and click the button that says “Copy embed.”

Now you can return to Facebook and paste the widget’s embed code into the Gigya Add Code box.

Your embed code should look something like this:

<div>

</object>

</div>

Now click the “Add to profile” button. Gigya will take 30 seconds or so to “convert” Topsin’s embed code into a form that will look good on your wall.

Once it has finished, you should see the widget. Above the widget should be a link to “Edit Description.” Click that link and edit the description:

Now here comes the only sort of tricky part. The widget has now been added to your “Boxes” tab. But it is not yet on your home page wall.

To get it on your wall, go back to your Fan page and click on the tab “Boxes.” If you don’t see the tab, look for the right most tab that has >> on it and click on the >>. Your boxes tab may be hiding in there.

Once you’re on your boxes tab, you’ll see “My Stuff” with your widget there.

Now all you need to do is click on the pencil icon at the upper right corner and then click “Move to Wall Tab”

And you’re done!

Method 3: Add Freedownload tab using FBML

Method’s 1 and 2 are great as you don’t have to mess with any code and they work fast. But I think the drawback is that with Method 1, you need to keep reposting to your wall and in Method 2, the widget usually ends up so low on the page you need to scroll to see it.

So I like to also make a tab at the top that screams “Free Download” Or maybe something even more enticing: “Bliss Awaits You Here” since we can name the tab whatever we want.

The last warning before we start up is that you need to have a place where you can upload an image. Your blog would work. I’ve never tried with Flickr / Photobucket etc – I just upload the image either via the blog or just by FTP into a folder on my web server.

Step 1 is to go get the Static FBML application and add to your page just as you did with the Gigya.

Step 2 is to paste your widget embed code onto a text file so you can work on it before finally pasting it into your FBML application.

Step 3 is to change your widget embed code from this:

<div>

</object>

</div>

To this:

<fb:swf swfbgcolor=”000000″ flashvars=”widget_id=http://cdn.topspin.net/api/v1/artist/30/email_for_media/2469?timestamp=1261071230&theme=black&highlightColor=0xFF0099″swfsrc=’http://cdn.topspin.net/widgets/email2/swf/TSEmailMediaWidget.swf’ imgsrc=’http://dreamtempo.com/images/widget.png‘ width=’300′ height=’80′>

The easiest way to do that is to copy the code above, then switch out

flashvars=”widget_id=http://cdn.topspin.net/api/v1/artist/30/email_for_media/2469?timestamp=1261071230″ with the widget_id from your embed code. It’s highlighted in red above.

The next thing you need to switch out is the location of your image. I highlighted that in green above.

Also note that if you use a widget with an image in it, you will need to change the width and height according to the width and height in your original embed code. Those values are highlighted in purple above.

Since this is going to be appearing on its own tab, I like to also include some additional text, like how a fan can post the free download to their wall.

The facebook Share icon doesn’t quite work as you’d want it to since Facebook is messing up the function a little, so just offer the shortened URL (Method 1) as the way to share.

Your final FBML tab should look something like this. Note that I’ve added some <div> </div> tags around the widget and around the text. That is important to do otherwise it may not show up.

Here is my final code pasted into the FBML app:

<div>

Click the image below to activate the free download.

<fb:swf swfbgcolor=”000000″ flashvars=”widget_id=http://cdn.topspin.net/api/v1/artist/30/email_for_media/2469?timestamp=1261071230&theme=black&amplinkColor=0xf2fafb&baseColor=0×2c2c2c&fontColor=0xb2e3ea”swfsrc=’http://cdn.topspin.net/widgets/email2/swf/TSEmailMediaWidget.swf’ imgsrc=’http://dreamtempo.com/img/widget.png’ width=’300′ height=’80′>

</div>

<div>

<p>

To post this free download to your wall – just paste this link into your wall post or status update:<br><br>

http://t.opsp.in/CBuE

</p>

</div>

Here is a screenshot of how it looks before I click the publish button:

Now we’re ALMOST done. The last step is to get the FBML Box/Application to show up in my tabs.

If you don’t have a lot of tabs it may show up for you already. But on my Fan page, I needed to click the tab with the + on it, then select my newly created free music bliss tab:

Once I’ve clicked on Free Music Bliss HERE the tab is added to my main Facebook page, but as the last tab on the right.

To move it over, I just click on it and drag it to the left. Facebook requires that Wall and Info are the first two tabs so now it is the third tab.

So here is what it looks like once the user has clicked the tab:

Let me know via comments if you have any trouble with any of these methods. I’d also love to hear how many fans you’re able to convert into email addresses.

Tweet This Post

Filed under: Blog

No Comments

Kadlec Consulting a Topspin Certified Consultant

Holiday Gift from Kadlec Consulting

Free Download on Facebook

RSS via Email

Blog Articles

Follow me on Twitter