Bei vielen Webmastern ist der Datenschutzgedanke inzwischen in den Hintergrund getreten und die Social-Media-Buttons wieder auf der Webseite gelandet. Andere Webseitenbetreiber haben aber auch in den letzten Jahren dazugelernt und lassen die Buttons weiterhin außen vor, setzen aber auf selbst gebaute Alternativen zu Heises 2-Klick-Buttons oder binden andere Social-Media-Plugins ein. Für Facebook gibt es unzählige solche Lösungen, ich für meinen Teil hatte mich nach einigen Testläufen für den SocialMediaEnhancer entschieden. Das Plugin fügt schlichte Buttons für Google+, Facebook, Twitter, LinkedIn, Pinterst oder auch Xing ein, ohne dass JavaScript benötigt wird.

Nun hat Heise im Dezember aber nachgelegt und mit Shariff einen Nachfolger für die 2-Klick-Buttons losgelassen. Die Technik ist auch schon auf der Heise-Seite im Einsatz, so könnt ihr selber einen ersten Eindruck machen. Der Code zu Shariff liegt auch wieder offen und kann von GitHub geladen werden. Shariff lässt sich daher sehr gut in eigene Projekte integrieren. Für Blogger, die mit WordPress arbeiten, gibt es bereits auch schon zwei Shariff-Plugins: Shariff und Shariff-Sharing, wobei Shariff-Sharing direkt von Heise-Entwickler Yannik Ehlert stammt.

Ich habe beide Plugins mit Erfolg hier im Blog kurz getestet, die Unterschiede sind im Endeffekt nicht sonderlich groß. Beide Plugins lassen sich über das Backend von WordPress sehr einfach konfigurieren und aktivieren. Ihr habt die Wahl zwischen verschiedenen Stilen und könnt auswählen, welche Netzwerke angezeigt werden sollen. Allerdings lässt sich das „Original“ nicht frei im Template platzieren. Ihr habt nur die Möglichkeit die Buttons vor oder nach dem Artikel einzublenden.

// Shariff mit Standardeinstellungen...
<?=do_shortcode('[[shariff backend="on"]]')?>
// Shariff mit in weiß und mit Facebook, Twitter und Google+...
<?=do_shortcode('[[shariff theme="white" services="facebook|twitter|googleplus" backend="on"]]')?>

// Beispiel aus der content-single.php meines Templates...
<div class="social-info">
<h2>Das war interessant? Sag es weiter!</h2>
<div id="shariff-text"><p>Dieser Beitrag hat dir gefallen? Teile ihn mit deinen Freunden, Danke!</p></div>
<div id="shariff-social-buttons">
<?=do_shortcode('[[shariff services="facebook|twitter|googleplus" backend="on"]]')?>
</div>
<div style="clear:left"></div>
</div><!-- end social-info -->

Shariff“-ohne-Sharing“ hingegen bietet mit den den obigen Shortcodes auch die Option die Buttons an einer beliebigen Stelle einzubauen — so habt ihr deutlich mehr Kontrolle über das Geschehen, demzufolge ist das Plugin auch bei mir Favorit. Für das Shariff-Plugin von Heise habe ich für diese Funktion einen Feature-Request eingereicht. Eine Übersicht über alle Argumente findet ihr auf der Homepage des Entwicklers. Die Buttons lassen sich selbstverständlich auch per CSS an das eigene Design anpassen.

Wie dem auch sei, neben den Kommentaren im Blog wird ja auch auf Google+ oder Facebook über die Beiträge kräftig gesprochen, wäre es da nicht interessant diese Konversationen ebenfalls direkt auf der Webseite zu haben? Mit dem WordPress-Plugin Google+ Comments for WordPress ist das nun möglich. Das Plugin integriert die G+ Kommentare, Facebook, Disqus, die Kommentare im Blog selber und auch die Trackbacks als Reiter in das Kommentar-Feld ein. Eine Demo wie das ganze funktioniert kann man sich auf der Seite des Entwicklers unter CloudHero ansehen.

