Vor ungefähr zwei Jahren bin ich auf das Blog von Paul Stamatiou gestoßen. Einem 23 Jahre alten Webentwickler und Georgia Tech Absolventen.

Paul hat zusammen mit einigen anderen auf dem Startup Weekend Atlanta seine Idee von einer Plattform verwirklicht, die einem dabei helfen soll seine “Schreibblockade” loszuwerden. Dabei geht es nicht um eine abgefahrene Droge sondern um ein Webportal, auf dem Leser eines Blogs, Ideen zu neuen Artikeln empfehlen können. Genauer hat er das in seinem Posting 2007 erklärt:

Skribwhat?

Instead, Skribit provides bloggers and readers with a unique form of interaction. Bloggers put our widget module on their blog and readers may suggest (anonymously or through an account) article topics through it. Readers can also vote for these topics. However, the widget does not just show the top 5 post suggestions. There is an algorithm behind it that displays suggestions that are hoppin’ based on recency, number of votes and a few other factors.

Furthermore, the Skribit homepage will become a portal for showcasing the popular suggestions across all genres of blogs. I envision it being the place to go for “tomorrow’s news”. At the moment, we are focused on nailing the blogger-reader interaction aspect and will expand from there. Many people have asked me how we plan to make money and to that my reply is that we have a business plan but it won’t come into play just yet.

Ich verfolge Pauls Postings, Tweets und Flickr Photos schon lange und finde es sehr interessant, was so über die Zeit aus Skribit geworden ist. Auch wenn ich mir am Anfang noch nicht ganz vorstellen konnte, wie es sich über die Zeit entwickelt, so ist aus dem ganzen doch schon ein interessantes Projekt geworden. Nachdem nun Skribit aus der Beta Phase raus ist und “offiziell” gelaunched ist, hat auch TechCrunch darüber berichtet und so erstmal direkt Traffic auf die Seite geschickt.

Das praktische an Skribit ist die Integration in den eigenen Blog über ein Sidebar Widget oder eine kleine Grafik am Rand des Browserfensters (so wie hier auf Designpicks). So ist es einfach für den Besucher, Aritkelwünsche oder Ideen zu äußern. Auch wenn diese Dinge über ein normales Kontaktformular entstehen könnten, finde ich die Lösung über Skribit viel praktischer.

Ihr könnt es ja einfach mal hier ausprobieren, oder in euren eigenen Blog integrieren. Mich würde interessieren was ihr darüber so denkt und wie eure Einschätzungen zu Skribit sind?

Es ist still um Google Wave geworden. Anfangs als Google’s neues Killer-Produkt und potentieller E-Mail Ersatz gepriesen setzt nun die große Ernüchterung ein. Sooo überragend ist der Dienst doch gar nicht. Doch woran liegt das?

Wave ist noch immer invite-only & beta, die breite Masse hat damit also noch keinen Zugriff. Diejenigen, die Google Wave schon jetzt nutzen, sind überwiegend “Digital Natives”, also junge Leute die in das Internetzeitalter hineingeboren wurden. Ein Großteil von ihnen hat sich wahrscheinlich auch bei Google als Beta-Tester beworben und hat somit hohe Ansprüche an den Dienst. Google’s Vorstellungsvideo verspricht ja aber auch einiges.
Doch Fakt ist, dass wir bisher auch ohne Google Wave ganz gut zurechtgekommen sind. Kommunikation läuft über E-Mail, XING oder Facebook. Wieso sollte man auf einmal seine Gewohnheiten ändern und einen Teil der Nachrichten über Wave statt über Facebook verschicken? Zumal ca. 95% der Freunde noch gar keinen Google Wave Account besitzen.

Auch Kundenkommunikation wird nicht einfach von E-Mail auf Wave umspringen nur weil Google das so möchte. Ich denke der Dienst braucht einfach ein wenig Zeit und eine Menge neuer Plugins und Dienste die auf Wave basieren. Also frisch ans Werk!

