In einem früheren Beitrag beschrieb ich bereits wie man bei Dropbox bis zu 1GB durch Social Media Aktivitäten geschenkt bekommen kann. Nun wurde noch einer draufgelegt und eine kostenlose Speicheraufstockung um weitere 5 GB ist möglich.

Das Team von Dropbox hat einen Foto Service in ihre Cloud App eingearbeitet – Fotos können von Smartphones, Kameras und Speicherkarten direkt in die Wolke geladen werden und können je nach Auflösung viel Speicher benötigen. Dafür wird dem Benutzer mit der aktuellen Beta Version 1.3.12 mehr Speicher zu Verfügung gestellt.

Dropbox Download

Anleitung

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

Anfangszeiten mit Plugins

Vor einigen Jahren, als das iPhone rauskam fingen vor allem viele Blogger damit an ein “Design” für ihre Seite online zu stellen welches möglichst gut lesbar war. Dazu wurden Plugins installiert, welche ein mobiles CSS und passende Funktionen lud um sich den Anforderungen zu stellen: Die Seite sollte schnell geladen werden, die Artikel konnten gut und einfach gelesen werden und im Prinzip sollte jeder damit glücklich gewesen sein. Problem dabei – die eigene, visuelle Identität ging in sehr vielen Fällen verloren wie auf dem Bild links zu sehen.

Responsive Design mit Media Queries

Abhilfe schaffen die in CSS3 geschaffenen Media Queries. Dabei handelt es sich eigentlich um eine Erweiterung der Medientypen aus CSS2 (Screen, Print, etc.) durch weitere Angaben wie Breite oder Höhe eines Ausgabemediums.

Verfügbare Eigenschaften sind:

• Breite und Höhe des Browserfensters (width / height)
• Breite und Höhe des Gerätes (device-width / device-height)
• Orientierung (orientation: landscape / portrait)
• Bildschirmauflösung
• uvm.

Quelle und weitere Parameter: http://www.w3.org/TR/css3-mediaqueries/

Die Anwendung dessen ist eigentlich ziemlich Simpel gestaltet. Es gibt verschiedene Anwendungsfälle, entweder durch Einbinden externer .css Dateien

<link rel="stylesheet" media="screen and (min-device-width: 480px)" href="480.css" />

als auch durch direkte CSS-Anweisungen in den HTML Dateien:

@media only screen and (max-device-width: 480px) {   } 

So ist es sehr einfach möglich für die jeweils nötige Auflösung eine eigene CSS Datei anzulegen. Die modernen Browser, welche auch auf den aktuellen mobilen Endgeräten vorhanden sind erkennen die Weiche. Allen anderen, wie der alte Internet Explorer z.B. werden einfach auf die Standard CSS Datei geführt.

Wunderbare Beispiele für Mediaquerie Designs zur Inspiration kann man auf mediaquerie.es finden.

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

Der berufliche Teil ist etwas weitläufiger. Ich habe nach fast 4 Jahren als angestellter bei Lovibond gekündigt. Ich war dort in einer Inhouse-Abteilung verantwortlich für die Print- & Webdesignarbeiten, als auch für alle Coding-Aktivitäten rund ums Web & Intranet. In diesen 4 Jahren habe ich – dies war meine erste Position nach der Ausbildung zum Fachinformatiker in Fachrichtung Anwendungsentwicklung – sehr viel gelernt, sowohl im Print als auch im Web-bereich.

Vor 2 Jahren begann ich zudem meine Liebe zum Design weiter auszuleben und mich als Freiberufler zu betätigen. Ich habe vermehrt für Unternehmensgründer gearbeitet und für diese sowohl die Webauftritte, als auch die Geschäftsausstattungen entwickelt und umgesetzt. Ich habe in diesen Jahren auch hier sehr viel gelernt und viele nette Kunden kennen gelernt, bei denen ich mich nochmals sehr für die Zusammenarbeit bedanken möchte. Ein besonderer Dank geht dabei an Raphael Steinmann, Dietmar Bätzel, Yusuf Tombul und vor allem natürlich Eva Ihnenfeldt für die gute Zusammenarbeit.

