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!

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?

Pivot focuses on this intersection, enabling us to learn key lessons while attempting to broadly apply this philosophy to the Web. We hope that Pivot will inspire and fuel transformative experiences across the Web.

At the heart of Pivot are “Collections.” They combine large groups of similar items on the Internet, so we can begin viewing the relationships between individual pieces of information in a new way. By visualizing hidden patterns, Pivot enables users to discover new insights while interacting with thousands of things at once.

Was genau damit gemeint ist, verrät Gary Flakes TED-Vortrag:

“At its core, our system allows you to see massive quantities of visual information at one time,” sagt Mark Bramley, Prinicial Software Engineer der Microsoft Live Labs. Und genau darin liegt die Stärke solcher Tools: denn selbst wenn alle Daten verfügbar sind, scheitert es oft an der Zugänglichkeit: denn unsere Sensorik ist für tausende Bildschirmseiten lange Excel-Sheets nun mal nicht ausgelegt.

Wenn man nun aber plötzlich riesige Informationsmengen nach beliebigen Kriterien gruppieren kann, dann ergeben sich im besten Fall ganz neue Einsichten. In dieser Hinsicht hat Pivoting viel mit statistischen Methoden gemeinsam. Während letztere aber auf mathematische Verfahren setzen, erlaubt die Software eine spielerischen, intuitiven Zugang.

Während der Installation der Software (Internet Explorer 8 und das .NET Framework in der aktuellsten Version sowie ein 2GHz Prozessor sind erforderlich) importiert Pivot die Browser-Histories von IE und Firefox — daraus entsteht die erste “Collection”, in weiterer Folge lassen sich dann auch eigene Collections erstellen — eine ganze Reihe vorgefertigter Collections vom Magic-Kartenspiel bis zur Wikipedia stehen online bereit, um dem experimentierfreudigen User einen neuen Blick auf Online-Informationen zu gewähren.

Pivot Download

Eine hochkarätig besetzte Auswahl an Keynotes, ein spannendes Thema und die Teilnahme ist noch dazu völlig gratis: wer am Event Visual Computing Trends 2009 teilnehmen möchte, muss sich lediglich vorab registrieren. Organisiert wird die Veranstaltung von Kompetenzzentrum VRVis in Zusammenarbeit mit der TU Wien, der ganze Tag lang dreht sich um den aktuellen Status Quo des “Visual Computing”

Visual Computing ist jener Wissenszweig der Computerwissenschaften, der sich mit dem Umgang von visuellen Informationen beschäftigt wie z. B. Bilder und Bildsequenzen in einem räumlichen und zeitlichen Zusammenhang. Visual Computing hat sich aus der methodischen Verschmelzung von Bildaufbereitung, Computervision, Computergrafik und Visualisierung entwickelt und ist zum Innovationstreiber der gesamten Branche geworden.

Neben Gastgebern Prof. Werner Purgathofer von der TU Wien sprechen Prof. Horst Bischof (TU Graz), Prof. Thomas Ertl (Universität Stuttgart), Prof. Steven Feiner (Columbia Univ. NY) und David Luebke (NVidia Corp.) über Zukunftsszenarien (wissenschaftlicher) Visualisierung. Sicher eine tolle Gelegenheit, um sich einen Überblick über topaktuelle Entwicklungen zu verschaffen. Wer teilnehmen möchte, registriert sich via E-Mail, nähere Infos zur Veranstaltung gibt’s auf der Homepage des VRVis.

Ort: Techgate Vienna, Donau-City-Straße 1, 1220 Wien
Datum: 28.1.2009

[wp_geo_map]

Endlich adäquate digitale Präsentationen

Slide-orientierte Präsentation waren gestern: Powerpoint ist ja bloß sowas wie Final Scratch für Vortragende, ein verzweifeltes Festhalten an der Folienmetapher. Die Ungarn zeigen, dass es auch anders geht: Max ist schwerstens angetan von seinem Closed-Beta Prezi Account. Mindmaps meet Flash-Ästhetik meet SaaS (Software as a Service): tolle Sache und hoffentlich bald öffentlich verfügbar. Auf der neuen Homepage sind einige Beispiels-Präsentation online, außerdem kann man den Editor schon mal testen. Ich freu mich jedenfalls sehr über meinen heute eingetroffenen Beta-Key: Adios, Powerpoint!