Achja, wir haben auch noch 15 Invites zu vergeben. Also wer hat noch nicht, wer will nochmal? :> Sendet bitte eine E-Mail an designpicks ÄT gmail.com, wir laden euch dann ein.

Manche Nutzer betreiben auch eine private Website im Internet. Die Attraktivität einer Website hängt, genauso wie das Profil in einem Netzwerk, von der Qualität der Inhalte ab. Die regelmäßige Pflege beider Seiten kann sehr aufwändig sein und viel Zeit kosten.

Wir wollen drei Möglichkeiten aufzeigen, wie man Inhalte von Social Media Diensten auf der eigenen Homepage einbinden kann. Allerdings empfehlen wir dies nur für versierte Internetuser, die sich mit der Erstellung von Webseiten und der Integration von Scripten gut auskennen.

Auf der eigenen Website zwitschern
Tweets aus dem Microblogging-Dienst Twitter können mithilfe von Javascript an jeder beliebigen Stelle auf der eigenen Website eingebunden werden.
Hierfür benötigen Sie zwei Dateien aus dem Internet. Anschließend stehen Ihnen folgende Funktionen zur Verfügung:

• Tweets werden schnell geladen und angezeigt
• Darstellung von bis zu 100 Tweets auf einmal
• Avatar kann eingeblendet werden
• Tweets filtern nach Namen
• Tweets filtern nach Suchbegriffen
• Form des Tweets wird angezeigt (@ = Mentions)
• URL’s werden automatisch verlinkt
• Suchbegriffe mit einer Raute (#) werden automatisch zu der Kategorie verlinkt
• Darstellung der Tweets mit CSS anpassbar

Und so wird es gemacht:

Das Javascript-Framework jQuery kann hier heruntergeladen werden. Diese Datei muss danach auf Ihren Webserver hochgeladen werden.
Die Datei jquery.tweet.js führt die eigentliche Funktion aus. Diese Datei erhalten Sie hier. Hierbei laden Sie ein ZIP-Archiv herunter, es enthält ein Verzeichnis mit mehreren Dateien. Laden Sie anschließend das gesamte Verzeichnis auf Ihren Webserver hoch.

1. Folgendes Script muss in den <head> Tag der HTML-Seite eingefügt werden:

<script language=”javascript” src=”HYPERLINK “http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js”http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js” type=”text/javascript”></script>

2. Diese Zeile muss ebenfalls im <head> vorhanden sein:

<script language=”javascript” src=”jquery.tweet.js” type=”text/javascript”></script>

3. Dieser Code muss auch im Bereich Ihrer Seite für Ihre Tweets integriert und angepasst werden. Die englischen auto_join_… Texte können Sie nach Bedarf „eindeutschen“. Testen Sie einfach, welche automatischen Texte für Ihre Seite am besten geeignet sind.

<script type=’text/javascript’>
$(document).ready(function(){
$(“.tweet”).tweet({
username: “eurowebgroup”, // Hier muss Ihr Accountname stehen, sonst werden auf Ihrer Seite die Tweets der eurowebgroup eingeblendet
avatar_size: 32, // die Größe des dargestellten Avatars
count: 3, // Wie viele Tweets sollen dargestellt werden?
join_text: “auto”, // Abstand zwischen Datum und Tweet, hier automatisch
auto_join_text_default: “we said,”, // Automatischer Text
auto_join_text_ed: “we”, // Automatischer Text
auto_join_text_ing: “we were”, // Automatischer Text
auto_join_text_reply: “we replied to”, // Automatischer Text
auto_join_text_url: “we were checking out”, // Automatischer Text
loading_text: “tweets werden geladen…” // Anzeige beim Laden der Tweets
});
});
</script>

3. Diese Zeile muss im <body> Tag der HTML-Seite stehen (hiermit werden die Tweets dargestellt):

<div class=”tweet”></div>

4. Die Stylesheets müssen noch im <head> Tag der HTML-Seite eingebunden werden:

<link href=”jquery.tweet.css” media=”all” rel=”stylesheet” type=”text/css”/>

Und schon sind die Tweets auf Ihrer Homepage!

Lesezeichen mit anderen Nutzern tauschen
Mit Bookmarks kann man besuchte Webadressen speichern und jederzeit wieder abrufen. Wenn mehrere Internetuser Ihre Bookmarks untereinander austauschen, nennt sich dies Social Bookmarking. Um den Austausch von Bookmarks besser zu koordinieren, wurden sogenannte Social-Bookmark-Dienste (z.B. oneview.de oder delicious.com) ins Leben gerufen.
Hier findet ein User Links zu interessanten Websites, Nachrichten, Videos und Blogbeiträgen, die von anderen Usern empfohlen werden. Gerade für Blogbetreiber mit interessanten Texten ist dies sehr wichtig, um neue Leser auf ihre Seite zu lenken.
Um die Weitergabe von Links zur eigenen Site zu vereinfachen, können Betreiber einer Website oder eines Blogs kleine Symbole (Buttons) auf ihren Seiten einbinden. Klickt ein Besucher auf einen Button, wird der Link zur Seite automatisch im Social-Bookmarking-Dienst oder einem sozialen Netzwerk (z.B. Facebook) gespeichert. Der Besucher muss in diesem Dienst auch einen Account besitzen.
Wenn Sie diese Funktion auf Ihrer Homepage oder in Ihrem Blog anbieten wollen, gehen Sie folgendermaßen vor:

1. Besuchen Sie die Website http://www.social-bookmark-script.de. Stellen Sie mit einem Generator die Buttons zusammen, die Sie auf Ihren Seiten anbieten wollen (z.B. Facebook + Mister Wong + Delicious) und passen Sie die Optionen an.
2. Klicken Sie auf der Website auf “Script erstellen”
3. Fügen Sie den ausgegebenen HTML-Code auf Ihren Seiten an den entsprechenden Stellen ein.

Das war’s schon.

Flickr
Einer der erfolgreichsten Web 2.0 Dienste im Internet ist Flickr, gerne auch als Photo Sharing Dienst bezeichnet. Hier können User Bilder einstellen und Bilder von anderen Usern kommentieren. Die Dateien können auch per E-Mail oder Handy auf die Flickr-Plattform hochgeladen werden. Betreiber von Blogs binden gerne Bilder von Flickr auf ihren Seiten ein, um Botschaften oder Thematiken ihrer Texte visuell besser darzustellen.

Das Einbinden von Flickr-Bildern auf der eigenen Homepage ist auch möglich. Die Bilder können u.a. nach Begriffen und Benutzernamen gefiltert werden. Sie müssen dafür einen Flickr-Account besitzen.

Und so geht’s:

1. Loggen Sie sich in Ihrem Flickr-Account ein.
2. Gehen Sie auf die Seite http://www.flickr.com/badge.gne
3. Wählen Sie den HTML-Modus
4. Bestimmen Sie, ob alle Fotos angezeigt werden sollen, oder filtern Sie nach öffentlichen Fotos, Fotos mit bestimmten Begriffen oder Fotos eines bestimmten Albums.
5. Legen Sie dann fest, ob das Account-Bild, zufällige Fotos oder die neuesten Bilder dargestellt werden sollen. Passen Sie die Größe der Bilder an.
6. Anschließend wird ein HTML-Code generiert, den Sie auf Ihrer Seite einbinden müssen.

<!– Start of Flickr Badge –>
<style type=”text/css”>
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<table id=”flickr_badge_uber_wrapper” cellpadding=”0″ cellspacing=”10″ border=”0″><tr><td><a href=”http://www.flickr.com” id=”flickr_www”>www.<strong style=”color:#3993ff”>flick<span style=”color:#ff1c92″>r</span></strong>.com</a><table cellpadding=”0″ cellspacing=”10″ border=”0″ id=”flickr_badge_wrapper”>
<script type=”text/javascript” src=”http://www.flickr.com/badge_code_v2.gne?count=5&display=latest&size=t&layout=v&source=user&user=DEINE FLICKR USER ID HIER“></script>
</table>
</td></tr></table>
<!– End of Flickr Badge –>

WICHTIG: Im Code muss bei “DEINE FLICKR USER ID HIER” die eigene Flickr-ID eingetragen werden!

7. Sie müssen für den Flickr-Badge eine eigene Sytlesheet-Datei anlegen. Kopieren Sie folgenden Code in die CSS-Datei:

#flickrPicContent {width:280px; padding:15px 0 0 0; background:#78B3A8}
#flickrPicContent {padding:0 20px 0 20px; font-size:13px; font-family:Georgia,”Times New Roman”,Times,serif; color:#FFF; font-style:italic}
#flickrPicContent a {color:#4A412C}
#flickrPicContent a:hover {color:#FF564A}
#flickr_badge_wrapper {width:261px; padding:0 19px 0 0; background:#78B3A8; overflow:hidden}
.flickr_badge_image {width: 65px; height: 70px; float: left; background:url(images/Backgrounds/flickrPicBg.jpg) left top no-repeat; padding:5px 0 0 22px; float: left;}
.flickr_badge_image img {width: 60px; height: 50px;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {float:left; margin-right:5px;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

Und schon sind die Flickr-Bilder auf Ihrer Seite.
Falls Sie Bilder von Flickr in einem WordPress-Blog einbinden wollen, verwenden Sie das Plugin Flickr Photo Album for WordPress.

Viel Spaß beim Ausprobieren!

Gastautor dieses Beitrags ist Duy Tran, Webdesigner bei der Euroweb Internet GmbH in Düsseldorf, dem Full-Service-Internetdienstleister für Deutschland und Österreich.
Zwitschern mit Duy und der Euroweb Group geht auch.

Der am 28. Mai angekündigte Dienst Google Wave hat in der Blogosphäre und erst recht im Twitterversum große Wellen geschlagen.
Inzwischen gibt es auch schon die ersten Testberichte und zwar z.B. von ReadWriteWeb oder CNET. Doch zuerst mal:

Was ist Google Wave eigentlich?

CNET beschreibt es recht treffend als Echtzeit-Email. Tatsächlich soll es langfristig die “veraltete” E-Mail ersetzen. Das gesamte Konzept von Google dreht sich hierbei um das Stichwort “collaborating”, was man auf gut Deutsch wohl am ehesten mit “Zusammenarbeit” übersetzen würde. Bei Google Wave schreibt man wie bei der jetzigen E-Mail auch eine Nachricht mit Betreff und fügt Empfänger hinzu. Im Unterschied zur E-Mail können diese Empfänger aber die vorliegende Nachricht nun bearbeiten, Fotos oder sonstige Dateien hinzufügen, überall im Dokument kommentieren oder sogar Gadgets einfügen.

Das alles passiert in Echtzeit, allerdings in einer ungewöhnlich extremen Form. Belieblig viele Wave-Teilnehmer können gleichzeitig an dem Dokument arbeiten und die Änderungen werden sofort überall angezeigt. Das funktioniert offenbar sogar mit der Suche. Die Schnelligkeit in Google’s Demo-Video ist wirklich beeindruckend, was sicher auch daran liegt, dass Google “etwas” mehr Server-Kapazitäten besitzt als so manche StartUps.

Die API zu Google Wave ist bereits verfügbar. Wann das Projekt für die Öffentlichkeit zugänglich ist, ist noch unklar.
Wer mehr über Google Wave erfahren möchte, schaut am besten einmal bei diesem Artikel bei Netzwertig oder bei freshzweinull vorbei.

Wer dann immer noch nicht genug hat, dem empfehle ich das offizielle Video zu Google Wave, was mit 1 Stunde 20 Minuten zwar sehr lang, aber auf jeden Fall empfehlenswert ist.

Aber wie bekommt man wirklich Traffic auf den eigenen Photostream?
Um wirklich Traffic zu generieren muss man sich eine Flickr Identität aufbauen, wie in jedem Social Network ist es wichtig, dass man einen wiedererkennungs Wert hat. User kommen schneller wieder auf das Profil, wenn sie wissen wer die Person hinter den Bildern ist, sie wissen mit wem sie es zutun haben usw. Ein gut ausgefülltes Profil ist also nicht verkehrt.

1. Gruppen finden:
Gruppen, es gibt grob gesagt, für alles und jeden die passende Gruppe. Verschiedene Designgruppen usw. “Illustration”, “HDR Photos”, “Web Design”, “Graphic Design”. Für Web / Designer gibt es eigentlich ziemlich viele Gruppen. Man sollte die Gruppen-Suche benutzen und Gruppen mit vielen Mitglieder joinen. Nur wer seine Bilder in Gruppen mit vielen Mitgliedern einsortiert, wird hier auch viel Traffic bekommen.

2. Bilder kommentieren:
Hat man erst einmal die richtigen Gruppen gejoint, so findet man schnell Bilder von anderen Usern die einem gefallen. Um Traffic auf das eigene Profil zu bekommen, macht es Sinn diese Bilder zu kommentieren. Sei es nur ein Lob für die gute Arbeit oder ein längeres Kommentar, in 90% der Fälle wird der Fotoeigentümer auch euer Profil besuchen, schließlich will man ja sehen, wer das Kommentar geschrieben hat und ob dieser auch Bilder aus dem selben Bereich hochgeladen hat. Optimalerweise kommentiert dieser nun auch in eurem Profil.

3. Freunde finden:
Der durchschnittliche Flickr User kontrolliert eigentlich regelmäßig die Fotouploads von Freunden und Kontakten. Aber wie findet man diese Freunde? Und was muss man dazu machen, damit man von anderen als Kontakt hinzugefügt wird? Wie in Punkt 2 bereits beschrieben ist es ratsam andere Bilder zu kommentieren. Wenn man einen interessanten Photostream hat, so kann man davon ausgehen das andere User einen auf die Kontaktliste setzen. Erst wenn man auf der Kontaktliste eines anderen Users steht, wird dieser mit euren neusten Uploads versorgt. Anderenfalls könnt ihr natürlich auch User auf eure Liste hinzufügen, viele User werden euch ebenfalls adden, sofern Ihr aus dem selben Themenbereich kommt und eure Bilder interessant genug sind.

4. Foren benutzen:
Die meisten Flickr Gruppen haben die Forenfunktion aktiviert. Sortiert euer Bild in die Gruppe, schreibt einen Beitrag um euch die Meinungen anderer einzuholen. Benutzer denen euere Arbeit gefällt werden euch sicherlich als Kontakt hinzufügen.

5. Tags und Sets:
Ordnung muss manchmal sein! Wenn ihr neben euren Kunstwerken oder Homepage Designs auch mal Fotos oder Bilder aus anderen Bereichen hochläd, so ist es sehr praktisch diese in “Sets” einzuordnen. Gelangt nun ein User aus einer Gruppe auf euer Profil, so findet dieser immer die neusten Uploads, diese müssen aber ja nicht immer was mit euren Design zutun haben, habt ihr nun eine Set übersicht aktiviert, so sieht dieser gleich eure Sets und findet was er sucht.

Auf kaum einer Seite sind Tags so wichtig wie auf Flickr, Fotos können nur mit Tags gefunden werden. Flickr hat eine Volltext und eine Tag-Suche, mit den richtigen Tags in euren Bildern werden diese auch über die Suche gefunden. Für die Volltextsuche ist es natürlich auch wichtig, dass eure Bilder den richtigen Titel und Beschreibungstext haben.

Wie sehe ich, ob mein Profil mehr Traffic hat als sonst?
Flickr verfügt über eine sehr gute Statistik Funktion, hier findet ihr alle wichtigen Infos die ihr wissen müsst um zu sehen, wieviel Traffic man auf em Photostream hat.

Habt ihr noch Vorschläge oder Ideen?