Ich für meinen Teil werde davon jedoch die Finger lassen, auch wenn auf den Google+ bzw. Facebook-Seiten des Blogs doch auch Einiges diskutiert wird. Schließlich kann man hier im Blog Anonym und ohne Anmeldung Fragen und Kommentare hinterlassen, nicht einmal eine E-Mail ist Pflicht, das will ich eigentlich auch in Zukunft so belassen.

Seit WordPress 2.9 gibt es die Möglichkeit jedem Beitrag im Blog ein Post Thumbnail zu verpassen. Ich finde die Funktion klasse, da sie jedem Beitrag einen visuellen Anker gibt, der dem Leser in Erinnerung bleibt, auch wenn er den Beitrag an sich schon wieder vergessen hat. Viele WordPress-Templates, wie auch das von mir hier benutzte Yoko nutzen diese Funktion daher auch, und zeigen brav neben dem Beitrag das von mir ausgewählte Bild.

Schön wäre es nun auch, dass diese Bild beim Teilen eines Beitrags auf Facebook, Google Plus und Co. auch als Vorschau angezeigt werden würde, was bei mir hier im Blog leider nicht der Fall war. Anstatt das eigentliche Artikel-Bild schnappte sich Google Plus die Header-Grafik des kompletten Blogs. Man musste dann immer erst von Hand das eigentlich richtige Bild auswählen.

Um nun Google+ automatisch das richtige Bild zu verklickern, empfiehlt das Netz an vielen Stellen das Meta-Tag <link rel="image_src" href=example.jpg"> in den Header einer jeden Seite zu packen, das funktioniert und ist auch recht einfach in euer WordPress-Template implementiert. Öffnet einfach die header.php aus eurem Theme und fügt im <head>...</head>-Bereich der Datei die folgenden Zeilen ein.

<!--?php if (is_single() && has_post_thumbnail() ) { $image_url = wp_get_attachment_image_src( get_post_thumbnail_id() ); ?-->
	<link href="&lt;?php echo $image_url[0] ?&gt;" rel="image_src" />
<!--?php } ?-->

Das funktioniert zuverlässig, allerdings kann man sich auch der Facebooks Open-Graph Tags bedienen und so gleich zwei Fliegen mit einer Klappe schlagen. Die Tags verklickern Facebook ein paar Details über den Link, so dass Facebook beim Verlinken gleich ein paar Meta-Informationen wie Sprache, Artikel-Auszug, Änderungs-Datum usw. mitbekommt. Google übernimmt zumindest die Bild-URL des Artikelbilds, so dass man eben mit den Open-Graph-Tags gleich bei sozialen Netze mit zusätzlichen Meta-Infos beim Verlinken versorgt.

Für WordPress gibt es nun zahlreiche Plugins, mit denen Ihr die Open-Graph-Meta-Tags in euer Blog bekommt. Um mein Problemchen hier zu lösen hatte ich ein paar der Plugins ausprobiert und bin am Ende beim WP Open Graph Meta hängen geblieben, da das Plugin nicht konfiguriert werden wollte und die erzeugten Tags auch sofort den Facebook Object Debugger zufrieden stellten. Vom Plugin bekommt Ihr im Betrieb des Blogs nicht mit, nur im Quellcode der Seite und eben im Object Debugger finden sich nun die entsprechenden Tags.

<meta content="Google Plus das richtige Thumbnail für Links geben" />
<meta content="article" />
<meta content="http://linuxundich.de/de/?p=19163" />
<meta content="Als Blogger betrachte ich das Treiben in den sozialen Netzwerke wie Facebook oder Google+ mit einem lachenden und einem weinenden Auge. Zum einen führen mit dir Netze viele, viele Besucher zu, an manchen Tagen kommen locker schon mal drei, vier … Weiterlesen &#8594;" />
<meta content="Linux und Ich" />
<meta content="de_de" />
<meta content="http://linuxundich.de/wp-content/uploads/2012/06/googleplus_square.png" />
<meta content="Facebook" />
<meta content="Google Plus" />
<meta content="Wordpress" />
<meta http-equiv="X-XRDS-Location" content="http://linuxundich.de/?xrds" />
<meta http-equiv="X-Yadis-Location" content="http://linuxundich.de/?xrds" />