Den Clickpreis wählen

TechCrunch verbreitet ein interessantes Gerücht, demzufolge Digg mit Hochdruck an einem eigenen, AdWords-ähnlichen Werbesystem basteln soll:

One experiment Digg is working on, says one source close to the company, is a self service advertising product that will be somewhat similar to Google AdWords, but with a twist. The product would insert advertisements into the Digg news stream (presumably clearly marked). Where those ads end up, and how much an advertiser pays per click, would be based on user feedback.

Klingt in der Theorie gut — praktisch bezweifle ich aber stark, dass “echte” User Zeit und Energie ins Bewerten von Werbung investieren. Digg möchte wohl die Qualität der Werbung erhöhen, man braucht allerdings keine hellseherischen Fähigkeiten für eine kleine Zukunftsprognose: Digg-Mobs haben demnächst ein wesentlich lukrativeres Business-Model. (“‘tschuldigen’s, mei Glickbreis is zu hoh. I breichat wohts!”)

Der Ausverkauf des Web 2.0

Janko Röttgers hat einen lesenswerten Kommentar über den Ausverkauf des Web auf der ORF Futurezone veröffentlicht: angesichts der Übernahme und Schließung von Pownce durch 6Apart, der Übernahme und Schließung von Sandy durch Twitter und der Verknappung frischen Kapitalgeber-Geldes folgern Sequoia und Co., dass Web 2.0 Start-Ups profitabel werden müssen. Wer hätte das gedacht? Ein Vergleich mit der ersten Blase wäre allerdings völlig fehl am Platz, denn interessanterweise scheint das Geldverdienen derzeit eher den kleinen, wendigen SaaS-Anbietern zu gelingen als den Schwergewichten der Branche (Gruß an Yahoo und Facebook!). Außerdem schreibt Janko:

Fehlender Erfolg war nicht immer ein Grund für eine Übernahme mit Todeskuss. Branchenriesen gaben zu den Hochzeiten des Web-2.0-Booms viel Geld für Start-Ups aus, deren Nutzerzahlen alles andere als beeindruckend waren. So ließ sich Yahoo das soziale Widget myBlogLog zehn Millionen Dollar kosten, obwohl der Dienst zum Übernahmezeitpunkt Anfang des letzten Jahres gerade mal 45.000 registrierte Nutzer verzeichnete.

Ich würd allerdings behaupten, dass dies eine der besseren Investition in Yahoos wechselvoller Firmengeschichte der letzten 12 Monate war…

SEO-News der Woche

Für mich war’s eine sehr erfreuliche Woche mit einem angenehmen Highlight: bei den neu gelaunchten Twingly Blogcharts stieg datenschmutz auf Platz 44 der deutschsprachigen Rangliste ein — war ja auch wirklich höchste Zeit für einen Technorati-Nachfolger. Andererseits haben zwei meiner Network-Sites gravierend an Pagerank verloren — eine weitere Bestätigung der Tatsache, dass regelmäßig Update–Zyklen ein zunehmend größere Rolle für Big G spielen. Apropos Fakten: jede Menge davon gibt’s in der neu erschienen Ausgabe der Online-SEO-Zeitschrift Suchradar: “Zentrales Titelthema der aktuellen Ausgabe ist der Ausblick auf das Jahr 2009 im Bereich Suchmaschinenoptimierung und Suchmaschinenmarketing”, so das SEO-Handbuch. Eines steht jedenfalls schon fest: OMD wird’s 2009 keine mehr geben, wie <a href=“http://www.die-topnews.de/omd-2009-igedo-sagt-online-marketing-duesseldorf-2009-ab 3301322>die-topnews.de berichten: deren Aufgaben soll im kommenden Jahr die DMEX in Düsseldorf übernehmen.

Sistrix experimentiert mit Linktexten

“Wie lange darf ein Linktext sein?” fragt Sistrix. Und wie es eben seine Art ist, spekuliert er nicht wild drauf los, sondern hat ein aufschlussreiches Experiment durchgeführt:

Mit dem vorletzten Verlinkten (dem 8. Wort) allerdings schon, Google schneidet also einfach nach den 8 Worten ab. Das ist übrigens genau der Wert, den Shaun in seinem ursprünglichen Blogpost erwähnt hat – er hat daraus allerdings den falschen Schluss gezogen, dass Google den Linktext nach Anzahl von Buchstaben begrenzt. Dass dies nicht so ist und Google die Anzahl der Trennzeichen nimmt, glaube ich mit den 2 Tests gezeigt zu haben.

Keyword nicht gleich Keyword

SEO-United fasst einige Überlegungen zu den unterschiedlichen Typen von Keywords zusammen — gerade bei Longtail-Seiten steckt in dem Artikel interessantes Futter für Nischen-Konzepte:

Neben der Tatsache, dass Suchanfragen immer länger werden, also die Anzahl der eigegeben Begriffe steigt, unterscheidet man Keywords auch in Bezug auf deren Funktion. Etabliert hat sich hierbei die Unterteilung in informational, navigational und transactional, also in informierende, navigierende und agierende Suchanfragen bzw. Keywords.

Webseitenaufbau mit Sprites beschleunigen

Die Image-Slicer haben ihre goldenen Zeiten hinter sich: die Leitungen sind schnell genug, ob ein Bildchen 2 oder 5kB groß ist, macht weniger Unterschied als die Zahl der Requests. Google mag bekanntlich schnelle Responses mit wenigen Requests, also könnte der bei phlow beschriebene Sprite-Ansatz gerade bei icon-lastigen Web 2.0 Seiten sehr nützlich sein:

Insbesondere wiederkehrende Grafiken — z.B. Icons -, die man für CSS verwendet, können unter Umständen eine Menge Server-Anfragen produzieren. Um das zu verhindern baut man sich so genannte Sprite-Maps. Das sind Dateien, auf denen sämtliche Icons oder Layout-Grafiken in nur einer Grafikdatei abgespeichert (siehe Bild)werden. Glücklicherweise gibt es dafür einen Online-Service.

Video(s) der Woche: Tangible Interaction

Aus der Abteil: Wunschwerkzeuge eines jeden Visualisten. Tangible Interaction bauen, wie der Name nahelegt, diverse “full-sensory” Interfaces zu digitalen Medien. Klingt abstrakt, dürfte in der Bedienungspraxis aber riesigen Spaß machen — hier ein Video der Graffiti Wall. Sowas sollte eigentlich jedes Haus haben, an dem man vorbeispaziert

Und wo das herkommt, gibt’s noch mehr: Scott Beale vom Lachenden Tintenfisch hat die HD-Videofunktion seiner neuen Canon 5D Mark II an Doc Populars Yoyo-Künsten getestet, und man kann nur sagen: geile Bildqualität, geile Tricks:

Und das war’s auch schon wieder mit dem vorletzten Blogistan Panoptikum dieses Jahres. Mögen Sie, hochgeschätzte Leser, die Weihnachtsfeiertage gut überstehen. Vorsicht jedenfalls vor Elchen im freien Fall, frohes Feiern und viel Glück und Durchhaltevermögen, falls Sie morgen bei der Last-Minute Geschenksrallye teilnehmen (müssen) — 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.

Windows kann standardmäßig mehreren Grafikkarten umgehen, allerdings treten in der Praxis immer wieder Inkompatibilitäten auf, wie ich auf diversen Hardware–Foren in Erfahrung brachte. Also wollte ich mir eine Zweitkarte mit Geforce-Chipsatz zulegen, allerdings informierte mich der DiTech Verkäufer (kompetent wie immer), dass besagter Adapter den gleichen Dienst täte. Die Beschreibung liest sich fast zu gut, um wahr zu sein — und das Ganze funktioniert bis zu einer Auflösung von 1680x1050 Pixeln, mehr als ausreichend für meinen Drittmonitor — DiTech verkauft das Gerät für 80 Euro:

The USB 2.0 to DVI Adapter enables you to connect any monitor, LCD or projector to your PC or notebook. By using the included adapter DVI to VGA and DVI to HDMI, you can also connect VGA and HDMI monitors. In order to connect several monitors, etc. to a PC, you simply need an additional adapter for each display. You can connect up to 6 adapter to one PC. The USB 2.0 Adapter can mirror and extend the display. If you use this external USB 2.0 technology, you do not need an additional VGA card.