Doch trotz all der schönen Erfahrungen war es an der Zeit für den nächsten Schritt. Der nächste Schritt heißt für mich adesso AG, laut Wikipedia Platz 22 der Top-IT Unternehmen in Deutschland mit insgesamt über 800 Mitarbeitern. Ich habe dort Anfang des Jahres eine Stelle als Webengineer angetreten und werde nun hoffentlich viele interessante und auslastende Projekte erleben und kennenlernen. Ich werde viel mit Techniken wie HTML5, CSS3, jQuery etc. in Berührung kommen und mein Fokus wird sich damit wieder vermehrt aufs Coding richten.

Ich hoffe nun wieder mehr für Chukki.de aktiv sein zu können und ein Teil meines Know-Hows an euch, die Leser, weitergeben zu können. Weiterhin viel Spass auf Chukki.de

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

Weitere Einssatzzwecke dieser Funktion sind z.B. Social Media Buttons: Wer einen hohen Wert auf diese Buttons legt, könnte sie rein theoretisch mit dem Benutzer beim Lesen mitfliegen lassen – so dass der User jederzeit die Möglichkeit hat die Buttons während des Lesens aufzufinden und den Beitrag zu teilen.

Ich habe das floating Menü (oder auch floating DIV) gestern hier auf Chukki.de eingebaut, wenn der User nun nach unten Scrollt bleiben ihm trotzdem die wichtigsten Funktionen erhalten – das Menü, die Suche und die Social Media Links. Auf einer Seite wie Chukki.de nicht unbedingt wichtig für ein gutes User Interface, aber ein Beispiel dafür wie man mit jQuery den Nutzwert einer Seite doch sehr leicht erhöhen kann.

HTML

...

<div id="float">Fliegender Content</div>

...

CSS

#float{width:300px; height:300px; background:red;}
.fixed{position:fixed; top:0; width:100%; z-index:100000000000;}

jQuery

$(document).ready(function () {
    $(window).scroll(function (event) {
        var y = $(this).scrollTop();
        var top = 163;
        if (y >= top) {
            $('#float').addClass('fixed');
        } else {
            $('#float').removeClass('fixed');
        }
    });
});

Im Prinzip ganz einfach: jQuery soll bei dem Event “Scroll” schauen auf welcher Höhe sich der User befindet. Mit der Variable “top” wird festgelegt ab welcher Höhe gescrollt werden soll – ist nun der User oberhalb dieses Wertes (also der Abstand nach oben hin größer als in “top” festgelegt), wird dem DIV Container “float” die CSS Klasse “fixed” zugewiesen. Per CSS teilen wir nun mit das die Position “fixed” sein soll, also feststehend – dadurch schwebt die Box mit dem User mit.

Ist der Benutzer nun wieder unterhalb des in “top” festgelegten Wertes wird die Klasse “fixed” wieder entfernt und der DIV Container verhält sich ganz normal wie man es gewöhnt ist.

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

Andere interessante Posts...

Andere interessante Posts...

Was ist für einen guten Webspace von Wichtigkeit?

• Hohe Erreichbarkeit
• Möglichst performant (wichtig für SEO)
• Aktuelle PHP / MySQL Version
• Unterstützung von Apache Modulen & htaccess
• Ausreichend Speicher
• Ein guter Preis
• Guter Service
• Übersichtliche Administrationsoberfläche

Bieten das nicht alle Webhoster?

Nein! Gerade erst habe ich mit erschrecken festgestellt das manch ein Webhoster den aktuellen Entwicklungen nachhinkt. So war bei einem Kunden die Installation von WordPress 3.2 nicht möglich, da die aktuellste PHP Version nicht vorhanden war. Ebenfalls konnte ich kein Backup mit dem von mir sehr stark favorisieren BackWPup erstellen und zu Dropbox schicken lassen, da der Webhoster keine gesicherte Verbindung zugelassen hat. Alles Ausschusskriterien, wenn man auf der Suche nach einer guten Lösung ist.

Meine Empfehlung

Ich bin derzeit selber noch bei einem anderen Hoster als den, den ich euch nun Empfehlen werde. Ich arbeite nun beruflich schon seit über 3 Jahren mit diesem Webhoster und habe mich erst vor kurzem selber entschieden das ich den Wechsel demnächst vollziehen werde. Die ganz klare Empfehlung geht in Richtung Hosteurope. Hosteurope bietet viel zu einem wirklich ansprechenden Preis. Angenommen ihr würdet euch für das Webpack L entscheiden, habt ihr dort für 5 Euro im Monat eigentlich alles was ihr braucht – 5GB Speicher, 10 Datenbanken, 24h Support, Traffic-Flatrate. Ebenfalls sehr gut ist das Admin Panel, welches sogar eine Umleitung der gehosteten Domains auf andere Server zulässt (nützlich z.B. beim Hosten eines tumblr Blog unter eigener Domain), ebenfalls nicht selbstverständlich wie ich vor kurzem wieder gemerkt habe.

