Liomans Blog - Flattr

Statische Buttons zum teilen einbinden

Lioman — Mon, 16 Jan 2012 12:39:00 +0100

Ich hatte eine Weile überlegt, ob ich nicht alle Buttons entfernen sollte. Viel wird von hier aus nicht geteilt und ich bin eigentlich der Meinung solche Knöpfe gehören in den Browser und nicht auf die Seite selbst. Außerdem gibt es ja durchaus auch Datenschutz bedenken. So hatte ich eine Weile die 2-Klick-Lösung eingebunden, aber erstens hat mir das Design nicht gefallen und zweitens machte es ein paar Probleme. (Doppelte Opengraph-Tags, Javascript “biss” sich mit anderen Plugins)

Nun habe ich mich für die statische Variante entschieden. Der Vorteil: einigermaßen Datenschutzkonform (Daten werden erst bei Klick übertragen) und verdammt schnell,denn es wird dank CSS-Sprites nur eine einzige schlanke Grafik vom Webserver geladen und nicht, wie bei dynamischen Lösungen, mehrere Grafiken von externen Servern per Javascript.

Realisiert habe ich das anhand der Anleitung von Perun, allerdings habe ich Grafik (siehe rechts) und Code um Flattr erweitert und Xing aus beidem eliminiert.

Update: +1 geht leider nicht, denn dafür müsste man doch einen JS-Button einbinden. Man kann im sich öffnenden Fenster nur die Seite auf GPlus teilen.

Hier ist der Code für die single.php (Flattr UserID muss ersetzt werden):

<div class="weiterempfehlen">
    <p>Diesen Artikel weiterempfehlen:</p>
    <ul>
        <li><a href="https://flattr.com/submit/auto?user_id=lioman&amp;url=<?php echo rawurlencode(get_permalink()) ?>&amp;title=<?php echo rawurlencode(strip_tags(get_the_title())) ?>&amp;description=<?php echo rawurlencode(strip_tags(get_the_excerpt(), true)) ?>&amp;tags=<?php $posttags = get_the_tags();if ($posttags) {foreach($posttags as $tag) { echo $tag->name . ',';   }}?>&amp;category=text&amp;language=de_DE" target="blank" title="Flattrn"><span>Flattr</span></a></li>
        <li class="tw-einzeln"><a href="https://twitter.com/intent/tweet?source=webclient&text=<?php echo rawurlencode(strip_tags(get_the_title())).'&amp;via=lioman&amp;url=' , urlencode(get_permalink($post->ID))?>&amp;hashtags='<?php $posttags = get_the_tags();$count=0;if ($posttags) {foreach($posttags as $tag) {$count++;if ($count <= 3) {echo $tag->name . ',';}}}?>" target="blank" title="Bei Twitter empfehlen"><span>Twitter</span></a></li>
        <li class="fb-einzeln"><a href="https://www.facebook.com/sharer/sharer.php?u=<?php echo urlencode(get_permalink($post->ID)); ?>&t=<?php echo rawurlencode(strip_tags(get_the_title())) ?>" target="blank" title="Bei Facebook empfehlen"><span>Facebook</span></a></li>
        <li><a href="https://plus.google.com/share?url=<?php echo urlencode(get_permalink($post->ID)); ?>&title=<?php echo rawurlencode(strip_tags(get_the_title())) ?>" target="_top" title="Bei Google+ empfehlen"><span>Google+</span></a></li>
        <li class="del-einzeln"><a href="http://del.icio.us/post?url=<?php echo urlencode(get_permalink($post->ID)); ?>&title=<?php echo rawurlencode(strip_tags(get_the_title())) ?>" target="blank" title="Bei Delicious empfehlen"><span>Delicious</span></a></li>
    </ul>
    <div class="clearer"></div>
</div>

Und ins Theme muss folgender Code:

.weiterempfehlen        {margin-bottom: 19px;}
.weiterempfehlen p      {font-weight: bold; margin-bottom: 4px !important;}
.weiterempfehlen ul     {list-style: none; line-height: 24px; margin: 5px 0 15px 0; padding-left: 0;}
.weiterempfehlen li     {display: inline;}
.weiterempfehlen a      {float: left; width: 24px; height: 24px; margin-right: 25px; background: url('/wp-content/uploads/2011/12/perun-social-einzelansicht.png') no-repeat; border-bottom: none !important;}
.weiterempfehlen span   {display: none;}