Die beigepackten Treiber verweigerten zwar unter Vista 64 ihren Dienst, ein Update von der Herstellerseite schaffte aber sofort Abhilfe. Nach Installation und Neustart erkannte mein Rechner beim Anstecken sofort den dritten Monitor, der wie gewohnt in den Windows Desktop-Optionen auftauchte. Weiter Vorteil dieser Lösung: es gibt keinerlei Probleme mit DirectX-Spielen (schon getestet), wie gehabt läuft das Spiel am Hauptmonitor und ignoriert die beiden anderen Screens. Wenn ich an Flugsimulationen nicht ebenso wenig Interesse hätte wie an Fußball, dann könnte ich allerdings den Microsoft Flugsimulator mit ziemlich phattem Cockpit-Feeling spielen

DeLock stellt übrigens eine ganze Reihe von nützlichen USB-Adaptern her — darunter auch einen Universal-Anschluss, der das lästige Einstecken verschiedener USB-Kabelbauformen für verschiedene Geräte erspart.

Hier kann man den Druck bestellen: Gratis-Poster 40x30cm. No hooks attached, das kleinste Format gibt’s ganz umsonst, es fallen lediglich Versandkosten von EUR 5,99 an. (PosterXXL verschickt die Drucke in mit Packpapier ausgestopften stabilen Kartonrohren), die Aktion gilt bis Ende des Jahres und ist auf eine Bestellung pro Person beschränkt. Als Vorlage kommen alle gängigen Grafik–Formate in ausreichender Auflösung in Frage, wer’s gern etwas größer mag, bekommt unter der gleichen Adressen ein 60x45cm Poster für EUR 6,99 statt 11,99 oder ein 80x60cm Poster um EUR 9,99 statt EUR 14,99. Die Benutzeroberfläche der Seite fällt angenehm simpel und zweckmäßig aus, die Frist von der Bestellung bis zum Versand beträgt 48h.

Erfreulicherweise kommt das erweiterte Werbeportfolio von Trigami immer besser in Schwung: in den letzten Wochen erhielt ich neben den üblichen Review-Ausschreibungen auch zunehmend mehr Angebote für Bannerschaltungen, denn auch die können mittlerweile von Kunden gebucht werden. Der Auftraggeber gibt dabei Format(e) und Zeitraum vor und macht dem Blogger ein Angebot — der entscheidet, ob er das jeweilige Werbemittel einbinden möchte. Eine sehr günstige Form der Longtail–Erschließung: ich vermute mal, dass diese Form der Branding-Werbung am deutschsprachigen Markt noch eine blühende Zukunft bevorsteht.

Verzichten sollte auf ein Favicon niemand — die Kunst liegt darin, ein geeignetes Motiv zu finden, das auch bei der winzigen Größe von 16x16 Pixeln noch ausreichend wiedererkennbar ist. Photoshop unterstützt das Ico-Format übrigens nicht, behelfen kann man sich unter anderem mit dem kosten Bildbetrachter Irfan View, der eine entsprechende Exportfunktion besitzt. Wer sich diesen Aufwand nicht antun will, kann stattdessen auch den favinator benutzen: das kostenlose Online-Tool konvertiert jede beliebige Ausgangsgrafik (die natürlich quadratisch sein sollte) zu einem 16x16 Pixel Favicon, das anschließend heruntergeladen und in die eigene Page eingebaut werden kann.

Besonderheit dabei: optional kann ein Text eingetragen werden, der anschließend als animierte Laufschrift durchs Favicon scrollt, Schriftfarbe, –typ und –größe sind dabei allerdings fix eingestellt. Klingt kompliziert, sieht einfach so aus:

Das sorgt für Staunen (oh, ico-Dateien können animiert sein?) und nervt unter Umständen, wenn in der Browser-Tableiste dauernd was blinkt, also sollte man sich den Einsatz der Laufschrift gut überlegen. Moderne Browser zeigen übrigens alle unterstützten Grafikformate (also auch png, jpg, gif) an, größtmögliche Kompatibilität erreicht man allerdings mit dem Ico-Format. Eingebunden wird das Icon mit einem Meta-Tag im Header, einige Browser zeigen es standardmäßig ohnehin an:

