Doch damit genug der kryptischen Vorreden, worum geht’s hier denn überhaupt? Ganz einfach erklärt, um die mitunter recht lästige Facebook-Thumbnail-“Problematik”: wie kann man fast vollautomatisch jedem einzelnen Blogbeitrag eine eigene Grafik für Shares und Link-Postings auf Facebook und anderen Social Networks zuweisen?

Facebook-User kennen die Thematik zur Genüge: Wann immer Blogbeiträge auf unserem Lieblings-Netzwerk geshared werden, und zwar egal ob vom Blogbesucher oder vom Beitragsautor selbst, verwendet die Share-Funktion (deutsch: teilen) standardmäßig die erste auf der Seite vorgefundene Grafik. Bei mehreren Thumbnails kann der User mittels vor/zurück Pfeilchen wählen, oder, falls kein bzw. nur ein unpassendes Bild (hallo RSS Icon!) gefunden wird, ganz auf die Illustration verzichten. Mit der nachfolgend beschriebenen Methode nutzen WordPress-Blogger die recht neue “featured image” Funktion, um ohne Mehraufwand auch gleich Facebook + Co. immer mit dem richtigen Thumbnail zu versorgen. No code-angst, please — ich habe mich bemüht, alle Schritte ausführlich zu erklären, und für Fragen steht das Kommentarformular jederzeit zur Verfügung.

ACHTUNG, STOLPERFALLE: diese Script verwendet erweitere Template-Funktionen, die erst mit aktuelleren WordPress-Versionen eingeführt wurden. Wenn Sie ein älteres Theme verwenden, unterstützt dieses die neuen Hooks vermutlich nicht. In diesem Fall müssen Sie in die “functions.php” Datei Ihres Themes eine neue Code-Zeile einfügen — in unserem Fall konkret den Thumbnail-Support. Genaue Informationen dazu finden Sie im WordPress Codex.

Open Graph Metadata: og:image

Grundsätzlich fallen natürlich grafisch geschmückte Links auf Facebook wesentlich mehr auf als reine Textbeiträge. Allerdings muss man kein besonders kontrollwütiger Webmaster sein, um anstelle der mehr oder weniger zufallsbasierten Auswahl lieber selbst das passende Bild zu bestimmen. Soweit kein Problem — Facebook sieht in der Open Graph Spezifikation unter anderem die Möglichkeit vor, mittels Metatag im Header der Seite eine Grafik vorzugeben. Dazu ist folgende Zeile einzufügen (für eine komplette Übersicht der Open Graph Metadaten, empfehle ich einen Blick ins Like-Button Whitepaper von Digital Affairs):

{code type=HTML}{/code}

So weit, so gut — mit diesem Metatag lässt sich mittels eines statischen Pfades eine Grafik festlegen, die auf einem beliebigen Webserver liegen kann. (Facebook lädt die Datei natürlich nicht bei jedem Aufruf, sondern die Grafik wandert in den Cache.) Allerdings hat diese Methode den gravierenden Nachteil, dass man ein statisches Thumbnail festlegt. Wesentlich eleganter wäre aber eine spezielle Grafik für jeden Beitrag, also lautet die Aufgabe: wir müssen den oben angegebenen Thumbnail Pfad für jeden Beitrag dynamisch zuweisen, falls das betreffende Posting ein “featured image” besitzt, und falls nicht, eine Default-Grafik einfügen. Gäbe es in WordPress eine einfache Funktion, um die URL eines Grafik-Attachments direkt aufzurufen, wäre die Sache schnell erledigt. Allerdings liefert der featured-image-Hook immer nur den kompletten Image-Tag zurück, uns interessiert hier aber nur die Adresse, als der Inhalt von src=”…”. [Anmerkung: Die hier beschriebene Vorgehensweise ist auch in anderen Kontexten nützlich, etwa wenn man in Beiträge eingebundene Grafiken nicht via Image-Tag, sondern als via CSS definierten div-Hintergrund einfügen möchte.]

Featured Image für Facebook nutzen

Natürlich existieren mehrere verschiedene Lösungsansätze. So könnte man beispielsweise ein “benutzerdefiniertes Feld” verwenden, um für die betreffende URL für jeden Beitrag händisch einzugeben. Wesentlich eleganter geht’s aber mit einer praktischen Funktion, die WordPress seit Version 2.9 von Haus aus mitbringt: diese nennt sich “Featured Image” und taucht als Box in der Seitenleiste des Beitrag-Editieren-Bildschirms auf.
Wir müssen also lediglich die URL zu diesem “featured image” dynamisch in den oben erklärten Metatag einfügen. Leider stellt WordPress dafür keine eigene Funktion bereit, den the_post_thumbnail liefert wie schon oben erwähnt lediglich die Grafik in wählbarer Größe innerhalb inklusive kompletten img-Tag zurück. Um nur die URL zu extrahieren, müssen wir also auf einen kleinen “Trick” zurückgreifen. Der hört auf den Namen get_children, denn die betreffende Funktion liefert uns die URLs aller Attachments des aktuellen Beitrags als Array zurück. Den mime_type beschränken wir auf Bilddateien (jpg, png, gif), mit , ‘numberposts’ =>‘1’ beschränken wir den Inhalt unseres Arrays auf das erste Attachment. daher Dieses Skript schreibt nach Abfrage der Beitrags-ID die Adresse des Bildes in unser Template:

{code type=PHP}$attachments = get_children( array(‘post_parent’ => get_the_ID(), ‘post_type’ => ‘attachment’, ‘post_mime_type’ =>‘image’) );
foreach ( $attachments as $attachment_id => $attachment ) {
echo wp_get_attachment_thumb_url( $attachment_id, ‘medium’ );
}
{/code}

Damit aus dem ganzen ein Schuh (und kein White-Screen) wird, “zerlegen” wir den Thumbnail-Meta-Tag, was sich am einfachsten mit zwei zusätzlichen ECHO-Zeilen bewerkstelligen lässt. Das gesamte Script für den Header sieht dann so aus:

{code type=PHP}
echo “

$attachments = get_children( array(‘post_parent’ => get_the_ID(), ‘post_type’ => ‘attachment’, ‘post_mime_type’ =>‘image’) );
foreach ( $attachments as $attachment_id => $attachment ) {
echo wp_get_attachment_thumb_url( $attachment_id, ‘medium’ );
}
echo “\” />”;
{/code}

Wird in einem Beitrag beispielsweise das Bild “http://blog.datenschmutz.net/wp-content/uploads/2010/10/frosch.png” als “Featured Image” gewählt, so liefert uns das Script browserseitig folgende Zeile zurück:

{code type=HTML}{/code}

Allerdings fehlt uns noch ein Puzzlestück: denn falls ein Beitrag kein Bild enthält, bleibt das content-Argument leer, aber dazu kommen wir später — vorher noch ein paar Worte zu anderen dynamischen Metadaten.

Mehr dynamische Metadaten, bitte!

Wenn man schon mal Hand an die Meta-Section des Headers anlegt, zahlt es sich wie schon oben erwähnt aus, auch die anderen Open Graph Metadaten wie Autor, Beitrags-URL etc. einzufügen. Während Felder wie Adresse etc. in der Regel mit statischen Informationen befüllt werden können, greift man Beitragstitel, bei der URL und bei der Description auf WordPress-Hooks zurück. Diese drei Einträge könnten dann beispielsweise so aussehen:

{code type=PHP}echo “ the_title();
echo ’” />’;
echo ;
echo ;{/code}

CAVEAT: für die Description verwende ich nicht die Standard-WordPress-Funktion, sondern das wesentlich flexibler konfigurierbare Plugin The Excerpt re-reloaded.

Wer bereits Share– oder Like–Buttons einsetzt, sollte aber vorher prüfen, ob die oben erwähnten Tags nicht bereits im Quelltext vorhanden sind, denn einige dieser Plugins generieren ebenfalls zumindest einen Teil der Metadaten — und doppelt gemoppelt bringt diesem Fall rein gar nichts.

Open Graph-Metadaten nur für Einzelbeiträge

Da all diese Metatags ja nur für Einzelbeiträge (nicht aber für die Startseite, für statische Pages, Archiv-, Such-, Tag-Seiten etc.) relevant sind, schadet es keinesfalls, alle Open Graph Metadaten in eine IF-Abfrage zu packen und nur bei Einzelbeiträgen anzuzeigen. Die einschließende Bedingungen sähe dann so aus:

{code type=PHP}global $post;
if ( is_single() ) {

METADATEN inkl Script

} else {
echo ;
}
{/code}

Der Ersatzkandidat und das fertige Script

Bis hierher gehen wir davon aus, dass man für *jeden* Beitrag ein Bild hochgeladen und als “featured image” auswählt. Wenn der Thumbnail-Metatag mit leerem Content-Attribut im Quelltext steht, bietet Facebook aber kein alternatives Thumbnail an. Im Zeitalter des Social Sharing empfiehlt es sich zwar ohnehin, für jeden Beirag eine solche Grafik zu definieren — aber falls man mal darauf vergisst, lässt sich mithilfe einer weiteren if-Abfrage überprüfen, ob denn überhaupt ein “featured image” gesetzt wurde. Wenn ja, kommt das Script zum Einsatz, wenn nein wird die Standard-Grafik verwendet.