.tw-einzeln a   {background-position: left -26px;}
.fb-einzeln a   {background-position: left -52px;}
.gp-einzeln a   {background-position: left -78px;}
.del-einzeln a  {background-position: left -104px;}

.weiterempfehlen a:hover {position: relative; top: -1px;}

Update: Den Twittercode habe ich angepasst, damit auch die URL und die Tags entsprechend übernommen werden.

Update2: Der Code ist so angepasst, dass nun auch die Google+-Teilen-URL unterstützt wird. näheres siehe in meinem Artikel dazu.

Add Flattr to Posterous

Lioman — Thu, 12 May 2011 12:11:00 +0200

There are many Plugins an HowTos to include Flattr to different webservices and platforms.

Here is the HowTo for Posterous.com: http://posterous.com/

To enlarge pictures click on it!

Login to your posterous Account and click on “Settings”! And then on Customize in the gearwheel-menu behind your posterous space
Then first choose your prefered theme (I choose Dakhar) and then click on “Advanced”
Click on “Enable advanced theming” and give your new theme a name
Click on Expand to view theme-code
Scroll to {block:Tweet /} or to any other place wherever you want your button
Add Button CodeNormal:

<iframe src= "http://api.flattr.com/button/view/?uid=lioman&amp;url={Permalink}&amp;title={Title}&amp;description=Posterous post&amp;language=de_DE&amp;tags={block:TagList}{block:TagListing}{TagName},{/block:TagListing}{/block:TagList}" frameborder="0" scrolling="no" width="55px" height="62px"></iframe>

**Update: Don't use compact mode! Webkit-Browser don't show it
properly. Use the default code or resize (much bigger) the iframe if
you have to use the compact button.**

Compact:

.. code:: html

<iframe src= "http://api.flattr.com/button/view/?uid=lioman&amp;url={Permalink}&amp;title={Title}&amp;button=compact&amp;description=Posterous post&amp;language=de_DE&amp;tags={block:TagList}{block:TagListing}{TagName},{/block:TagListing}{/block:TagList}" frameborder="0" scrolling="no" width="55px" height="62px"></iframe>

| **Change the *"uid"* to your Flattr-ID (or I get the reward :-) )**
| Change category to your preferred type: text, images, video,
  audio, software, rest

Preview your theme and if everything looks nice - save it !

Everything is done and your readers can flattr your Posterousblog

Update7: Image and description updatet on new posterous design

Update6: Code Updated, Tags are now supported!

Update5: It seems that Posterous changed the way the how the title
is displayed. You have to change the code back to previous version.
“{TitleCssEscaped}” must be replaced by “{Title}”
Update4: Code updated! Titels with additional characters like “#”
are now supported
Update3: Code updated there has to be an space after src=
Update2: Everything works fine with default button.
Update: Code dosen’t work for Chrome/Chromium. Wegkit-browsers
ignore the scrolling= no attribute. I try to improve that.

Neuerung bei Flattr: ein Abo

Lioman — Thu, 25 Nov 2010 17:07:00 +0100

Endlich tut sich mal wieder was auf Flattr. Nach der Öffnung, wurde eigentlich nur der Button ein wenig geändert. Nun kommt ein echtes Feature hinzu. Subscribe oder auf Deutsch: Abonnement . Nun kann man schon geflatterte Dinge durch einen weiteren Klick auf den Button für 3, 6 oder 12 Monate abonnieren. Damit ist es endlich möglich Projekte, die man permanent unterstützt automatisch permanent zu unterstützen ohne jeden Monat dran denken zu müssen. Gerade Opensource-Projekte oder NGOs- könnten davon profitieren.

Möchte man das Abo kündigen kann man das im Dashbord jederzeit tun

Ab jetzt wieder Werbefrei - Nur noch Flattr im Blog

Lioman — Wed, 13 Oct 2010 16:02:00 +0200