<link rel=“shortcut icon” href=“http://www.meine-domain.de/favicon.png” type=“image/ico” />

Ein ausführliches Tutorial rund um das Thema gibt’s hier. Für Konsolenfreunde hab ich noch eine besondere Spezialität gefunden: png2ico konvertiert PNG-Dateien via Kommandozeile (!) ins ICO-Format — Nerd-Prestige-Bonus garantiert.

“Kampf der Armut” lautet also das diesjährige Thema, und das hat im Zuge der derzeit vor unseren Augen ablaufenden Finanzmarktkrise ganz neue Aktualität bekommen. Und der Zynismus der US-Regierung ist kaum zu überbieten: Man darf nicht die Augen davor verschließen, dass zuerst ganz gezielt Panikmache erfolgt, um dann mit möglichst wenig Widerstand die maroden Banken mit Steuergeld aufpäppeln zu können. Denn wie Max völlig richtig schreibt:

Es gibt Menschen/Firmen/Banken/Staaten die sich gerade massig billige Anteile von Unternehmen kaufen und sobald alles wieder (mit Steuergeldern) gerettet ist wunderbar damit verdienen werden, irgendwie grauslich, oder?

Dass die USA ohne nachhaltige Garantien Staatsmittel in Finanzinstitute pumpen, wird sich auf Dauer als weit teurer erweisen, als beispielsweise eine staatliche Kreditübernahme jener verschuldeten Hauseigentümer, die nun tatsächlich obdachlos geworden sind. Was hat das mit dem Thema Armut zu tun? Nun, Armut tritt in vielen Facetten auf, auch in Wohlstandsstaaten. Wenn wir aber auf Regionen, Länder, Kontinente blicken, in denen Armut kein Rand-, sondern ein Mainstream-Phänomen ist, in denen teilweise nicht mal die Grundversorgung mit Nahrung, frischem Wasser etc. gesichert ist, dann wird eines ganz schnell klar: um den “Vicious Circle” zu beenden, *müssen* der lokalen Bevölkerung Investitionsmittel und Möglichkeiten zum Aufbau intrinsischer Wirtschaftsmodelle in die Hand gegeben werden. Dass das Geld dafür da ist, aber der Wille keineswegs, zeigt die derzeitige Finanzkrise wohl über-über-deutlich.

In einer (durch das Internet mit-) globalisierten Welt kann niemand mehr wegsehen und sich versichern, “dass die da drüben mich nichts angehen”. Globale Armut zu beseitigen, ist ohnehin solidarische Pflicht. Was das moralische Konto der ersten Welt allerdings noch weit stärker belastet, ist die Tatsache, dass weite Teile dieser angesprochenen Armut weder selbst– noch unverschuldet entstanden, sondern direkt wirtschaftlichen Interessen und Profiten reicherer Staaten geschuldet sind.

Ich wünsche mir, dass Europäer trotz der angeblich prekären Börsensituation nie mehr vergessen, dass kein Kontinent eine Insel ist — und dass Umverteilung endlich nicht mehr innerstaatlich, sondern weltweit zu funktionieren beginnen muss. Und überhaupt wäre heute ein guter Tag für eine Spende an eine Hilfsorganisation Ihrer Wahl.

Also wenn ich da an meinen persönlichen Flüssigkeits-Intake denke, dann habe ich das Gefühl, dass ich bei nur 1,5 Litern Wasser verdursten täte. Und zwar ganz schön schnell. Nehmen wir mal einen typischen Tag her: Da wäre mal das Glas Wasser nach dem Aufstehen (0,25l), der große Frühstücks Cafe Latte (0,5l) mit einem weiteren Glas Wasser (0,25l), also hätte ich 2/3 der Tagesdosis bereits intus, bevor ich meine E-Mails checke. Aber am Vormittag geht’s weiter mit 1–2 Gläsern (0,5l) plus mindestens 1/2 Liter Wasser oder gespritzen Fruchtsaft zum Mittagessen. Bis am Abend werden’s dann nochmal 2–3 Gläser (0,5 Liter), und später folgt dann entweder ein Liter grüner Tee, 1 Liter Wasser oder 2–3 Bierchen (je 1l) oder entsprechend mehr, falls ich vorher trainieren war. Das macht dann zusammen 3,5 Liter Wasser pro Tag, und zwar sehr konservativ gerechnet. Warum ich dieses in Form von übermineralisiertem H20 aus hässlichen und umweltbelastenden Plastik-Gebinden zu mir nehmen sollte, wo in Wien doch bestes steirisches Hochquellwasser for free aus der Leitung rinnt, wird mir auf ewiglich ein Rästel bleiben. Aber 1,5 Liter? Sagt so die Ernährungswissenschaft? Gibt’s Menschen, die so wenig trinken? Oder sauf ich bloß wie ein Loch? Fragen über Fragen… wie halten Sie’s mit der Flüssigkeitsaufnahme, hochverehrte Leser und Leserinnen?