Und damit wären wir quasi auch schon am Ende unserer langen Reise — hier das komplette Script inklusive aller Metadaten und der oben beschriebenen if-Abfrage. Die Default-Grafik, die verwendet wird, wenn kein featured image gesetzt wurde, müssen Sie einfach nur ins Unterverzeichnis /images/ Ihres Theme-Verzeichnisess laden, also z.B. /wp-content/themes/twentyten/images/facebook-default.png:

{code type=PHP}
global $post;
if ( is_single() ) {

echo ;
echo “\n”;
echo ;
echo “\n”;
echo ‘\’;
echo “\n”;
echo ’ }

echo '" />‘;
echo “\n”;

} else {
echo ;
echo “\n”;
}
{/code}

Die Linebreaks (\n) sind natürlich nicht zwingend erforderlich, sorgen aber für besseren Quelltext-Überblick. Mithilfe eines Plugins ließe sich diese Facebook-Thumbnail-Funktionalität natürlich leicht nachrüsten, aber mir ist derzeit keine Erweiterung bekannt, die diese so wichtige Funktion implementiert. Ein wenig Copy-Paste zahlt sich also in jedem Fall aus, denn passende unique Thumbnails führen direkt zu höheren Klickraten — wir Surfer sind nun mal ausgesprochen visuell orientierte Informationsnomaden.

Bonuslevel: Praktischerweise übernimmt auch mein Lieblings RSS-to-Facebook-Service dlvr.it die so eingefügten Thumbnails beim Posten auf Facebook Pages, was einen äußerst komfortablen Workflow ermöglicht. Aber das ist eine andere Geschichte und soll ein andermal erzählt werden…

Disclaimer: Nur um hier keine Missverständnisse aufkommen zu lassen: es würde mir nicht im Traum einfallen, mich als php-Könner aufzuspielen. Von Programmierung hab ich beängstigend wenig Ahnung — was Code betrifft, bin ich ein typischer User, der einfach nur im Trial-and-Error-Verfahren vorgeht. Den Image-Code hab ich in anderem Kontext im WordPress-Forum gefunden, der Rest ist handgestrickt, und zwar mit heißen Nadeln *g* Wenn jemand eine elegantere Methode bzw. ein Plugin kennt, freue ich mich sehr über Anregungen und Code-Optimierungs-Vorschläge!

Das iPad besitzt einen wesentlich größeren Bildschirm als jedes Telefon, über die bestmögliche Aufbereitung ihrer Inhalte für die neue Lieblings-Hardware Kindle–gelangweilter Geeks macht sich derzeit so gut wie jedes kommerzielle Online-Medium Gedanken. Ganz trivial ist die Sache nun wahrlich nicht: erstens sollen die Inhalte am iPad so lesefreundlich wie möglich daher kommen, zweitens sollten die Hardware-spezifischen Bediengesten verfügbar sein und drittens möchten es Webmaster ihren Usern möglichst einfach machen, Inhalte auf Facebook zu teilen: all diese Anforderungen erfüllt PadPressed bravourös:

PadPressed is a WordPress plug-in built to deliver the best browsing experience for your readers on an iPad. When a reader visits your blog from their iPad it is automatically formatted to be tablet ready with swipe to advance gestures, accelerometer aware column formatting, touch navigation, and more. PadPressed makes your blog function like a native iPad app.

Was das Plugin im Detail kann, zeigt das folgende Video. Leser, die mit ihrem iPad auf dieses Blog zugreifen, haben die veränderte Optik bereits bemerkt — selbstverständlich läuft PadPressed seit einigen Tagen auf datenschmutz und datadirt — willkommen am ersten iPad-optimierten Blog Österreichs!

Click here to view the embedded video.

Angesichts der steigenden Popularität von WordPress überrascht es nicht, dass immer mehr Plugins in Standard– und Pro-Versionen veröffentlicht werden. PadPressed bleibt allerdings ausschließlich zahlenden Usern vorbehalten. Eine einmalige Zahlung von $49 ist allerdings im Vergleich zu den Kosten der Programmierung einer iPad App mehr als eine Okkasion.

Installation und Konfiguration

Nach der Bezahlung via PayPal kommt die Zip-Datei per Mail. PadPressed wird wie jedes andere Plugin aktiviert, anschließend taucht ein neuer Hauptmenüpunkt im Backend auf. Unter “PadPressed -> Theme Options” passt man des WordPress’ neue iPad-Kleider an. Logo–Upload, Konfiguration der Slideshow, des Hauptmenüs und des Footer-Inhalts sind im Nu erledigt, fortan verrichtet PadPressed im Hintergrund seine Arbeit. Das SDK bietet Apple nur für Macs an, ein Windows-Emulator ist nicht verfügbar. Sprich: wer sein eigenes Block fingertauglich sehen will, braucht entweder einen Mac samt Entwicklungsumgebung oder ein iPad zum Testen. Dieses Video gibt einen Eindruck von der Funktionsweise des Plugins:

Click here to view the embedded video.

PadPressed kaufen

Besonders beliebte Wortspenden werden in weiterer Folge grafisch hervorgehoben dargestellt. Für die Voting-Funktion nutze ich das Plugin Comment Rating von Bob King. Ich hab mir (alte Gewohnheit) gleich mal die Pro-Version gekauft, Plugin-Autoren, die solche Perlen coden, müssen unterstützt werden.

Comment Ratings stellt nicht nur ein nettes Community–Gimmick dar, sondern zeigt eine interessante Möglichkeit für crowd–sourced Kommentar-Moderation auf — also, hochverehrte Leserinnen und Leser, halten Sie mit Ihrer Meinung nicht hinter dem Berg. Two thumbs up!

Danke schon mal jetzt an Matt, sein Team und alle, die an WordPress 3.0 mitgearbeitet haben. Sobald das Update abgeschlossen ist und datenschmutz mit WordPress 3.0 läuft, folgt ein Erfahrungsbericht.

Themenvorschläge sind wie immer sehr gern gesehen, die betreffenden Links bitte einfach auf delicious mit “wienerrunde” taggen. Kommentare, Anregungen, aufbauende und vernichtende Kritik (sowie Spenden für das Projekt “neue Mikros für Heinz und Hans-Peter) werden natürlich gerne entgegen genommen. Ganz konkret eine Frage dazu: sollen wir FlattR auf Wienerrunde einbauen? Würden Sie für unser Gebrabbel auch nur einen Euro ausgeben? Und machen diese Micropayment-Systeme überhaupt Sinn? Ich werde jedenfalls mal die anderen Ritter der Wiener Runde am kommenden Freitag dazu befragen.

Wer ihn ebenfalls ins eigene Blog einbauen will, findet in diesem Beitrag ein paar Tipps. Dank der flotten Open Source Community können WordPress Blogger bereits auf mehrere Plugins zurückgreifen, ein paar davon hab ich mir näher angesehen.

Was genau tut der Facebook Like-Button?

Die neue Like-Funktion unterscheidet sich deutlich von den bekannten “Share this posting on Facebook / Twitter etc.” Buttons. Während letztere dazu dienen, die aktuelle URL an diverse Social Media Services zu übergeben, bindet der Like-Button Facebook-Inhalte dynamisch in die eigene Page ein. Da alle Inhalte des Widgets von Facebook-Servern kommen, ist seitens des User keinerlei Authentifizierung nötig: Besucher, die im gleichen Browser in Facebook eingeloggt sind, sehen auf einen Blick, welche Friends den aktuellen Beitrag bereits geliked haben. Wenn ein Blogleser nicht in Facebook eingeloggt ist und auf den Like-Button klickt, wird ein Pop-Up Fenster mit dem Facebook Login–Formular geöffnet:

Das ist kein geringer Mehrwert für Seitenbetreiber — denn genau wie bei den Facebook-Ad “Social Actions” steigen Aufmerksamkeit und Interesse. Zweitens resultiert jeder Click auf den “Like-Button” wiederum in einem Wall-Posting bei Facebook, zieht also im Idealfall zusätzliche Besucher an. Und Facebook geht selbstverständlich nicht leer aus: tausende Blogs integrierten in den letzten Tagen dieses Feature und helfen dem Betreiber, hochqualitative Daten für eine zukünftige Websuche (Facebook sieht sich ja schon lange als Google-Konkurrent). Ob der Plan aufgehen wird, muss die Zukunft zeigen — das Generieren der Daten ist eine Sache, die sinnvolle Strukturierung eine andere. Ich konnte mich dem allgemeinen Hype natürlich nicht entziehen und habe den Like-Button auf datenschmutz gestern eingebaut:

Wie baut man den Like-Button ein

Wer sich das manuelle Editieren des eigenen Templates sparen möchte, kann mittlerweile auf diverse Plugins zurückgreifen — Bastler konfigurieren und holen sich den Code einfach von der Facebook Social Plugins Page. Die fertigen Lösungen bieten im Wesentlichen alle den gleichen Funktionsumfang, ich habe mir einige davon näher angesehen:

Facebook Like Button Plugin

Nach Upload und Aktivierung nimmt man alle Einstellungen übers Backend vor. ACHTUNG: Die Options-Seite findet man nicht wie gewohnt im Menü Settings/Einstellungen, sondern unter “Plugins”. Die Einstellungen sind selbsterklärend: neben der Auswahl, ob der Like-Button nur auf Einzel-Beitragsseiten oder auch auf der Startseite respektive aus statischen Pages angezeigt werden soll, wählt eines von zwei Farbschemata, die Breite, die Höhe und das Wording (entweder “like” oder “recommend”), die Schriftart sowie die Position (vor oder nach dem Beitrag) und optional eigenen CSS-Code für den Container.

