ISerialized .Net, C#, Scrum and agile software development

12Apr/111

Getting started with Flattr

Flattr is reminiscent of Digg or perhaps Facebook Like buttons – but this time with real money. Here I give an introduction to what it is and how to use it, both as a web site owner and a user.Up until now, PayPal has been one of the best ways to donate money, but the threshold for donating money is rather high for most web-users. Flattr on the other hand want to change this making it much easier to donate a small amount to those web-sites you really enjoy!

As a user I do the following:

  1. I register an account on Flattr
  2. I use PayPal or CreditCard to transer and amount to my Flattr account.  This is a single transfer, NO montly payment. If I donate 3 Euro to test things out, this is all it will ever cost me!
  3. I then say how much money I want to Flattr for each month. Meaning how much money do I want to give to those i Flattr. If I set I want to Flattr for 2 Euros a month, if I then click ten Flattr buttons this month, each of the 10 pages/buttonclicks will receive 0,2 Euros. If i don't Flattr anything one month, my 2 Euros are then given to charity!

As a web site owner I do the following:

  1. I register or use an existing Flattr account
  2. I can now decide wether I want to use one single button for all of my articles/pages or one button per page. Meaning, one single donate or donate per article
  3. I then add the general script-part to my header-section and another part to my article template
  4. On my blog Iserialized.com I added only one button, and use this button on all my pages as you can see right below here.

To generate a single button to use on all my articles I do the following:

  1. Log in to Flattr.com
  2. Go to "Submit thing"
  3. Add the following:
    1. url: Your web-site, eg http://iserialized.com
    2. Title: The title you want to use when your page shows up in your public profile
    3. Category: This is mainly for statistics and in which category you want to be ranked on flattr.com
    4. Description: Your blog or article description
    5. Tags: This is mainly for statistics and in which category you want to be ranked on flattr.com
    6. Language: The language of your page
  4. Click "Submit Thing!"
  5. Copy the header part into your page header
  6. Copy the button script into your page. In wordpress this is the single.php page in your theme.

You will not start to receive Flattrs :)

To generate a single button to use on all my articles I do the following:

  1. Log in to Flattr.com
  2. Go to "Submit thing"
  3. Add the following:
    1. url: Your web-site, eg http://iserialized.com/getting-started-with-flattr
    2. Title: The title of the article shows up in your public profile
    3. Category: This is mainly for statistics and in which category you want to be ranked on flattr.com
    4. Description: Your article ingress or similar
    5. Tags: This is mainly for statistics and in which category you want to be ranked on flattr.com
    6. Language: The language of your article
  4. Click "Submit Thing!"

  1. Copy the header part into your page header
  2. Copy the button script into your page. In wordpress this is the single.php page in your theme.

You will not start to receive Flattrs for this concrete article:)

The following code segment is added into this article:

<a class="FlattrButton" style="display:none;" href="http://iserialized.com/getting-started-with-flattr/"></a>
<noscript><a href="http://flattr.com/thing/167174/Getting-started-with-Flattr" target="_blank">
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>

Here is the real-live button from this article:


And below is the general article for iserialized.com, please click both :)  

Posted by Pål Eie

Comments (1) Trackbacks (0)
  1. Seems like you have missed a piece of the code for your button to show.
    You can find it here: http://pastebin.com/Lvw03uZa


Leave a comment

No trackbacks yet.