Die folgenden drei Preview-Videos zeigen erste Szenen aus dem offiziellen Olympia-Spiel. Beeindruckend finde ich vor allem die Bewegungsabläufe der virtuellen Sportler — wie gut sich das ganze dann aber tatsächliche spielt, wird erst die Praxis zeien, ein Augenschmaus dürfte aber garantiert sein:

Auf eu.blizzard.com gibt’s einen “Cineastic Trailer”, ein Gameplay-Video sowie einen Artwork Trailer zu bewundern sowie erste Screenshots, Beschreibungen der Charakterklassen und Hintergrundinfos zum Spiel. Keine große Überraschung ist die Grafik: Diablo 3 bleibt bei seinen Leisten und die sogenannten isometrische Perspektive (as opposed to Ego–Perspektive) feiert fröhlich Urständ’. Grafisch hat sich in der Zwischenzeit so einiges getan — schließlich sollten die neuen SLI-Grafikkarten ihre enorme Heizleistung nicht völlig grundlos verpulvern.

Caveat old folks: Die Flash-Seite verlangt die Eingabe des Geburtsdatums. Dabei gehen die Programmierer davon aus, dass sich ein 89jähriger keinesfalls für Orkschlachtungen interessiert: denn meine fiktives Geburtsjahr “1919” wurde nicht akzeptiert. Wer weiß, vielleicht hat ja das oberste Amt für Computerspielzensur beschlossen, nicht nur ein Mindest-, sondern auch ein Höchstalter vorzugeben… aber wie auch immer: die Stärke von Diablo lag ja immer in der Unkompliziertheit — sozusagen das ideale Einstiegsspiel für Pensionisten, die sich immer schon gefragt haben, warum manche Kids die Vollimmersion in virtuelle Welten dem Komatrinken vorziehen. Hack’n’Slay nennt man das Diablo-Prinzip übrigens im Jargon — gemeint ist damit der Verzicht auf jegliche Statistik–Frickeleien und sorgefältige Planung. Die Gegenstands-Sammelwut des streng linearen RPGs stand übrigens Pate fürs Genre-Schwergewicht WoW, und der Multiplayer-Modus ist schlichtweg legendär. Mal gucken, wann wir uns tatsächlich wieder auf den Weg durch Iso-Dungeons machen.

Slashdot schreibt dazu:

Interestingly, they correlate the results of this test with a number of statistics available from their server logs. Along with the geographical distinctions like city and country, the referrer and OS/Browser user-agent strings are also mined, to determine the Smartest Browser and OS.

Die komplette Ergebnisgrafik, die ab sofort auch laufend weitergeführt wird, findet sich hier — zur Executive Summary: am smartesten Antworten BenutzerInnen, die mit Safari auf AppleMac/Unix surfen mit einem Durschnitts-IQ von 104,85. Und auf den hinteren Rängen landen Firefox on Win95 (92,57), AppleMac-Safari und WinNT (91,43) und Netscape on Unknown (89,24). Opera-Surfer sind ganz gut mit dabei, mit MacPPC landen sie auf Platz 8 und erreichen 101,05, sogar mit der wicked combination Opera on Win98 reicht’s mit 100,90 Punkten gerade noch für Platz 10.

Btw: der 60-Sekunden Test ist wirklich unterhaltsam, für non-native Speakers allerdings recht unfair… ich find’s immer wesentlich schwieriger, Anagramme in Fremdsprachen zu lösen.