Es mag noch viele weitere Hoster geben, die ähnlichen Service bieten, aber Hosteurope hat sich bei mir zur klaren Nr.1 gemausert, alleine dadurch das ich mitlerweile jahrelange Erfahrung mit ihnen habe und eigentlich noch nie enttäuscht wurde.

Chukki.de bei
Facebook | Twitter

Dieser Mailversand kann dann mit der Dauer und der Menge der Projekte doch gewaltig auf die Nerven gehen – wer möchte schon jeden Tag zig E-Mails mit dem Betreff “WordPress Backup vom….” bekommen? Eine wunderbare Backup Lösung für WordPress habe ich die letzte Woche gefunden: BackWPup.

Mit BackWPup ist es möglich das Dateien- und Datenbank-Backups zeitgesteuert an viele verschiedene Orte zu sichern, wie etwa in die eigene Dropbox (Wie bekomme ich mehr Dropbox speicherplatz?), zu Amazon S3 oder auf einem eigenen FTP Server – die Mail Funktion darf natürlich auch nicht fehlen, eben für die vollen Postfächer.

Gerade die Unterstützung für Dropbox ist ziemlich genial. So ist es möglich wenn man dezentralisiert im Team arbeitet jedem ein aktuelles Backup zur verfügung zu stellen. Sollte es zu einem Crash kommen ist jeder in der Lage den aktuellsten Stand aus der Cloud einzuspielen ohne vorher große Kommunikationswege gehen zu müssen.

Konfiguration

Die Konfiguration geht eigentlich relativ leicht von der Hand. Wie man es von den anderen WordPress-Plugins kennt die Datei herunterladen, entpacken und in den Ordner “wp-content/plugins” auf dem eigenen Server legen. Im WordPress Backend (wp-admin) BackWPup unter dem Menüpunkt “Plugins” aktivieren und anschließend unter “Werkzeuge -> BackWPup” konfigurieren.

Im Menü von BackWPup sieht man dann die Vollständige macht, welche dieses Plugin bietet. Über “Neu Anlegen” muss ein neuer Auftrag erstellt werden. Hier kann man nun vielfältige Einstellungen vornehmen – wohin möchte ich das Backup sichern, wann und wie oft soll es gesichert werden, sollen nur die Dateien oder auch die Datenbank gesichert werden? Und und und… viele viele Möglichkeiten.

Meine Empfehlung ist es 2 verschiedene Aufträge anzulegen. Ein Auftrag für die Datenbank mit täglicher Sicherung und eine Wöchentliche Sicherung mitsamt der Daten. Dazu kann unter “Auftrags-Typ” eingestellt werden welche Daten gesichert werden sollen. Ein Stück tiefer kann dann der Ort ausgewählt werden. Für die Dropbox wird OAuth genutzt, d.h. die Login Daten müssen nicht hinterlegt werden, sondern der Zugang wird durchgereicht durch eine Freigabe von Dropbox für dieses “App”. Wichtig ist dabei noch die Anzahl der Datensicherungs-Dateien einzustellen. Ich habe dies meist auf 7 oder 10 stehen, so hat man immer die Chance noch ein paar Tage rückläufig auf diese Sicherung zuzugreifen.

Fazit

Insgesamt bietet BackWPup eigentlich alles was man sich wünschen kann. Dezentrale Sicherung, zeitgesteuert und nach einmaligem anlegen der Aufträge ohne weitere Arbeit für den Benutzer. Einziger Wehmutstropfen ist für mich das ich auf 1 von 5 Server nicht in Richtung Dropbox speichern kann und dort die Fehlermeldung [FEHLER] Dropbox-API-Schnittstelle: Invalid signature. bekomme. Bisher habe ich noch keine Lösung gefunden, vlt. könnt ihr mir ja helfen?

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

