So I promised them, so here they are, or rather, there they are. Over there.

So on Saturday I set off for London to go to “The Thing”, dragging my brother along with me. I didn’t have a stall or anything, just went to see what a convention was like, and to see the people that make the comics that I read. After taking a wrong turned and walking for while down the wrong end of the aptly named “Mile End” we eventually got there. I swear that was the windiest road in Britain. Today at least. I’d heard the forecast that it’d be a cold one but I thought, “hey, it’s London, it never gets THAT cold in London…” Silly me. So after being battered by the bitterly cold wind it was nice to get inside. I was of course late for a rendez vous with NobbyNobody from the quite simply amazing Odd-fish and Anezka from the TWCL forums. But they were found happily chatting to each other. We even got a free key chain from Nobby. Score! Speaking of Merchandise, I bought the two bunny books, and got Huw to doodle in them. Also, weirdly, I bought Issue one of Steve and Bob by Michael Georiou. Weirdly because I had literally only come across Steve and Bob the night before, and hadn’t realised he was going to be there. So when I recognised the art and characters I had to say hi.

All in all it was a good day out. I bought a few other bits and bobs, got a few freebies and plenty of flyers. The only downside is that the moo minicards that I’d ordered didn’t arrive in time for me to take, so I had nothing to hand out. A bit of a missed opportunity! But it was nice to go to a convention for the first time. And I’ll definitely be going next year. Who knows, I may even get a table!

Due to the success of my Facebook application, and a growing number of emails from other webcomic owners asking for help making their own I have decided to release the files I used, and write a tutorial on how to make your own Facebook application.

Facebook is growing at an incredible rate, and it is very likely that a lot of your readers have Facebook profiles. Now you can offer them a way to get your comic delivered straight to their profile. The best bit is that their friends all get to see your comic on their profile; they can invite their friends to do the same. This application works by using your RSS feed – if you don’t have an RSS feed, or your comics don’t appear in your feed then this might not work out so great for you.

First Steps
This tutorial assumes you have basic PHP skills, very basic. In the sense that you know that PHP is, you know, a language or something. It also assumes that you have added the Developer Application, oh, and of course, you must have a Facebook account! You should also have some spare hosting space to store the application as Facebook require you to hose your own applications. Before creating your application make sure you have some hosting space. Download this zip, virus scan it first if you don’t trust me. Then feel relieved that I haven’t given you a virus. The zip includes the required from Facebook and a working version of the application – you will need to follow the rest of the tutorial for it to work though.

Setting up the application
Before we make the application, we must first register it with Facebook. This will give us an API Key and a secret which will enable our application to ‘talk’ to Facebook.

To do this go to the Developer App and click on the Set Up New Application link. Fill in the details, I’d use “Latest from yourcomicname” as the Application Name. The Callback URL is where you are hosting the application files, for example: “http://yoursite.com/Facebookapp/” (no quotes). Ensure that you have a trailing slash on your Callback URL otherwise the application won’t work. The Canvas Page URL is the address of your application, for which I’d use your comic’s name.

Make sure Use FBML and Website are selected, and that you answer yes to Can your application be added on Facebook? Fill in a brief explanation of what the application does – it gets the latest posts from your comic. The Post Add URL should be your Canvas Page URL. I’d leave Default FBML blank and select Wide for the Default Profile Box Column. Again, the Side Nav URL should be the Canvas Page URL.

Then Submit. This should give you an API Key and a Secret, which we will now use.

Now go back to the zip I asked you to download. Extract it so you can edit the files.

• In appinclude.php put in your API Key, Secret and Callback URL.

• In Canvaspage-template.php at around line 15, switch “your comic site” to, well, your comic site.

• In conf.php fill in your API Key and Secret and replace all instances of “yoursite.com” with… you guessed it, yoursite.com. Also, add the URL of your comic RSS feed.

• In invite.php, around line 17, change your comic to, your comic and change the url to that of your application.

• In links.php exchange the http://apps.Facebook.com/yourappURL/ for the address you choose for your Canvas Page URL.

• Edit title.php to what you want to appear at the top of your application.

Okay, that should be it. Upload your files to your host. Now it’s time to test the application. Add the application by clicking on “View About Page” and then add application. There is a developer mode you can set so that only you, and other developers of your app, can see the application once it’s added. This means you can play around with it on your profile and no one will know.

Once you’re happy with how everything is working you can submit your application to the product directory, meaning people can add your application directly from the directory. However, people are still able to add your application before hand; in fact, you will need five users to have added it before your application will be approved.

Using the Application
To update your comic simply visit your application when you have updated the site and the application will update for all users. This is dependant on your RSS feed, you can only update the application after your feed has been sent out, this can vary between site, ranging from a few minutes to an hour or two.
Afterwards
Building the application is all very well, but you have to tell people about it too. Even if you get accepted into the directory you may not get many adds, unless you are a hugely popular comic of course!

I would recommend writing a news post about the application, including a link to it in the post. Encourage people to add the app, and even ask them to invite their friends to do the same. But don’t make every post sounds like you are begging people to add the application, remember, Facebook profiles are people’s personal space – if they don’t want to see your comic there they just won’t add it. But here’s a tip – you can become a fan of an application without actually adding the application itself – you could encourage those that don’t want to full blown app to become a fan of it instead, showing their support in that way.

Support
This tutorial was really intended to give those in the web community an easy way into the world of Facebook applications, especially those people who either don’t have the technical knowledge to, or, the time to build an application from scratch. Hopefully you’ve found it useful. If you have run into trouble I’ll try my best to help, but being a university student I can’t promise immediate support, so if I don’t get around to solving your problem I do apologise. Please leave any support questions in the comments so that my inbox doesn’t get flooded and I’ll try to get back to you.

There is a link back to my site included in the application. It’s quite small and doesn’t appear on the profile page at all, just on the bottom of the canvas page. If you really want to delete it you can, it’s in canvas-rss.php file. If you’ve found this tutorial and sample application help, I’d love it if you could mention my comic when you tell your fans about your brand spanking new application, just as a way of saying thanks Or even an email with a link to your new application. That, or bid on my project wonderful adds, heh.

Best of luck with your comics,

Mike

I noticed today that the site has gotten a review on the Buzzcomics website. I actually got the review in December, but have only just noticed it. From what I can’t tell the review is positive. I think. If you want to take a look at it, click here.

In other news, today the 80th person added the Apathetic Rant Facebook application, YAY!

That’s right, you heard it here first; you can now get the latest Apathetic Rant updates sent straight to your profile, for you and all your friends to see! The application is discrete, it won’t fill your news feed with loads of stupid notifications. And it won’t let you throw a sheep at your friends, in fact, it actively discourages it. But, well, it has comics…? That makes it cool right? And ergo, if you have the application, you to are cool. You want to be cool right? Well, you’d better get the app, and invite all your friends to get the app too! Quick!