Ich persönlich bin ja hochgradig zufrieden mit den geometrischen Musterchen, die man im Backend frei farblich konfigurieren kann. Da aber MC-Escher’sche Muster zweifellos nicht jedermann/fraus Sache sind, hat Scott Sherill einen “Remix” angefertigt: WP_MonsterID funktioniert analog zum Original, allerdings mit einem kleinen, feinen Unterschied: anstatt Muster werden Monster generiert. Die haben einerseits einen recht hohen “Cuteness-Faktor”, andererseits passen sie grafisch vermutlich auch um einiges besser auf verspielte Blogs. Wie das ganze aussieht, verrät ein Blick in den Kommentarthread auf der Downloadseite.

Ich werd vorerst trotzdem beim Original bleiben — zumindest so lange, bis irgendein talentiert Grafiker WP_SkullID programmiert und jeder Besucher eine customized Totenschädel bekommt Bin auf jeden Fall gespannt, ob Scotts Idee weitere Plugin–Remixes inspiriert!

Bislang kam hier am Blog das Favatar-Plugin zum Einsatz: wenn ein User zu seinem Kommentar eine URL hinterlässt, dann checkt das Programm, ob unter der betreffenden Adresse ein sogenanntes Favicon hinterlegt ist — das sind die kleinen Grafiken, die von aktuellen Browser rechts neben der Seitenadresse angezeigt werden. Falls ja, wird dieses Icon als Avatar verwendet, ansonsten gibt’s keine grafische Repräsentanz.

Eine Alternative wäre WP-Gravatar: bei Gravatar.com kann sich jeder anmelden, ein Userpic hochladen und an die eigene E-Mail Adresse knüpfen. Seitenbetreiber können die Gravatars einbinden und so Usern ermöglichen, über verschiedene Blogs hinweg denselben Avatar anzuzeigen. In der Vergangenheit hatte der Service allerdings immer wieder mal Performanceprobleme, welche die Ladezeit gravierend verlängerten — dies ist mittlerweile behoben, allerdings funktioniert die Anzeige natürlich nur dann, wenn der betreffende Kommentator auch bei Gravatar.com registriert ist — ansonsten wird ein frei wählbares Platzhalterbildchen angezeigt.

Enter WP-Idencticon! Das Plugin zeigt wahlweise das Favicon bzw. das Gravatar-Bild an, so vorhanden — und falls nicht, wird für jede/n UserIn ein eindeutiger Avatar erstellt, und zwar anhand eines Algorithmus, der aus verschiedenen Formen und Farben abstrakte Userbilder erstellt:

So what is an Identicon? It’s a randomly generated assortment of shapes that is specific to a commenter’s email (or if you prefer IP address). Identicons allow visual representations of commenters without requiring any external sites or user interactions. With 40 possible shapes (about 70 with inversions) in 3 possible positions, around 8000 distinguishable colors and four different rotations for each part, there should be several billion possible shape combinations which, even with the increasing chance of overlap with each additional user, should be quite enough for almost any blog.

Das ganz kann in schwarzweiß etwa so aussehen:

Die Installation ist denkbar einfach — Plugin-Folder hochladen und den darin enthaltenen Subfolder identicon Schreibrechte am Server geben (unter Linux via chmod). Konfigurieren lassen sich alle Einstellungen unter “Settings/Einstellungen -> Identicon”. Hier wählt man die gewünschte Bildgröße und wahlweise eine fixe Farbe bzw. ein Farbspektrum für Vorder– und Hintergrundfarbe. Außerdem lässt sich hier bestimmen, ob die Bilder automatisch eingefügt werden sollen, oder man den Code lieber händisch ins Template integrieren möchte. (Praktisch, falls man zusätzliche CSS-Formatierungen, z.B. ein float-Attribut oder eine border einbauen will.)

Stellt man Farben bzw. Anzahl der Formen oder die Größe um, muss anschließend der Cache gelöscht werden — die Bilder legt Identicon im erwähnten Subfolder ab. Großartige Idee, denn so bekommt jeder Kommentator a Büdl, (wie man in Wien sagt) — und dank der flexiblen Farb– und Größenanpassung sollten sich die Identicons problemlos in jedes Template-Design integrieren lassen.