Das Design lässt sich eigentlich sehr leicht durch einen zusätzlichen Aufruf von ein paar CSS Klassen regeln, ist von Facebook selber jedoch schlecht bis garnicht dokumentiert.

Wichtig: Um das Design anzupassen muss das alte fb:fan anstatt des neuen fb:like-box benutzt werden, denn dort hat Facebook die Designanpassungen bisher nicht unterstützt. Die etwas ältere Facebook Lib wird geladen und mit der “profile_id” wird eure Fan-Site mitgegeben – diesem Code muss lediglich der Link zur CSS Datei hinzugefügt werden (css=”fb.css?1″):

Umsetzung

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/de_DE"></script>
<script type="text/javascript">FB.init("1690883eb733618b294e98cb1dfba95a");</script>
<fb:fan profile_id="1149798085427047" stream="0" connections="8" logobar="0" width="253" height="220" css="fb.css?1"></fb:fan>

Dies sagt dem Facebook Frame das er die Datei fb.css für die Styleinformationen nutzen soll. Mit der ?1 wird lediglich der Revisionsstand der Datei angezeigt. Solltet ihr also ein Update machen wollen, einfach durch ?2 erneuern und die Datei wird neu geladen, ansonsten werden die CSS informationen gecached.

Nun kommen wir zur .css Datei – mit Firebug für Firefox, Chrome o.ä. könt ihr euch die Klassen im Detail anschauen. Ich habe mal eine Beispieldatei mit einigen ID’s und Klassen angelegt, welche den Rahmen entfernt und den Inhalt etwas cleaner macht, so das nur noch der Like Button, das Profilbild , etwas Text und die Profilbilder der nutzer angezeigt wird.

.fan_box a{
	color:#257580;
}
.fan_box{height:160px !important; }
.fan_box .full_widget{
  border: 0 !important;
  background: none !important;
  position: relative;
}
.fan_box .connect_top{
  background: none !important;
  padding: 0 !important;
}
.fan_box .profileimage, .fan_box .name_block{
  color:#2d8f9e;
  font-size:14px;
}
.fan_box .connect_action{
  padding: 0 0 10px 0 !important;
}
.fan_box .connections{
  padding: 0 !important;
  border: 0 !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
}
span.total{
  color: white;
}
.fan_box .connections .connections_grid {
  padding-top: 10px !important;
}
.fan_box .connections_grid .grid_item{
  padding: 0 10px 10px 0 !important;
}
.fan_box .connections_grid .grid_item .name{
  font-family: Helvetica;
  font-weight: normal;
  color: #282828!important;
  padding-top: 1px !important;
}

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

In der neusten Version von Chukki.de, welche seit gestern online ist, habe ich nun auch erstmals darauf gesetzt um Gallerien und Twitter Status-Updates einzubinden. Das schöne daran ist die Tatsache das es nicht immer ein komplett neuer Blogbeitrag sein muss um die Seite am leben zu halten. Ein Statusupdate bei Twitter oder ein paar geschossene Fotos sind schneller mal angelegt als ein Tutorial über jQuery Funktionen o.ä.

Tumblr ist dafür gerade durch diese Funktion bekannt geworden zwischen den Post Types zu unterscheiden und hat sich auch deswegen von WordPress.com immer stärker differenziert. Hier hat WordPress nun endlich nachgezogen und ein schönes Stilmittel bereitgestellt. Einfach mal kurz einen Link Posten, den letzten Twitter Statusupdate, oder ein paar geschossene Hipstamatic Fotos – all dass ist nun ganz leicht einbindbar.

WordPress unterscheidet dabei zwischen verschiedenen Formaten:

• standard – Ein normaler Blogbeitrag
• aside – Typischer Beitrag nur ohne Title
• gallery – Eine Gallerie von Bildern, einzubinden per Gallery Short Code
• link – Ein Link zu einer anderen Seite. Kann durch Plugins z.B. so getaltet werden wie bei Facebook das eine kurzvorschau des Links dargestellt wird.
• image – Ein einzelnes Bild, entweder der erste img HTML Tag im Beitrag oder eine URL.
• quote – Ein Zitat, am besten im “blockquote” HTML-Tag mit der Quellenangabe, etc.
• status – Kurzer Statusupdate, ähnlich zu Twitter
• video – Ein Youtube, MyVideo oder Vimeo Video, direkt eingebunden oder auch einfach nur per Link
• audio – Eine Audiodatei, wie etwa ein Podcast.
• chat – Ein Chat Verlauf zwischen 2 oder mehreren Chatpartnern.