Bisher hatte ich hier und im Feed GoogleAds eingebunden, um einen kleinen Teil der Kosten, die durch das Blog entstehen zu kompensieren. Bloggen ist für mich nur ein Hobby und es sollte so billig wie möglich sein. Nachdem ich zu Prosite.de umgezogen bin und dort das kostenlose Blogpaket nutzen kann, ist es für mich nicht mehr notwendig auch noch Werbung einzublenden. Sie störte sowieso das Bild und außerdem ist es ein zusätzlicher externer Tracker. Flattr behalte ich jedoch, da ich es nicht als Geldquelle ansehe. Es ist mehr eine Art “Aufmerksamskeitsspende” und ich halte die Idee des Dienstes immer noch für Sinnvoll und denke, dass eine weite Verbreitung nur helfen kann. Zudem kommt, dass die Einnahmen aus Flattr die Ausgaben durch Flattr bei mir überhaupt nicht decken. Der große Teil wird also an andere Blogs, Zeitungen und diverse Projekte gehen, die ich gerne unterstütze.

Flattr-Ergebnisse

Lioman — Mon, 07 Jun 2010 14:29:00 +0200

Tja der erste Abrechnungsmonat mit Flattr ist schon um. Und selbst bei einem so kleinen Blog wie dem meinen kommt ein bisschen was rein. Während taz, Cartaund Spreeblick. Beträge im dreistelligen Bereich bekommen, habe ich noch mehr geflattert, als bei mir reinkam. 6 Klicks (Wovon 2 für ein Forumbeitrag waren) haben mi 0,68€ eingebracht. Ein Klick ist damit ca 11ct Wert.

Ist das nicht furchtbar enttäuschend?

Ich sage nein. Zwar ist es so, dass ich bisher mehr fürs Flattrn zahle, aber die Nutzerzahlen sind ja noch entsprechend niedrig. Flattr befindet sich ja immer noch in der (halb)geschlossenen Beta-Phase. Die Meisten Nutzer sind zudem noch selbst Blogger und der Großteil des Geldes wird im Kreis rumgeschoben. Zwar können größere Blogs/Netzzeitungen mehr Klicks auf sich ziehen aber bis etwas bei anderen ankommt wird es noch ein bisschen dauern.

Erst wenn unter den Nutzern viele Leser, Schreibenden gegenüberstehen dann wird es sich auch für kleinere Blogs lohnen.

Erste Verbesserungen im Bezahlsystem sind auch schon erreicht. Nun kann man auch per Moneybookers Geld auf das Flattrkonto schieben. Das ist noch nicht ganz optimal, aber die Gebühren sind schon einmal niedriger. (Bei 100 € frisst MB 2,3% Paypal möchte hingegen 3,75%). Wirklich Gebührenfrei wäre nur eine Banküberweisung (Hoffentlich kommt diese bald).

Manche meinen, dass schon die Idee Geld für Inhalte absurd ist, wenn man eh alles kostenlos bekommt. Blogger würden sich so für Werbung oder Klicks korrumpieren und nur das schreiben was Geld bringt.

Ich sehe das nicht so eng. Bloggen ist für mich ein Hobby. Ich werde damit kein Geld verdienen können. Allerdings möchte ich das Hobby so günstig wie möglich halten. Es frisst Zeit genug - da soll nicht auch noch die Geldbörse eangefressen werden.

Ein System wie Flattr oder eben Werbung ist die Möglichkeit ein Teil der Kosten die das Hosten kostet wieder reinzubekommen.

Käme durch Flattr irgendwann genug rein, würde ich die Werbung vielleicht sogar gänzlich abschalten. Es würde mein Blog auf jeden Fall schöner machen.

Bis dahin taucht hier eben ab und zudas:

auf. (Auch wenn die Einnahmen mehr als Bescheiden sind)

Flattr Einladungscodes

Lioman — Wed, 26 May 2010 20:48:00 +0200

Über Flattr schrieb ich schon (und zwar hier und hier). Ein wichtiger Punkt für den Erfolg von Flattr ist die Verbreitung. Ich kann jetzt ein wenig dafür tun in dem ich Invitationcodes verteile. Drei habe ich zur Verfügung!

Die Ersten, die hier einen Kommentar hinterlassen bekommen einen und können dabei sein und den neuen Micropayment-Dienst testen.

Endlich Flattr

Lioman — Tue, 11 May 2010 13:30:00 +0200