In der simpelsten Form (Like-Button und Counter) begnügt sich das Plugin mit 30 Pixel, sollen die Avatare mit angezeigt werden, sind 60 Pixel einzuplanen. Es empfiehlt sich also, entweder die gesamte Breite der Content-Spalte als “Width” einzutragen, oder via CSS das Element floaten zu lassen — so hab ich’s hier am Blog gemacht.
Facebook Like Button Plugin

FaceBook Like Button Plugin for WordPress

Diese Plugin bietet exakt den gleichen Funktionsumfang, allerdings wird hier anstatt des CSS-Codes ein Klassennamen für den Container eingetragen; die entsprechende Formatierung ist dann im Stylesheet vorzunehmen. (Nur ein kleiner kosmetischer Unterschied, aber wer maximal sauberen Code bevorzugt, greift zu dieser Lösung.)
FaceBook Like Button Plugin for WordPress

WordPress Facebook Like Plugin

Das gleiche in grün — da Facebook die möglichen Optionen vorgibt, bietet dieses Plugin genau die gleichen Einstellmöglichkeiten wie der oben beschriebenen “Zwillingsbruder” — mit zwei Ausnahme: die Einstellmöglichkeiten maximale Höhe und eigenen CSS-Code fehlen, sodass das Like-Element insgesamt mehr Platz einnimmt als erforderlich.
wordpress-facebook-like

WP Facebook Like

Ein Tipp für Bastler, denn dieses Plugin bietet weniger Optionen, stellte dafür jedoch einen CMS– und einen php–Tag fürs Template bereit: mittels [wpfblike] im Editor bzw. der php–Funktion wpfblike() lässt sich das Element an jeder beliebigen Stelle aufrufen.
WP Facebook Like

Beispiel-CSS-Code für Floating Like-Box

Der Beispiel-CSS-Code, den ich hier auf datenschmutz verwendet habe, steht weiter unten zum Kopieren bereit. Je nach verwendetem Plugin muss die Style-Class entweder ins Template-Stylesheet eingetragen werden oder in die Optionspage (siehe oben). Die runden Ecken sind ein CSS 3 Feature — nicht alle Browser unterstützen dieses Eyecandy, IE-User bekommen die klassischen Ecken zu sehen. Margins, Paddings und andere Parameter müssen natürlich an die jeweiligen Design-Erfordernisse angepasst werden:

{code type=CSS}
.facebox {
float:right;
margin-top:3px;
margin-left:9px;
border:1px solid #d2d2d2;
background-color:#e8e8e8;
padding-left:3px;
padding-right:3px;
padding-bottom:0px;
padding-top:3px;
–webkit-border-radius:3px;
–khtml-border-radius:3px;
–moz-border-radius:3px;
border-radius:3px;
}
{/code}

Wie geht’s weiter mit den Facebook Social Plugins?

Wie erwähnt sind die Konfigurationsmöglichkeiten derzeit noch bescheiden. Ich vermute mal, dass Facebook in punkto Design aus CI-Gründen recht restriktiv bleiben wird, neue Funktionen respektive Social Plugins dürften aber nicht lange auf sich warten lassen. Bereits mit der derzeit verfügbaren Palette lassen sich die wichtigsten Social Media Funktionen mit Hilfe des großen Bruders Facebook im Nu integrieren. Allerdings gilt auch hier: wer voll und ganz auf 3rd Party Anbieter setzt, kann eines Tages ganz schön im Regen stehen! Wer sein Blog “sozialer” machen will, dem empfehl ich einen Blick auf Mingle zu werden. WordPress 3.0 wird sowieso Social Network Features an Bord haben. Zweifellos hat Facebook einen immensen Skalierungsvorteil auf seiner Seite, aber der Optimist in mir hofft trotzdem nach wie vor auf die glorreiche Zukunft des distributed Social Networking. Was denken Sie, wie’s weitergehen wird?

Aber den europäischen Computerführerschein gibt es ja tatsächlich. Doch aufgrund der vielen Auffahrunfälle, die vor allem von jungen Surfern verursacht werden, steht nun eine Neuregelung ins Haus. 56% aller geisterfahrenden IP-Pakete kommen von Jung-Usern, die ihren Computerführerschein erst höchstens zwei Jahre lang besitzen. Aufgrund dieser bedenklichen Entwicklung hat sich die Europäische Kommission nun entschlossen, analog zum KFZ-Führerschein verschiedene Klassen einzuführen. Die endgültige Fassung des Dokuments sieht so aus (zum Vergrößeren anklicken):

Gerüchten zufolge soll die Version 2.0 des Hundeführerscheins ebenfalls stärker differenzieren — eine der Streitfragen war ja, welche Rassen denn grundsätzlich als gefährlofürchterlich einzustufen sind. Da die simple schwarz/weiß Einteilung aber kaum der schwanzwedelnden Praxis genügt, wollen Hundeexperten zukünftig zumindest unterscheiden zwischen Leichthunden mit max. 3kg Eigengewicht, Krafthunden mit bis zu 8 Beinen außer dem Schwanz und Krafthunden der Klasse C, mit denen andere als leichte Schlitten gezogen werden — die diesbezügliche Regelung könnte aber noch eine Weile auf sich warten lassen, näheres dazu demnächst hier auf datenschmutz.

Danke für Ihre Kommentare und Retweets; der 1. April ist schließlich — nach meiner rein subjektiven Wertung — der wichtigste Tag im Blogosphären-Jahr, dicht gefolgt vom Talk-like-a-pirate Day am 19 September. Da es in diesem Jahr generell recht viel Gejammer über 1.-April-Scherze gab (nicht speziell auf datenschmutz bezogen, sondern quer über die .de–Blogosphäre), hier noch meine persönlichen 5 Euro-Cents: wir Blogger nehmen uns und “es” 364 Tage in gewöhnlichen und 365 Tage in Schaltjahren ohnehin ernst genug, also wird wohl ein Tag für Blödeleien reserviert bleiben dürfen! Ich hab jedenfalls heute öfter als üblich vor dem Monitor laut auflachen müssen. Ursprünglich hatte ich ja vor, über “Google Home View”, eine freiwillige fotografische Erfassung von privaten Wohnungen, zu schreiben. Aber da sind mir ZDF und Martin Sonneborn schon eine ganze Weile vor dem 1. April zuvor gekommen:

Click here to view the embedded video.

Mir selber machen die 1.-April-Postings Riesenspaß, und auch wenn mir klar ist, dass man kaum einen “Schmäh”, wie die Wiener sagen, (er)finden dürfte, den *alle Leserinnen und Leser* uneingeschränkt großartig finden, so hoffe ich doch, zumindest ein wenig zur allgemeinen Erheiterung beigetragen zu haben. Jetzt bleiben ja glücklicherweise wieder 12 Monate Zeit, um den nächsten Hoax vorzubereiten. Mögen Sie den 1. April oder können Sie ihn nicht ausstehen? Haben Sie heute besonders gute oder schlechte 1.-April-Gags entdeckt, und wenn ja, welche?

Für das Bild-Rendering ist der Browser zuständig, nicht das CMS. Und WordPress wird selbstverständlich weiterhin “JPEG unterstützen”. Die untenstehende Meldung ist natürlich Blödsinn, es handelt sich um einen meiner beiden Aprilscherze 2010 — die andere Story finden sie hier.

Wie Matt Mullenweg letzte Woche auf seinem Blog berichtete, wird WordPress 3.0 nicht nur auf Social Networking, sondern auch und vor allem auf multimediale Fähigkeiten setzen. Für einige Überraschung sorgt in der Netzgemeinde allerdings, dass WordPress 3.0 zwar weiterhin gif– und png-Grafiken unterstützt, auf die populären JPEGs jedoch verzichtet. Neben den Lizenzgebühren sei vor allem Microsofts geänderte SVG-Politik verantwortlich, so Ma.tt:

With the upcoming Internet Explorer 9 there is no more need for jpeg — Microsoft finally embraces the SVG standard, thus helping to make the web a much more open place. JPEG does have some advantages, but they are simply out-weighed by the license costs.

In der Tat dürfte die Tatsache, dass WordPress 3.0 JEPGs zwar hochlädt, aber lediglich als Download-Files (und nicht als Bilder) in Beiträge einbindet, ähnlich wie derzeit beispielsweise Excel-Dateien, dürfte zwar in den ersten Wochen für ein wenig Verwirrung sorgen, ein ausführliches Tutorial am WordPress Blog soll folgen. Ungelöst ist noch die Frage, wie mit bereits bestehenden, veröffentlichten Bildern umgangen wird; voraussichtlich werden Blogger nach dem Upgrade alle Fotos zumindest einmal neu hochladen und einfügen müssen. Aber langfristig gesehen hat sich das WordPress-Team noch nie getäuscht, und in einem Punkt hat Matt sicher recht:

Try to put yourself in the user’s position: if you use your probably pirated copy of Photoshop or your legal copy of Gimp for exporting your pics into web format, it really doesn’t matter if you choose jpeg or png — I expect a smooth transition.