Letztendlich klappt das Übernehmen des Bildes nun auch bei Google Plus. Verlinkt Ihr einen Artikel dort, erscheint nun automatisch das richtige Bild und nicht mehr der hässlich verkleinerte Header. Mir erspart die Sache nun beim Anteasern der Artikel auf Google+ ein kleines bisschen Arbeit das richtige Bild rauszusuchen und — was ich eigentlich viel wichtiger finde — Leser, die den Beitrag eben mögen und teilen möchten, präsentieren den Link in ihrer Google+ oder Facebook-Timeline gleich automatisch mit dem richtigen Bild, was doch gleich einen deutlich besseren Eindruck macht.

Etwas umständlich ist es jedoch noch interessante Kandidaten für die eigenen Kreise zu finden. Klar, Freunde und Bekannte oder „Promis“ sind schnell gefunden, doch was ist wenn man weitere Linux- oder Ubuntu-User für einen „Linux-Kreis“ sucht? Da es noch keine Hash-Tags gibt und man Google+ auch noch nicht wirklich durchsuchen kann, ist es etwas mühsam Kontakte aufzubauen. Ich hab den Luxus, dass mir mittlerweile recht viele Leute mit dem Interesse Linux/Ubuntu folgen und ich einige auch schon in einen Linux-Kreis gepackt habe, aber dieser ist nur für mich sichtbar.

Daher finde ich die Idee des Google+ Counters ganz praktisch Listen zu verwalten, in denen man Interessengruppen verwalten kann. Ich habe für die deutschsprachigen Linux-User aus Deutschland, Österreich und der Schweiz einmal solche Listen erstellt. Noch habe ich sie nur mit ein paar „Demo-Usern“ ausgestattet, doch ihr könnt euch selber in die Listen eintragen…

• Linux User DE (Passwort: linuxuser)
• Ubuntu User DE (Passwort: ubuntuuser)

Die Listen sind öffentlich zugänglich und können von jedem Websurfer eingesehen werden, so dass ihr recht bequem interessante Mitglieder dann zu euren Kreisen hinzufügen könnt. Um die Listen auszubauen hoffe ich nun auf eure Mithilfe, ihr könnt euch nämlich selber zu den Listen hinzufügen. So bekommen wir hoffentlich eine brauchbare Linux-Community bei Google+ zusammen.

Damit ich nun nicht tagelang damit beschäftigt bin, Google+ Profile zu sichten und freizuschalten, habe ich das Eintragen in die Listen für jeden User freigeschaltet. Um euch (oder andere interessante User) auf einer der Listen einzutragen, müsst ihr einfach nur unten auf „Add members or edit it“ klicken, das entsprechende Gast-Passwort eingeben (siehe oben) und dann euer Google+ Profil als neues Mitglied der Liste eintragen.

Mit diesem Gast-Passwort kann man nur weitere Google+ Profile zur Liste hinzufügen, solange mit der Anmeldung kein Schindluder getrieben wird, werde ich diese Einstellung beibehalten, so bleibt der Aufwand die Listen auszubauen recht überschaubar.

Abschließend vielleicht noch ein Wort über den Kreis der User, die in diesen Listen vertreten sein sollten. Es sollen Listen an Google+ Profilen entstehen, die in der Tat auch etwas übe Linux oder Ubuntu zu sagen haben. Wer einfach nur Interesse an Linux hat, aber ansonsten auf Google+ nur über das Wetter in Itzehoe schreibt, ist auf diesen Listen falsch vertreten. Ab und an werde ich die Listen daher mal durchsehen und prüfen ob die dort eingetragenen User auch wirklich was zum Thema Linux schreiben.

…und sich anmelden. Laut Google können sich über den Link 150 Leute ihre Account bei Google+ freischalten. Wer will und mag kann mich dann auch gleich in seine Kreise ziehen. Entgegen Facebook, Twitter, Identi.ca und Co. die ich wirklich nur noch als reine Newsticker für Linux und Ich verwende werde, gibts auf Google+ Interaktion mit mir. [UPDATE 7.8.2011: Meine 150 Einladungen sind bald weg. Daher sammle ich hier an diese Stelle mal Links aus der Community… Link1, Link2, Link3 usw…]