*Ich schrieb schon über den Micropayment-Dienst `Flattr <http://www.youtube.com/watch?v=kwvExIWf_Uc>`__ auf diesem `Blog </minispenden-fuer-content>`__. Nun ist Flattr auch hier angekommen.*

Gleich nachdem ich die ersten Berichte (z.B. bei netzwertig.com) über den Dienst Flattr gelesen hatte, habe ich mich auf der Hompage des Dienstes um einen Invitation-Code bemüht. Heute kam er per Mail und nun bin ich Mitglied. Der Rest war einfach hab per Paypal 2,50 an Flattr geschickt. 2,06 kamen dann an (wegen der PayPal-Gebühren). Und nun kann es los gehen. Verschiedenste Seiten haben schon den Button von Flattr eingefügt. Am einfachsten geht das per (Wordpress-)`Plugin <http://wordpress.org/extend/plugins/flattr>`__.

Wenn man nun auf anderen Seiten klickt wird der eingestellte Betrag durch die Klicks geteilt. Den Wert eines Klicks kann man im Dashboard jederzeit ablesen.

Hat man so wie ich auch den Button eingefügt und klickt jemand darauf kann man im Dashboard auch die entsprechenden Geldeingänge sehen.

Hat das Modell Zukunft?

Wenn Flattr mit den Einladungen nicht geizt und wenn es möglichst viele einbauen - dann lautet die Antwort ja.

Vielleicht sind noch ein paar Verbesserungen nötig. Ich denke, dass viele nicht viel ausgeben möchten. 2 € sind da gerade so OK. Möchte man nun dass nicht Paypal mitverdient muss man das Konto mit einem größeren Betrag aufladen. Andere Bezahlmöglichkeiten wären also von Vorteil. Die gute alte Überweisung halte ich da sogar für die beste Lösung - da niemand dazwischen auch noch mitverdienen will. Ein weiteres Problem sehe ich im Abogedanken. Da muss noch dran geschraubt werden. Ich halte es nicht für sinnvoll, dass der Account eingefrohren wird, wenn kein Geld drauf ist. Auch die eigenen Buttons. Ich habe also nichtmal die Möglichkeit, neue Flattr zu verdienen - die ich dann wieder verteile.

Ein Test gibt es auch bei Netzwertig

Minispenden für Content

Lioman — Thu, 11 Feb 2010 19:58:00 +0100

*Ständig wird die angebliche Kostenlosmentalität im Netz verschriehen und manche Verlage habe ihre Seiten auf PaidContent umgestellt. Dabei wollen sie sich aber nicht vom gängigen “Modell Abo” verabschieden und lassen Micropaiment außer acht. Ein neues System könnte aber Attraktiv sein. *

Zum großen Teil ist das einfach Ignoranz und Sturheit, die eine Einführung verhindern. Doch es kann auch sein, dass es einfach keine sinnvollen Bezahlsysteme gibt. Wenn ich einen Artikel lesen möchte, will ich keinen besonderen Aufwand betreiben, um an diesen heranzukommen. Oft ist eine Registrierung schon zu viel. Ist mir als Nutzer die Bezahlung eines bestimmten Inhalts zu teuer oder eben zu kompliziert, dann klicke ich weiter und suche mir was anderes.

Ausgerechnet einer der Piratebay-Gründer möchte nun ein System etablieren, dass kaum einfacher sein könnte: Flattr

Das ganze ist als Socialpaiment deklariert, doch es geht wohl eher um Minispenden. Als Blog oder Seitenbetreiber kann ich ein kleines Widget einbauen. Klickt jemand darauf sehe ich ein wenig Geld. Machen es besonders viele sehe ich sogar viel Geld. Auf der Nutzerseite sieht es ähnlich einfach aus. Flattruser zahlen einen kleinen Betrag auf ihr Konto ein. Nun kann ich Beiträge die mir gefallen honorieren indem ich auf besagtes Widget klicke (gefällt mir der Artikel besonders klicke ich einfach mehrfach). Der Betrag wird dann unter all meinen Flattrklicks verteilt.

Doch im offiziellen Video ist es bestens erklärt:

Doch wie André Vatter auf Basic Thinking zu recht bemerkt, das System steht und fällt mit der Nutzer- und Seitenzahl die sich früh darauf einlassen. Möchte man das System unterstützen kann man für die Beta einen Einladungscode per Mail anfordern