Die Umsetzung

Die Umsetzung ist mit ein wenig WordPress Kenntnis eigentlich leicht machbar, zuerst muss in der functions.php die Funktion “freigeschaltet” und anschließend in den Theme dateien der Support für die Formate bereitgestellt werden.

Functions.php

add_theme_support( 'post-formats', array( 'aside', 'gallery' ) );

Hier wird der Support für die Funktion bereitgestellt in dem array() müssen die Formate eingestellt werden welche später genutzt werden sollen. Die Parameter entsprechen der Auflistung oben.

Index.php, Single.php, Archiv.php, Search.php

if ( has_post_format( 'status' )) {
  echo 'Das ist ein Twitter Statusupdate';
}

In den Theme Dateien könnt ihr nun die Formate abfragen und je nach Typ drauf reagieren. Dies ist ganz einfach per if Abfrage möglich. Wichtig ist daran zu denken das auch die Archiv.php, Search.php, etc. abgearbeitet werden, denn sonst könnte es zu einem unschönen Effekt kommen.

Design

Ein besonderes Merkmal der Post-Formats ist die Unterscheidung per Icon, auch dies ist bekannt geworden durch die Tumblr Blogs. So kann jedem Format eine eigenes Icon bereitgestellt werden um schnell zwischen den Typen differenzieren zu können. Ich habe auf Chukki.de vorerst nur 2 Icons im Einsatz, eins für die Gallerie und eins für Twitter – für weitere Inspirationen könnt ihr mal bei Elmastudio vorbeischauen.

Einsatz

Um die Post Formats zum Einsatz zu bringen müsst ihr nun ganz einfach beim erstellen eines neuen Beitrages im WordPress Backend das Format einstellen. Die Liste an Formaten beinhaltet alles was ihr vorher in der functions.php vorgegeben habt. Wichtig ist nach wie vor das ihr auch für jedes Format den Code angepasst habt. Viel Spass damit.

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

Andere interessante Posts...

Andere interessante Posts...

Die schier unendliche Anzahl an Fotografie Apps fürs iPhone lassen aus der Kamera des iPhones ein Spielzeug für jedermann werden. Ob nun Incredibooth um Fotos im Fotokasten Stil zu erstellen, 360° oder Pano um Panorama Fotos im 360° Winkel zu schießen oder Camera+ von TapTapTap um ein möglichst professionelles Ergebnis zu erreichen – es scheint kein Ende bei den Fotografie Apps zu geben. Doch ein App sticht deutlich aus der Menge hervor und ist ein dauerrenner: Hipstamatic. Es hat sich quasi eine Art Hype um dieses App ergeben – fast jeder der ein iPhone hat kennt es und wer es noch nicht hat, lässt sich schnell davon begeistern.

Der Unterschied liegt im Interface

Doch warum ist das so? Die Möglichkeiten die Hipstamatic bietet, bieten auch zahlreiche andere Apps… ein paar nette Filter, ein paar Fotorahmen und schon ist das Retro Foto geschossen. Hipstamatic macht genau eine Sache deutlich anders und hochwertiger: Das App-Interface. Hipstamatic macht dem Benutzer spass, weil die App an die Original Hipstamatic erinnern lässt. Man hat die Möglichkeit Filmrollen “einzulegen”, verschiedene Blitz-Module aufzustecken und und Objektive aufzustecken. All diese Komponenten ergebn zusammen jeweils ein anderes und einzigartiges Ergebnis – genau da liegt der Spass in dem ganzen. Einer der schönsten Funktionen ist die Möglichkeit das iPhone zu schütteln… dann wird ein “Randomizer” in gang gesetzt der eine zufällige Kombination aus allen Komponenten erstellt – die Hipstamatic wird dadurch zur neuen Partycam und ersetzt in gewisser Art und Weise die alten Polaroids.

Erweiterbarkeit per In-App Kauf