Mir persönlich waren JPEG-Artefakte ohnehin schon immer sehr suspekt, und ich bin eigentlich froh, dass WordPress diese Altlast endlich über Bord wird. Spätestens mit der Version 3.5 soll dann auch ein im CMS als Core-Plugin integrierter Trans-Imageizer folgen, der über einen zentralen Auttomatic-Conversion Server beim Upload JPGs auf Wunsch nach SVG konvertiert. Darauf freu ich mich schon — wird Ihnen JPEG etwa fehlen?

Ein ungutes Erbe der Vergangenheit wird ebenfalls beseitigt: das unübersichtliche, schlecht dokumentiert und mit if-then Abfragen vollgestopfte Standard-Theme “Kubrick” (aka das WordPress–Template aus der Hölle) wird endlich in den Ruhestand geschickt. Das von Grund auf neu gestrickte Standard-Theme wird den Namen 2010 tragen, eine sehr gelungene Referenz an Stanleys “2001 — Odyssee im Weltraum” Follow-Up.

Ein schon länger kursierendes Performance-Gerücht verdichtet sich ebenfalls. WordPress kommt nicht mehr “in einem Guss” daher, sondern einzelne Funktionsblöcke werden in sogenannte “Core Plugins” ausgelagert. Somit können dann nicht benötigte Funktionen komplett deaktiviert werden: quasi eine Ausweitung der Idee hinter WP Core Control.

Die Integration von WMPU, das hinfort auf den Namen WPMS (WordPress Multi-User-Site), bringt auch eine engere Integration von Social Media Features respektive BuddyPress. Offen bleibt derzeit die Frage, inwieweit via Buddy-Press “Cross-Blog Authentications” möglich sein werden: denn diese käme dem Konzept eines dezentralen Social Networks schon recht nahe.

Olaf freut sich am WordPress-Deutschland Blog über die stärkere Einbeziehung der weltweiten Entwickler-Community:

Konnte man in den letzten Jahren den Entwicklern noch vorwerfen die Community nicht besonders eng in die Entwicklung mit einzubeziehen hat sich das mittlerweile sehr stark geändert. Die Benutzer haben vielfältige Möglichkeiten sich mit in die Entwicklung einzubringen, Verbesserungsvorschläge zu machen und mit den Entwicklern und anderen Benutzern in Kommunikation zu treten.

Wer stets am laufenden bleiben oder sogar selbst mitarbeiten möchte, sollte sich den RSS Feed des offiziellen Entwicklerblogs WordPress Development Updates schnappen. Dort erfährt man beispielsweise als erster, dass Plugin–Readme Dateien ab sofort Youtube, Vimeo und WPVideo Clips Shortlinks enthalten dürfen, die direkt vom System geparsed werden (sehr cool Idee!) und kann sich schon mal mit aktuellen Themen für den wöchentlichen Entwickler-IRC Chat auf #wordpress-dev vertraut machen.

WordPress.org

Obwohl beide Plugins grundsätzlich ähnliche Funktionen bereit stellen, unterscheiden sie sich vom Einsatzzweck her gravierend. Während BuddyPress darauf abzielt, WordPress komplett in ein Social Network umzumodeln, liegt der Zweck von Mingle in der Erweiterung eines bestehenden Blogs um Social Network Funktionalitäten. Mingle kommt seit heute hier auf datenschmutz zum Einsatz — erkennbar am neuen Hauptmenüpunkt Profil. Warum und wie lesen Sie im folgenden Beitrag.

Wozu der ganze Social Network Aufwand?

Diese Frage drängt sich in der Tag auf: zum einen erfordert die klassische Blognutzung keinerlei Registrierung, zum anderen erschließt sich Sinn und Zweck von Userprofilen nicht auf den ersten Blick. Ich möchte mit ein wenig “Social Media Theorie” beginnen respektive mit der Frage: Woraus besteht ein “Social Network” im Kern? Folgende Elemente bilden Kern jeder Social Site:

• Userverwaltung (mit Direkt-Registrierung oder Authentifizierung über Drittservices
• Userprofile (in der Minimalversion meist mit Avatar-Bild, Infotext und Link(s)
• Freundschaftsverwaltung: zur Abbildung der Relationen zwischen den einzelnen Usern
• Status–Updates: als Interaktionstool zwischen den Usern mit “Activity Stream” Übersichtsseite
• Privacy-Einstellungen: in der Minimalvariante wird Usern die Auswahl geboten, ihre Profile/Statusupdates öffentlich oder nur für Freunde sichtbar zu machen.

Alle weiteren Funktionalitäten — Newsletter, Fotogalerien, Zusatz-Applikationen, Videouploads etc. — stellen bloß den Zuckerguss am Kuchen dar. Wesentlicher für die Attraktivität respektive den Erfolg eines Social Networks als weitere Features sind die “Economies of Scale”: wenn eine ausreichende Zahl von Personen registriert ist, beginnt ein Social Network Sinn zu machen.

Um Missverständnissen vorzubeugen: ich spreche hier nicht von quantitativen Faktoren. Zweifellos ist Facebook zu einem hohen Grad deshalb so interessant, weil es als “General Interest Network” mittlerweile einem immens hohen Verbreitungsgrad erreicht hat. Spezialisierte Social Networks können bereits bei sehr kleinen absoluten Zahlen die Attraktivität einer Page immens erhöhen, Stichwort: Vereine.

Bei näherer Betrachtung der oben stehenden Feature-Liste denkt der in den 90ern Netz–sozialisierte Schelm natürlich sofort an die “guten alten” Forenzeiten: in der Tat unterscheiden sich phpBB und Co. im Kern gar nicht sooo gravierend von ihren Vorgängern. Status-Updates haben Threads abgelöst, statt der Archiv– steht die Echtzeitmetapher im Vordergrund — und BuddyPress bringt praktischerweise sogar gleich ein klassisches Diskussionsboard mit.

Natürlich drängt sich in diesem Zusammenhang auch sofort der Gedanke an Seth Godins legendäres Büchlein Tribes auf:

A tribe is any group of people, large or small, who are connected to one another, a leader, and an idea. For millions of years, humans have been seeking out tribes, be they religious, ethnic, economic, political, or even musical (think of the Deadheads). It’s our nature.
Now the Internet has eliminated the barriers of geography, cost, and time. All those blogs and social networking sites are helping existing tribes get bigger. But more important, they’re enabling countless new tribes to be born—groups of ten or ten thousand or ten million who care about their iPhones, or a political campaign, or a new way to fight global warming.

Meiner Ansicht nach sind Profile für registrierte User ein perfektes Tribe-Tool für Blogger: das wertvollste Asset eines jeden Weblogs sind seine Stammleserinnen und Stammleser. Dass eine Profilfunktion mit Status-Update für diese Zielgruppe gerade bei der Diskussion spezifischer Themen absolut Sinn macht, steht für mich schon länger außer Frage.

In eigener Sache: datenschmutz als Social Network

Seit Beginn des Jahres biete ich datenschmutz-Lesern die Möglichkeit, sich entweder direkt oder via Facebook-, Twitter– oder MySpace-Authentication anzumelden und ein eigens Userfoto hochzuladen (standardmäßig ist natürlich Gravatar aktiviert); Profilpages gab es bislang aber nur für Gastautoren. Mit der Aktivierung von “Mingle” ist damit der letzte Schritt der “Socialification” von datenschmutz abgeschlossen.

Jeder bereits registrierte User hat automatisch seine Profilpage — wer bislang als Gast hier unterwegs war, den lade ich ganz herzlich ein, die neuen Features auszuprobieren. (Dass es auf den Profilpages auch einen Backlink zur eigenen Seite gibt, ist sowieso klar!) — die Registrierung ist in 30 Sekunden erledigt:

auf datenschmutz registrieren

Die technische Umsetzung: BuddyPress oder Mingle?

BuddyPress: Social Network in a box

BuddyPress funktioniert, wie in der Einleitung erwähnt, als “Full-Service-Lösung” und wird dem Claim “Social Networking in a box” vollauf gerecht:

Build a social network for your company, school, sports team or niche community all based on the power and flexibility of WordPress.

Man installiert zuerst ein “nacktes” WordPress und aktiviert anschließend BuddyPress, das ein eigenes, für Social Networking Zwecke optimiertes Theme mitbringt. Weitere dürften in Kürze folgen, außerdem lässt sich das gut dokumentierte Standard-Template problemlos anpassen. BuddyPress kommt mit dem von Facebook hinlänglich bekannten “Activity Stream”, Freundschaftsverwaltung, Blogging-Features, Gruppenverwaltung, Private Messaging, umfangreichen Profilen und einem integrierten Diskussionsforum — all in one! Außerdem sind bereits erste Plugins fürs Plugin verfügbar.

Wer sich das ganze mal live in Effekt ansehen möchte, findet hier eine Demopage und ein paar öffentliche Communities, die auf BuddyPress setzen. Die Pros der Software liegen klar auf der Hand: wer ein öffentliches oder privates Mini-Social Network betreiben möchte, findet hier eine perfekte Lösung, die WordPress-Füchse in 5 Minuten samt ftp-Upload zum Laufen bringen. Nachteil dieser Lösung: Wer bereits ein Blog betreibt und dieses mit BuddyPress erweitern möchte, steht erstmals vor einer mächtigen Bastelaufgabe, denn BP erfordert einiges an Theme-Anpassungen.

Mingle — der Add-On Ansatz

Ich habe mich für Mingle entschieden, weil Blairs Plugin zwar weniger Features bietet, aber wesentlich unintrusiver arbeitet. Mingle verzichtet auf Forum, Private Messaging sowie weitere einige Bells-and-Whistles und besteht im Wesentlichen aus Profilpages mit Kommentar– und Postingfunktion, Beschreibung und Status-Updates, einer Freundschaftsverwaltung, einigen Widgets und bietet die essentiellen E-Mail Benachrichtigungen. Eine Beispiels-Installation gibt’s auf wpmingle.com — oder Sie registrieren sich hier auf datenschmutz.

Blair empfiehlt das populäre Thesis-Theme, aufgrund der eleganten Installation dürfte Mingle sich aber mit den meisten Templates vertragen. Nach der Aktivierung legt man insgesamt acht leere WordPress-Pages an (für Profilseiten, Mitgliederverzeichnis etc.). Diese Pages nutzt Mingle zur Darstellung der jeweiligen Inhalte, zur Anzeige der neuesten Besucher und für Registrierung/Login gibt’s Sidebar-Widgets. Schlaue WP-Füchse legen sich vor der Installation gleich mal ein eigenes Page-Template mit speziellem Sidebar zurecht.

Mingle bietet auch die Möglichkeit, bei der Registrierung zusätzliche Profilfelder abzufragen. Natürlich baut das Plugin keine Parallelstruktur auf, sondern es verwendet die Standard-Registrierungsfunktion von WordPress — somit klappt auch das Zusammenspiel mit bestehenden Erweiterungen sehr problemlos. Will man den Registrierungsprozess so kurz und schmerzlos wie möglich halten, darf auch weiterhin die WordPress-Minimalvariante (Username und E-Mail Adresse) beibehalten werden; alle weiteren Felder (Beschreibung, Name, Homepage, Ort…) können nachträglich im Profil eingetragen bzw. editiert werden.

Ein Wort zur grafischen Anpassung: da alle Mingle-Inhalte von einer unique CSS-Class umschlossen sind, haben Designer recht weitgehende Freiheiten in der Gestaltung — aber auch ohne viel Bastelei überzeugt das Resultat. Ich bin bisher von Mingle jedenfalls restlos begeistert und freue mich unbeschreiblich, wenn Sie so nett wären, sich zu registrieren und mir Rückmeldungen zu den neuen Features geben.

Zur Erinnerung: diese Adressen trägt man im WordPress–CMS unter “Einstellungen > Schreiben” ins Feld “Update Services” ein. Beim Publishen eines neuen Artikels werden die jeweiligen Services, in der Regel meist Suchmaschinen und/oder Aggregatoren, über den Ping–Mechanismus sofort verständigt, was im Idealfall zu einer schnelleren Indizierung der Artikel führt.

Zwar machen neuere Technologien wie CloudRSS das Pingen mittelfristig überflüssig, derzeit macht’s aber durchaus Sinn, diese Funktion zu verwenden. Viel hilft in dem Fall nicht viel: man sollte eine geeignete Auswahl zusammenstellen und idealerweise den Ping Optimizer von MaxBlogPress (funktioniert auch ohne die Aktivierung, die zur Eintragung auf einer Mailingliste führt; aber wir sind ja medien-literat und glücklicherweise in der Lage, uns Kraft eines Mausklicks wieder aus der Liste auszutragen) einsetzen, denn WordPress übertreibt bei scheduled Posts ganz gerne. Außerdem hilft das Pinging-Log, die Liste auf aktuellem Stand zu halten — aber das erledige ich ja ohnehin für Sie, et voilá:

33 Ping Services für WordPress

Viele WordPress-Benutzer ärgern sich außerdem drüber, dass seit 2.9 das beliebte Simple Tags Plugin seit 2.9 seinen Dienst versagt. Das liegt nicht etwa daran, dass es Änderungen im Umgang mit Tags gegeben hätte, sondern nur an einer Versionsabfrage im Plugin selbst — ein simpler Hack schafft Abhilfe.

Amaury Balmer, Autor der beliebten Tag-Management Lösung, die nebenbei äußerst praktische Cross-Linking Funktionen bietet, hat die Versionsabfrage hard-gecodet. Um Simple Tags wieder zur Mitarbeit zu bewegen, ist also ein kleiner Eingriff in den Plugin-Code nötig, netterweise hier dokumentiert von bugnnink.

Man öffnet dazu die Datei simple-tags.php im Verzeichnis /wp-content/plugins/simple-tags/ mit einem Text-Editor und sucht Zeile 35, die so aussieht:

Diese Zeile ändert man um in:

Nicht vergessen, die Datei anschließend zu speichern und hochzuladen. Et voila: Simple Tags läuft wieder wie geschmiert, und damit auch die diversen anderen Plugins, welche einige Funktionen von ST nutzen.

Und das bringt uns auch schon mitten ins Thema, nämlich die vergangene Woche: Linzerschnitte und datenschmutz haben die vorweihnachtlichen Web 2.0 Trends für Sie gewohnt penibel dokumentiert. Und es scheint durchaus nicht übertrieben, von punktuell auftretender Hassliebe zu sprechen. Also probieren Sie bloß nicht die “Web 2.0 Suicide Machine” aus und sagen anschließend, wir hätten Sie nicht gewarnt…

WordPress 2.9 “Carmen” mit mächtigen neuen Features

Gestern betrat WordPress 2.9 die Blogging-Bühne — die aktuelle Version unseres Lieblings–CMS ist nach der legendären Jazz-Sängerin Carmen McRae benannt. Es handelt sich um den letzten Roadmap-Release vor der lang erwarteten 3er-Version, die nächstes Jahr gröbere Überarbeitungen mitbringen wird. Ich habe datenschmutz vor der Veröffentlichung dieses Beitrags upgedatet und bin von den neuen Features schwer begeistert — speziell der neuen in–Blog Images Editor, mit dem man grundlegende Bildbearbeitungsaufgaben im CMS-Backend erledigen kann, erleichtert Bloggen aus dem Internetcafé ungemein. SEO-affine Blogger dürften sich über die native Unterstützung des Canonical-Tags freuen, alle Details zur neuen Version kennt das offizielle WordPress Blog.

Hier geht’s zum Download. Wahlweise kann man das Update auch direkt übers Backend vornehmen, ein vorheriges Datenbank-Update empfiehlt sich in jedem Fall. An dieser Stelle wieder mal herzlichen Dank an Matt Mullenweg und das gesamte WordPress-Team für die hervorragende Arbeit! Ihr lasst jeden kommerziellen CMS-Entwickler ziemlich blass aussehen

URL Shortener von Facebook — und Google?

Die meisten Ereignisse in Social Media World beginnen mit Gerüchten, die sich nach und nach verdichten — und sich früher oder später oft als wahr herausstellen. Blogger Ryan Spoon hat diese Woche entdeckt, dass Mobile Alerts statt unter der bisherigen Mobile Url m.facebook.com unter fb.me erreichbar sind — seine Interpretation des Ereignisses: “FB rolls out URL Shortener”

Und dies lässt Spoon mehr vermuten. URL Shortener waren bisher vor allem bei Twitter von Bedeutung, natürlich wegen der 140 Zeichen Beschränkung. Facebook hat beim letzten größeren Relaunch die Zeichenbeschränkung der Statusupdates allerdings auf 420 Zeichen gehoben, URLs können als Link attached werden, um nicht in dieses Zeichenlimit zu fallen. Da also Short Urls für die bisherige klassische Anwendung zur Benutzung in Status Updates nicht benötigt werden, zählt Spooner einige andere Features auf, für deren Entwicklung ein URL Shortener von Facebook von Vorteil wäre:

- user analytics / fan page data
– integration with feed posting and FB Share
– focus on “notes” and external link sharing
– Facebook Connect integration (?)

Durchaus möglich, dass Facebook sich einmal mehr öffnet — diesmal nicht nur als Application Provider für externe Developer, sondern als Social Media Plattform mit Fotos, Blogbeiträgen (“notes”) und mehr, deren Inhalte vermehrt nach außen getragen werden sollen. Einziges Hindernis bisher — wer nicht bei Facebook registriert war, konnte Facebook-Inhalte (Pages) bisher nur sehr eingeschränkt sehen, hinzu kommen die Privacy Settings der einzelnen User. Ob der alte Kampf gegen Google dahinter steckt? Vermutlich. Denn Google präsentierte immerhin am 14. Dezember 2009 den Google URL Shortener http://goo.gl.

Die Web 2.0 Selbstmordmaschine

Nimmt das digital-soziale Klickleben zuviel Zeit weg? Möchten Sie eigentlich viel lieber wieder mal ein Schwätzchen mit Ihrem Nachbarn halten, doch vor lauter Twitter-Updates haben Sie seit Tagen Ihre Wohnung nicht verlassen? Haben Sie schon mal “Ich will weniger Zeit auf Facebook verbringen!” in die Tasten gehämmert, um anschließend festzustellen, dass Sie gerade ein Status-Update geschrieben haben? Radikale Probleme erfordern radikale Lösungen — enter Web 2.0 Suicide Machine:

Liberate your newbie friends with a Web2.0 suicide! This machine lets you delete all your energy sucking social-networking profiles, kill your fake virtual friends, and completely do away with your Web2.0 alter ego. The machine is just a metaphor for the website which moddr_ is hosting; the belly of the beast where the web2.0 suicide scripts are maintained. Our services currently runs with facebook.com, myspace.com and LinkedIn.com! Commit NOW!

Wie die ultimative Delegation der Sozialpräsenz funktioniert, erklärt das folgende Video. Ob die Maschine wohl tatsächlich funktioniert? Keine Ahnung, und ich werd’s nicht ausprobieren!

Click here to view the embedded video.

Erste Hilfe: Was tun, wenn Ihr Google Konto gehackt wurde

Email-Konten sind die zentralen Schaltstellen jeder virtuellen Identität. Alle Passwörter, Kontonummern, Kontakte, Adresse usw. laufen früher oder später durch einen Mail-Account. Und dies macht es für Hacker so interessant, Mailkonten zu hacken. Wie man damit umgeht, wenn der Albtraum passiert und man sich plötzlich einer Fehlermeldung statt all diesen wichtigen Daten gegenüber sieht, schreibt Amit Agarwal — aus eigener, leidvoller Erfahrung. Seine Tipps sind allemal nachahmenswert, um als Besitzer des eigenen Accounts und letztlich der eigenen digitalen Identität verifiziert werden zu können. Neben dem Eingeben der obligatorischen Telefonnummer und einer zweiten Mailadresse hat er aber noch wesentlich mehr Best Practices auf Lager:

You will need this to verify your identity to Google in case someone else takes over your Google Account and the secondary email address associated with your account.
The month and year when you created your Gmail / Google Account. You can look at the last page of your Gmail Inbox (or go to Sent Items) to get an approximate idea of the date when you created the account.
If you created a Gmail account by invitation, write the email address of the person who first sent you that invite for Gmail. Use a search query like “in:all has invited you to open a free Gmail account” to find that invitation email.
The email addresses of your most frequently emailed contacts (the top 5).
The names of any custom labels that you may have created in your Gmail account.
The day/month/year when you started using various other Google services (like AdSense, Orkut, Blogger, etc.) that are associated with the Google account that you are trying to recover. If you’re not certain about some of the dates, provide your closest estimate.

Wer Google Apps wie Analytics, AdWords oder ähnliches nutzt, sollte sich dieses Blogpost noch genauer ansehen.

Hotglue — Webseiten “analog” layouten

Auf die Hotglue-Introduction bin ich im Zuge der Web 2.0 Suicide Machine (siehe ersten Beitrag in diesem Panoptikum) gestoßen — und hielt das Projekt zuerst für einen Scherz. Dabei handelt sich’s bei Hotglue tatsächlich um ein funktionales CMS, das eine sehr ungewöhnliche Interface–Metapher nutzt, um große Flexibilität und hohe Geschwindigkeit bei der Erstellung und Pflege von Homepages zu ermöglichen. CMS steht bei hotglue nämlich nicht für Content Management System, sondern für Content Manipulation system:

Most modern CMS systems are based on the idea of content being separated from the layout of a web-site. In order to relieve the pain of rearranging and adding new information to already existing publications websites are organized in grids of predefined blocks (templates), thus resembling a lot the layout of a news-tabloid.

Die Software gibt’s auf hotglue.me zum Gratis-Download (derzeit werden Beta-Tester gesucht, die eine eigene Homepage unter der Hotglue-Dom bekommen), das zugehörige Forum residiert unter hotglue.org. Dieses Video erklärt das Prinzip des CMS:

Click here to view the embedded video.

Ich hab mir beim Schreiben dieses Beitrags ein Test-Installation angelegt. Die Einrichtung ist in Windeseile erledigt — man muss nur drauf achten, dass man nach dem Upload nicht nur dem Folder “content”, sondern auch allen Unterverzeichnissen CHMOD 777 zuweist, sonst funktioniert das Speichern der Seite nicht. Das Interface präsentiert sich in der Tat sehr intuitiv, für die schnelle Gestaltung eines (kollaborativen) Blackboards eignet sich hotglue auf den ersten Blick ganz hervorragend.

Da es allerdings derzeit kein Log-In und kein Rechtemanagement gibt, kann jeder Besucher die Inhalte der Seite verändern — aber hotglue befindet sich noch in der Betaphase und ich hoffe, dass diese Funktion (“Lock Page”) bald nachgeliefert wird, denn das Interface macht wirklich Spaß. Ich werde das CMS sicherlich weiter im Auge behalten und würde auch gerne ein Blog-Blackboard integrieren. Da man derzeit auch die File-Upload Funktion nicht deaktivieren kann, ist das Sicherheitsrisiko zu hoch. Dennoch: einer der vielversprechendsten CMS-Ansätze, den ich in den letzten Jahren zu Gesicht bekommen habe.

Warum man besser keinen virtuellen Traktor kaufen sollte

Jeder kennt sie, die FB Cutie Games oder Addictive Games auf Facebook, die dieser Plattform erst so richtig zu ihrem internationalen Durchbruch verholfen haben: Zuerst waren da Zombies und Vampire, dann Mobsters und Mafia Wars und seit dem Sommer hat wohl jeder schon mal von Farmville gehört. Farmville, Gaming Flagschiff der erst 2007 gegründeten Entwickler “Zynga” ist das bekannteste und erfolgreichste Game auf Facebook. Und während Facebook noch kein richtiges Monetarisierungskonzept vorzuweisen hat, haben Zynga es geschafft: Fett Kohle verdienen auf Facebook, mit virtuellen Traktoren und Scam (Betrug).

Wie Michael Arrington auf TechCrunch schon vor Wochen schrieb: Auf Facebook gewinnt, wer am meisten scamt. Wie bringt man die User aber dazu, auf Scam reinzufallen? In dem man ihnen Cash in der Währung ihres virtuellen Ökosystems verspricht — zum Beispiel: Spiele bei einem Online-Lotterie-Game mit und du bekommst 450 Farmville-Dollars. Dummerweise wird für das vermeintliche Gratisangebot womöglich bald eine Rechnung ins Haus flattern, die 450 Farmville Dollars ziemlich alt aussehen lässt. Besonders beeindruckend an Michael Arringtons Beitrag: die mittlerweile 20 Updates zu diversen Betrugsfällen rund um Farmville — sowie das Blogpost: How to spam facebook like a pro. Ein Blick auf die dunkle Seite der Macht.

Zieh mich — und dann lass mich fallen!

Social Sharing, die zweite: nach den altbekannten “Share-Buttons” in allen Formen und Ausprägungen (auch hier am Ende jedes Artikels zu finden) hat Mashable bzw. Meebo mit Drag-to-Share einen neuen Trend losgetreten: mit dem slicken Script lässt sich jedes Bild und jedes Video via Drag-and-Drop auf populären Social Networks sharen. Sobald man das betreffende Element mit der Maus gepackt und gezogen hat, öffnet sich ein dynamischer Layer mit großformatigen Social Network passen. Man lässt das betreffende Element einfach auf das gewünschte Icon fallen, anschließend öffnet sich die Share-Maske des jeweiligen Networks. Klingt wesentlich komplizierter als es ist und sieht in der Praxis so aus:

Das beste daran: diese Drag-to-Share Funktion ist seit schon seit längerer Zeit auch als WordPress-Erweiterung verfügbar. Mir gefällt das Plugin sehr gut, das es seinen Job auf äußerst unintrusive und elegante Weise erledigt. Eine nette Zusatzfunktion wäre noch das Markieren und Drag-Sharen einzelner Text-Absätze. Drag-To-Share eXtended wird mit Sicherheit weite Verbreitung finden — und Sie ahnen es bereits: ich habe das Plugin natürlich hier auf datenschmutz auch aktiviert, auszuprobieren beispielsweise am Screenshot bzw. den Videos in diesem Beitrag. Ob man nur bestimmte Elemente oder alle Bilder und Videos automatisch drag-sharable machen möchte, lässt über die Options-Seite einstellen.

Der Todesstern greift meinen Nachbarn an

Adidas will mit der aktuellen Kollektion zukünftige Darth Vaders einkleiden und bewirbt die betreffenden Produkte mit einer überdurchschnittlich originellen Online-Kampagne. Wer den Death Star Super Laser mit dem eigenen Facebook Account verlinkt, sieht ein Video das Darth Vader beim Angriff zeigt — und zwar auf die eigene Wohngegend, in die der Laser des Todessterns eine gewaltiges Adidas-Logo einbrennt. Möglich macht’s Google Maps, und TechCrunch ist schlichtweg begeistert (oder bezahlt?):

This is where the Google Maps integration comes into play; you can even fine tune the laser’s exact target using Street View if you so desire. All in all the Adidas application is clever, fun, and addicting.

In der Tat eine witzige Idee — ich hab gleich mal Helges Büro in die Luft gejagt. #datadirtvshelge Und ich möchte gern wissen, wie viel Tantiemen Adidas an George Lucas für dieses Branding bezahlt.

Judiths Video der Woche

Niemals hätte ich mir das gedacht. Dass ich mal was vom Feindsender als Video der Woche posten werde. Aber in dieser Augmented reality Version gefällt’s mir einfach…

Click here to view the embedded video.

Ritchies Video der Woche

Riesenhohe Wellen auf Maui, grandiose Surfer, Iamkalaniprince und eine Canon 5D. Das Ergebnis: dieses unglaubliche Surfvideo:

Click here to view the embedded video.

Und noch etwas Edukatives: Elspeth Jane erklärt in Rocketbooms “Know your Meme” Serie, was es denn eigentlich mit dem mysteriösen “Om Nom Nom” Mem auf sich hat. (Achtung: Meta-Katzen-Content)

Click here to view the embedded video.

Lesetipps der Woche

• Wenn man “rattig wie die Sau” ist, sollte man sich besser nicht bei der Eingabe der E-Mail Adresse vertippen — denn das unbarmherzige Netz vergisst *rein gar nix*. Deswegen “fordern Forscher ein Verfallsdatum für private Daten”. Oh Mann… dieser Spon-Slang ist ja fast schon eine eigene Sprache.

Und das war wieder mal die vergangenen 168 Stunden im Schnelldurchlauf. Wir danken für Ihre unbezahlbare Aufmerksamkeit, merken unermüdlich an, dass wir uns über Kommentare und Feedback freuen wie die sprichwörtlichen Weihnachtselche und wünschen Ihnen einen schönen Restsonntag und ein — je nach persönlicher Präferenz — ruhiges und besinnliches oder spaßigen und actionreiches Weihnachtswochenende. Mit den Neujahrsglückwüschen lassen wir uns aber noch Zeit: eine Panoptikum-Ausgabe gibt’s noch im Jahr 2009, und zwar am kommenden Sonntag, dem 27. Dezember. Wir lesen uns morgen!

Haben Sie Vorschläge und Themen fürs datenschmutz Wochenpanoptikum?
Gibt es aktuelle Infos aus der weiten Welt des Web, die datenschmutz-Leser erfahren sollten?
Schicken Sie Ihre eigenen News ein für den kommenden Wochenrückblick — für jeden Eintrag gibt’s auf Wunsch einen Backlink! Hier geht’s zum Einreich-Formular.

Liebes Internet, Gratulation zum 40er!

Unser Lieblings-Netzwerk wurde vierzig — vor vier Dekaden begannen Len Kleinrock und sein Team am UCLA mit den ersten Tests für ein Kommunikationsnetzwerk, das verschiedene Universität verbinden sollten und einen freien Informationsaustausch ermöglichen. Uneingeschränkte Partylaune will sich bei der New York Times dennoch nicht einstellen:

There’s still plenty of room for innovation today, yet the openness fostering it may be eroding. While the Internet is more widely available and faster than ever, artificial barriers threaten to constrict its growth.
Call it a mid-life crisis.

Der Standard, Copycat Nr. 1 unter den österreichischen “Qualitätszeitungen”, würdigt das Jubiläum mit einer würdigen Übersetzung und gibt lustigerweise als Quelle AP/APA an:

Für Innovationen ist zwar sicher immer noch genug Raum da, aber die Offenheit scheint doch zu schwinden. Vielleicht erlebt das Internet ja gerade so etwas wie seine Midlife-Crisis.

Vielleicht erlebt ja der Printjournalismus gerade seine End-of-Life Krise?

Ein bisschen Twitter–Theorie

Kevin Marks’ How Twitter works in theory gehört wohl zu den meist-zitierten Artikeln der Woche — bis 2007 war der Autor Head Engineer bei Technorati (und seit er für BT arbeitet, ist offensichtlich niemand mehr in der Lage, den Spider zum Arbeiten zu bewegen). Der gelernte Kommunikationswissenschaftler würde ein paar Schlagwörter samt rudimentärer Erklärung vermutlich nicht unbedingt als genuine Theorie des Micro-Blogging durchgehen lassen, aber lesenswert sind Kevins Ideen allemal:

At its heart Twitter is a flow — it doesn’t present an unread count of messages, just a list of recent ones, so you don’t have email’s inbox problem — the implicit pressure to turn bold things plain and get that unread number down. Instead, you can dip in and out of it, when you have time, and what you see is notes from people you care about.

Die Gmail Misere

Okay, ich geb’s zu: der rund 100 Minuten dauernde Gmail-Ausfall von letzter Woche ist mir nicht einmal aufgefallen, allerdings nutze ich Googles Kommunikationsservice auch lediglich auf meinen Homepages als relativ spam-resistente öffentliche Kontaktadresse und Durchgangsstation zu meinem “richtigen” Mailserver. Geschuldet war der eher ungewöhnliche Ausfalle laut Gmail Blog überforderten Routern:

At about 12:30 pm Pacific a few of the request routers became overloaded and in effect told the rest of the system “stop sending us traffic, we’re too slow!”. This transferred the load onto the remaining request routers, causing a few more of them to also become overloaded, and within minutes nearly all of the request routers were overloaded. As a result, people couldn’t access Gmail via the web interface because their requests couldn’t be routed to a Gmail server. IMAP/POP access and mail processing continued to work normally because these requests don’t use the same routers.

Dieses Szenario wird sich laut Google nicht mehr wiederholen, veranlasste aber Joe Kissell auf Macworld.com zu einem Lob des Desktop-E-Mail Clients. Grundsätzlich teile ich ja Joes Meinung, aber dieses Argument bestätigt durchaus totgeglaubte Vorurteile gegenüber Mac-Usern:

I’ll still take a desktop e-mail client (such as Apple Mail, Microsoft Entourage, or Mozilla Thunderbird) any day. Why? Well, there is the issue of outages like the one Gmail experienced this week. I like to be able to access my e-mail whenever I want.

Man fühlt sich versucht, ins Kontaktformular zu schreiben: “It’s in the server, st00pid!” Im Zeitalter des mobilen E-Mail Zugangs macht Pop3 einfach keinen Sinn mehr — und wenn die Gegenstelle, spricht der Mailserver, nicht mehr will, dann hilft auch der beste lokale Client nicht weiter… aber meist ist bloß ein bisschen Geduld gefragt, also nicht gleich ausfreaken, wenn mal ein paar Minuten nix geht, meint JK:

I heard all kinds of complaints when Gmail went down. People saying that email service X would never go down like that. Or others saying that Google OWED us to keep Gmail up and running. Give me a break, stuff happens. When I was in the corporate world it was oh, so common to hear employees at some large company or another wandering down the halls claiming that “email is down again.” And this is the fancy corporate Exchange Server that only has to keep their own employees working. Stuff happens.

eBook Reader noch immer viel zu teuer

199$ klingen nicht gerade nach Luxusgegenstand – so viel kostet Sonys neuer eBook Reader bei Amazon.us. Aber das ist den meisten potentiell digitalen Leseratten immer noch viel zu teuer, wie eine aktuelle Studie von Forrester Research belegt:

Even among frequent readers with a household income above $75,000, current prices put e-book devices firmly in the expensive luxury category. Forrester’s survey of 4,700 online consumers in the U.S. found average consumers believe the value of e-book readers to be between $50 and $99, well below the cheapest reader on the market today. Only 14 percent of consumers said that prices of $199 or higher fall even within the “It’s expensive but I might consider it” range, according to Forrester.

Da liegt der Gedanke an die Preisstützung beim Handy natürlich nahe: wenn digitale Inhalte über Abos vertrieben werden sollen, dann brauchen die Lesegeräte allerdings mindestens WiFi, wenn nicht gar UMTS oder zumindest EDGE — die meisten derzeit verfügbaren Reader lassen sich allerdings bloß per USB-Kabel mit Lesestoff füttern. Wird wohl doch noch ein paar Wochen dauern, bis die Mediaprint-Druckerei völlig arbeitslos wird.

All your internets are belong to Google

John Andrews trifft wie immer den Nagel auf den Kopf, wenn er die Markt-Dominanz von Big in G in einem aktuellen Posting thematisiert:

Eric Schmidt, the guy who thinks Wikipedia is the greatest gift to mankind ever created by man, has web publishers (and domain owners) in his cross hairs. If Google succeeds, no one needs a domain name and no one needs to create a brand. They just need to submit to Google, and then, perhaps if Google has not completely satisfied the users with “the answer”, provide a way to be contacted or a server IP for a web site for further reading (perhaps through the Google Profile conduit).

Diese technologische Total-Abhängigkeit zeichnet sich schon längst am Horizont ab — das Beispiel China zeigt, wie perfekt sich Suchtechnologie und Kontrollbedürfnis vereinbaren lassen. Google gestaltet unsere Vorstellung vom Netz, das schlichte Eingabefeld wurde zu unserem Haupt-Interface bei der Informationserschließung — schon jetzt bestimmt ein einzelner Gatekeeper über Quellenrelevanz. Was John zu seinem Posting veranlasst hat, war dieses Zitat von Eric Schmidts über die Zukunft seiner Suchmaschine auf TechCrunch:

So I don’t know how to characterize the next 10 years except to say that we’ll get to the point — the long-term goal is to be able to give you one answer, which is exactly the right answer over time… what I’d like to do is to get to the point where we could read his site [the definitive authority on a particular searched query] and then summarize what it says, and answer the question.

Mit anderen Worten: Eric will das Web abschaffen und alle öffentlichen Webseiten dieser Welt zu Zulieferern degradieren. Schöne Aussichten… das wär’s dann mit dem Thema “Meinungsvielfalt”, wenn man bedenkt, dass schon jetzt 90% aller Suchen über einen einzige Anbieter laufen.

SEO, wechsel dich!

Jeremy hat völlig Recht: wer als SEO seine Arbeit nicht klar rechtfertigen kann, hat bald keinen Job mehr. Die Aura des Mysteriösen ist verflogen, gutes Linkbuilding ist ebenso mühsam wie teuer, und mit simplen Tricks kommt man nicht mehr weit — was die Arbeit auch unglaublich öde macht, denn schlecht positioniert sind nur noch Seiten mit gravierenden technischen Fehlern oder gravierendem Fehlverständnis für den Keyword-Longtail:

SEO Agencies providing client work are a dying breed. Especially when any monkey can have wordpress or any other CMS system up and running in 5 minutes and totally SEO’d as much as needed.
Noticed a trend it what dominates most search results lately? Wikipedia and wordpress blogs. How many SEO’s do you think they hired ? =P

Tja, waren ein paar lustige Jahre, und es kann nicht schaden, zu wissen, wie man eigenen und Kundenseiten das gewisse Extra an SM-Traffic verschafft… aber warum man seinen Berufsalltag freiwillig mit Linkbuilding verbringen wollen sollte, ist mir ein Rätsel

HTML 5 kommt im Laufschritt

Runde Ecken via CSS? Zukünftig alles kein Problem mehr… oder doch? Die Versionsumstellung bringt nicht nur mehr Programmier-Komfort, sondern auch einige gravierende Neuerungen, die David Eisenberg auf A List apart übersichtlich inklusive weiterführender Links zusammenfasst. Trial und Error bleibt ambitionierten Webdesignern natürlich nicht erspart:

By doing this, you’ll find out what works and what doesn’t. For example, I discovered that, as of this writing, Firefox 3.5 treats elements like article and section as display:inline, and I had to explicitly set them to display:block to make them work as expected.

Eine der wohl wichtigsten Änderungen sind die neuen Strukturierungselement: während man bisher mit verschiedenen div-KLassen arbeitete, bringt HTML5 diverse dezidierte Block-Elemente wie “nav” (für die Navigation), “footer” und “article” mit, die Lachlan Hunt in diesem Beitrag im Detail beschreibt. Interpretiert wird der neue Mark-Up Standard derzeit von Chrome, Firefox 3.5, Opera und Safari — Microsofts IE übt sich bislang in vornehmer Zurückhaltung, was die Verbreitung wohl ein wenig bremsen dürfte.

Wie man WordPress sichert

Unliebsame Eindringlinge gibt’s nicht nur im richtigen Leben: auch virtuell mussten sich in den letzten Woche und Monaten einige Blog–Betreiber über ungebetene Gäste ärgern — die Ursachenforschung ergibt in 99% der Fälle hochgradig monokausales Verschulden: denn sobald ein sicherheitskritisches WordPress-Update auftaucht, sollte dieses so zeitnah wie möglich installiert werden: ist eine Sicherheitslücke erst einmal bekannt, dauert es in der Regel nicht lange, bis sie nach Strich und Faden ausgenützt wird. Das WordPress Blog rät aufgrund eines aktuell grassierenden Wurms nachdrücklich von Laissez-Faire Taktiken ab:

A stitch in time saves nine. Upgrading is a known quantity of work, and one that the WordPress community has tried its darndest to make as easy as possible with one-click upgrades. Fixing a hacked blog, on the other hand, is quite hard. Upgrading is taking your vitamins; fixing a hack is open heart surgery. (This is true of cost, as well.) […] The only thing that I can promise will keep your blog secure today and in the future is upgrading.

Dem kann man nur zustimmen — es gibt zwar diverse Security-Plugins, aber Vorsicht ist besser als Nachsicht: also lieber nicht slacken und sofort den ftp-Client oder die automatische Update-Funktion anwerfen, denn Vorsicht ist in diesem Fall definitiv besser als Nachsicht. [via ma.tt]

Foto der Woche

Bei diesem hübschen Kerlchen handelt es sich um einen blauen Pfeilgiftfrosch, den Tambako im Züricher Zoo mit seiner 105er Makrolinse zu einer Modelling–Session überreden konnte. Ich glaub, ich muss demnächst mal nach Zürich. Und: ob blau, ob grün: Frösche sind einfach verdammt fotogen! Vielleicht sollte ich diese Rubrik in “Froschfoto der Woche” umbenennen.

Ritchies Video der Woche

Walter5.15 produzierte, führt Regie und schnitt diesen Kurzfilm — gedreht wurde im National Black Theatre in Harlem, das gesamte Set hat das Team selbst gebastelt: visuell ziemlich nett, vielleicht ein bisschen länger als nötig — aber insgesamt sehr stimmig:

Click here to view the embedded video.

Judiths Video der Woche: Bacon is good for me!

Schön, wenn es einem so gut geht, dass man sich über Ernährung Gedanken machen kann. Manche von uns werden von der Kinesiologin ihres Vertrauens auf eine Beinahe-nur-Wasser-Diät gesetzt, andere lassen sich auf TCM ein und beschäftigen sich seitdem mit den wunderlichen Welten kühlenden und hitzebringenden Nahrungsmittel — die meisten von uns haben lange genug an ihrer Frustrationstoleranz gearbeitet um die Freuden verzögerter bzw. “nachhaltige” Gratifikation zu schätzen. Doch manch rebellischer Jungspund steht noch für seine Ideale (Speck!) ein und lässt sich von nichts und niemandem etwas sagen, schon gar nicht, solange er schneller als die Ernährungberaterin auf ihren “little high heels” ist.

Lesetipps der Woche

• Marketeers haben wenig Zeit, daher erfreuen sich Listen großer Beliebheit. Ohne weitere Verzögerung daher: 32 Ways to Use Facebook for Business.
• “hehe, tomorrow I’m going to bed at night, cos I’m tired and I will sleep well. Lol.” Theoretisch müsste dieser Tweet unzählige Male retweetet werden. Dan Zarella hat sich angesehen, welche Keywords am häufigsten in Retweets vorkommen — und das Ergebnis ist… erstaunlich How to increase Retweets on your Tweets

Das waren unsere letzten sieben Tage im Schnelldurchlauf — wir danken für Ihre Whuffies (so nennt Tara Hunt die Währung der Aufmerksamkeit), bleiben Sie uns gewogen und schauen Sie nächste Woche wieder rein, wenn es heißt: “Artisten, Tiere, Attraktionen: alles virtuell”. Wir wünschen einen schönen Restsonntag und poken uns morgen im Social Web.

Haben Sie Vorschläge und Themen fürs datenschmutz Wochenpanoptikum?
Gibt es aktuelle Infos aus der weiten Welt des Web, die datenschmutz-Leser erfahren sollten?
Schicken Sie Ihre eigenen News ein für den kommenden Wochenrückblick — für jeden Eintrag gibt’s auf Wunsch einen Backlink! Hier geht’s zum Einreich-Formular.

Fünf sind nicht gerade viel, natürlich lese ich wesentlich mehr Blogs — hier auf die Schnelle meine fünf täglichen Haupt-Informationsquellen für die Bereiche SEO, Skurrilität und Politik:

Shoemoney.com: Jeremy Shoemakers Marketing–Blog ist ein Must-Read für alle, die sich mit Affiliate Business-Modellen und aktuellen wirtschaftlichen Trends im Web 2.0 beschäftigen.

Sistrix.de: deutschsprachige SEO-Blogs zu lesen habe ich mir abgewöhnt; es gibt unterhaltsamere Arten der Zeitverschwendung, und wenn man dort tatsächlich mal genuin neue Infos findet, dann sind die sowieso von einem Amerikaner abgeschrieben. Erfreuliche Ausnahme: Johannes Beus aka Sistrix, der selbst umfangreiche Analyse-Tools betreibt und daher immer wieder mal genuin neue uns lesenswerte Informationen präsentiert.

johnon.com: John Andrews, wohnhaft in Washington, bezeichnet sich als “Competitive Webmaster”. Er aktualisiert sein Blog, das seit Juli 2006 besteht, nicht besonders häufig — dafür ist jedes neue Posting absolut lesenswert.

Titanic Newsticker: die Homepage des deutschen Satire-Flaggschiffs ist ebenfalls ein Blog (zumindest gibt’s einen RSS-Feed). Wer etwas für schwarzen Humor und skurrile Lacher übrig hat, sollte öfter mal reinschauen.

Wissen belastet: Max Kossatz bloggt, unterbrochen von gelegentlichen Gadget– und Net-Culture-Beiträgen, hauptsächlich über Politik und den Einsatz des Web 2.0 als politisch-partizipatives Instrument. Außerdem rockt seine Titelgrafik ungemein!

Mindestens ebenfalls so interessant und häufige Besuche respektive einen Fixplatz im Feedreader wert: Michael Kamleitners NonSmokingArea, Peter Steinbergers Navigator of Ignorance, Judiths Linzerschnitte, Robert Lenders Nur ein Blog, Janas digiom, Helges Helge.at und ganz viele andere Blogs, deren URLs ich nicht auswendig kenne. Keep up the great work!

PS: Ja, stimmt. Wir alle sind dran schuld, dass die Content-Industrie grade den Bach runtergeht. Wir sind einfach zu motiviert — sorry Journalisten, sorry Verleger!