Die Möglichkeiten von Hipstamtic lassen sich durch In-App Käufe noch erweitern. Es gibt mitlerweile 6 Erweiterungspakete zu je 0,79€ um neue Blitze, Filmrollen und Objektive zu erhalten mit denen man noch mehr Möglichkeiten hat. Ich habe mir alle gekauft, muss allerdings sagen das ich die im App enthaltenen immer noch bevorzuge und diese die höchste Qualität aufweisen. Mit einigen Paketen kommen auch neue Gehäuse-Farben für die Hipstamatic mit, so das ihr anschließend eine goldene oder weiße Kamera in euren Händen halten könnt.

Hipstamart

Und um das ganze komplett zu machen bietet der Entwickler mit dem “Hipstamart” mitlerweile auch einen Druckservice und Zubehörshop an. Es gibt ein Case für das iPhone 4 und den iPod Touch der die Rückseite der Apple Hardware in eine Hipstamatic Cam verwandeln. Für mich war der der Druckservice ein willkommener Dienst – ich finde es schön die geschossenen Werke auf Papier zu bringen und an die eigene Pinnwand zu hängen. Ich habe mir dieser Tage 27 Fotos in 4 Inch Größe (10*10cm) bestellt, da die Fotos aus Amerika kommen wird sich die Lieferzeit etwas hinziehen. (Update: Die Bilder waren unglaublicherweise schon 3 Tage nach der Bestellung angekommen) Der Preis ist mit 4,99$ pro 9 Fotos auch überschaubar, da es sich um ein ungewöhnliches Foto-Format handelt (Quadratisch) welches es bei den meisten Fotodiensten ansonsten so nicht zu kaufen gibt. Desweiteren gibt es noch die Fotos in 7, 10 und 30 Inch also bis zu Postergröße, die Preise entnehmt ihr dafür am besten der Tabelle auf der Website.

Die Versandkosten könnt ihr euch mit dem Hipstamart-Coupon “GDAYMATES” sparen und das (bisher) bei jeder Bestellung, also mehrfach anwendbar. Viel Spass damit!

Beispielfotos

Hier noch eine kleine Sammlung an Fotos die ich mit der Hipstamatic geschossen habe:

Download

Hipstamatic im App Store (1,59€)

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...

Andere interessante Posts...

Andere interessante Posts...

Erstmals sprach mich Eva Ihnenfeldt Mitte 2010 auf einen Newsroom an. Sie hatte bis dato einen Blog – die SteadyNews, einen Newsletter und ist in vielen Netzwerken wie Facebook, Twitter oder Xing vertreten. Überall pflegte sie Inhalte und vernetzte sich mit Fans, Business Partnern und Lesern. Ihre Idee war es diese Inhalte wieder zurück auf die Seite zu holen und diese dort zu bündeln um den zahlreichen Besuchern der Seite alle Informationen an einer Stelle anzubieten.

Schnell fande wir einige Beispiele für Social Newsrooms wie etwa den vom Vapiano oder die vom PR-Blogger zusammengefassten Beispiele. Was mir persönlich an diesen Beispielen oftmals missfällt ist die Tatsache das sehr wenig Wert auf das äußere gelegt wird. Es entwickelt sich der Eindruck als ob hier das Internet neu starten würde – Sozial, aber im Gewand aus dem Jahr 2000.

Welche Funktionen?

Die wichtigste Frage die sich zuerst gestellt werden muss ist die Frage nach den Netzwerken und Funktionen – welche will ich wie einbinden? – Facebook? Twitter? Youtube? Flickr? Ein Newsletter? ein Podcast? Es gibt zahlreiche Möglichkeiten Inhalte von den Seiten wieder zurück auf die eigene zu bringen – immer im Auge sollte man die Usability haben. Der Benutzer hat nichts von all diesen Inhalten wenn er aufgrund von Überfrachtung nichts mehr auf der Seite findet.

Die Möglichkeiten

Facebook
Bei Facebook sind die Möglichkeiten eigentlich die größten. Die Fanpage kann eingebunden werden, so dass die Besucher direkt über die Seite Fan von euch werden kann. Die Beiträge können “geliked” (Gefällt mir), werden. Und die Kommentare können von der Facebook Fanpage zurück auf die eigene Seite gebracht werden.

Twitter
Twitter erlaubt ganz klassisch die Möglichkeit die geschrieben Tweets auf der Seite darzustellen. Andersherum ist es natürlich möglich die Beiträge die im Blog geschrieben wurden nach Twitter zu posten und dadurch Besucher zu generieren. Ebenfalls gibt es die Möglichkeit wie bei Facebook einen Button einzubinden welcher es den Benutzern erlaubt den Beitrag bei sich in die Twitter-Timeline zu posten.

Xing
Hier sind die Möglichkeiten leider sehr begrenzt. Mehr als ein Link per Social Media Icon ist aktuell nicht möglich.

Flickr
Auch Flickr hat eine schöne API die es erlaubt die Fotos von Flickr in den eigenen Newsroom zu “exportieren”. So werden immer die aktuellsten Fotos dargestellt.

Youtube
Ähnlich wie Flickr gibt es die Möglichkeit die Videos in die Seite einzubinden oder aber auch nur eine Liste der eigenen Videos zu generieren.

Newsletter
Für den Newsletter benutze ich sehr gerne Mailchimp. Mailchimp hat weitreichendere Möglichkeiten als die meisten anderen Newsletter Dienste. So kann z.B. das Newsletter-Archiv per Plugin auf die eigene Seite geholt werden ohne das man es selbst Pflegen muss, ein weiterer netter dienst am Besucher. In Mailchimp selber gibt es die Möglichkeit einen “Like” und “Tweet” Button unter jedem Beitrag einzubinden und dies dann auch zu Tracken per “Social PRO”.

Sonstiges
Ansonsten sollte man auf jeden fall den RSS Feed Sichtbar einbinden um viele dauerhafte Besucher zu generieren. Ein weiterer netter Social Dienst ist Flattr (Social Payment), so könnt ihr die Inhalte die ihr bereitstellt von den Besuchern (freiwillig) bezahlen lassen. Wie das genau Funktioniert werde ich in einem späteren Beitrag noch erläutern.

Beispiele

SteadyNews
Die SteadyNews haben eine Portalseite mit der Einbindung von Facebook, Twitter, Flickr, Mailchimp und Youtube. Zudem wird viel Wert auf die Interaktion mit den Besuchern gelegt.

Vapiano
Das Vapiano bindet eine Karte aller Restaurants ein, legt viel Wert auf die eigenen Blogbeiträge, welche zum Teil sogar aus den Restaurants selber kommen. Bilder und Videos kommen von Flickr und Youtube.

Westaflex
Westaflex, u.a. Hersteller von Rohren oder Klimatechnik hat einen sehr kompakten, aber schönen Newsroom. Das Hauptaugenmerk liegt auf einem Videobeitrag von Youtube. Desweiteren ist Flickr, Twitter, ein Blog und ein Podcast eingebunden.

Electrolux
Electrolux, ein bekannter Saubstaugerhersteller hat seinen Newsroom etwas anders aufgebaut. Er wirkt eher wie ein Magazin oder einer Zeitung. Die Beiträge werden Kategorisiert und es gibt einen großen Aufmacher. Jedem Beitrag ist die Möglichkeit bereitgestellt den Beitrag in den Social Networks zu posten oder per Mail an einen Freund zu schicken.

Sinnvoll für die Zukunft oder kurzzeitiger Trend?

Ansich bin ich ein großer Fan von Social Newsrooms – sie verbinden die Inhalte von den ganzen verschiedenen Seiten auf einer einzelnen Seite. Für alles was man bei Youtube, Flickr, Facebook, etc. bereitstellt hat man Zeit investiert die man nicht in den eigenen Blog stecken konnte. Alles Zeit die je nachdem welches Business man betreibt auch Geld Wert ist. Gerade für Firmen die Presseberichte bereitstellen, sich in den Social Networks nah am Kunden bewegen ist dies eine nette Möglichkeit die eigenen Aktivitäten zu unterstreichen.

Ob es nur ein Trend ist oder etwas für die Zukunft wird sich daran scheiden wie sich die Netzwerke entwickeln. MySpace und die VZ-Netzwerke sind auf dem absteigenden Ast und haben keine wirkliche Bedeutung mehr im Netz – sollte dies anderen Netzwerken auch passieren und langfristig das Interesse daran vielleicht ganz schwinden wären natürlich auch die Newsrooms tot. Eine Vorraussage ist hier nur schlecht möglich, wie immer ist das Web im dauerhaften Wandel und nur die Zukunft kann zeigen ob sich so ein Newsroom (ge)lohnt (hat).

Chukki.de bei
Facebook | Twitter

Andere interessante Posts...