Da es aber für verschiedene Anwendungsfälle ganz praktisch wäre, wurde natürlich fleißig nach einer Möglichkeit gesucht iframes auf Fanpages einzubinden.

Und es gibt auch eine Lösung, nun genauer gesagt einen Workaround für dieses Problem:

Genau wie man onload events in JS / FBJS in onclick events beim Profil View umwandeln muss, verhält es sich auch beim Einsatz von iframes. Wenn die von Anfang an da sind, dann maulen die Sicherheitsrichtlinien von Facebook rum aber wenn da FBML durch eine Useraktion gesetzt wird – dann klappt es.

Das Code Beispiel findet ihr hier im Blog von Jesper und für SocialWayDown.org auf Facebook habe ich das dann gleich mal umgesetzt um Google Maps / BlogLoc per iframe einzubinden.

Als nächster Schritt ist dann geplant, die Stolpersteine Hamburg Karte auch als App in Facebook zu bringen.

Fazit: weniger Text, mehr Icons, wirkt aufgeräumter.

Auf den ersten Blick finde ich es gut, löst die Rummelkiste Startseite vielleicht etwas ordentlicher auf. Als Quantensprung empfinde ich es nicht, eher eine homäopathis dosierte Änderung.

Ich freue mich schon auf die 100.000 Proteste in den nächsten Tagen von der “anders-als-früher-ist-nicht-gut” und “Facebook-how-could-you-do-that” Front, den dafür sollte die Änderung gut sein.

Was kommt (wohl) noch

Auch das Facebook Profil soll Anfang 2010 einem Facelifting unterzogen werden. Die größte und für Entwickler von Apps wichtigste Neuerung ist hierbei wohl der Wegfall der Narrow Boxes unterhalb der Profilinfo (Bild, Freunde).

Klartext: Wer eine App baut, der kann sie in Zukunft den User nicht mehr direkt auf sein Profil installieren lassen sondern muss immer den Weg über den Tab View gehen, also Integration eines Reiters in das Profil in dem die App läuft (also genau wie die Reiter “Bilder”, “Info”, “Videos”).

Das klingt im ersten Moment natürlich eher unschön und kommt auch entsprechend schlecht an. Apps, die eine echte Interaktion bieten, für die ist das sicherlich sinnvoll. Eher profilschmückende Sachen wie z.B. Sesame Street Feel-O-Matic werden es sicherlich schwerer haben, als schmückendes Beiwerk dann noch wahrgenommen zu werden.

Laut Roadmap ist “early 2010″ für diese Änderungen angesetzt.

Da Hendrik und ich beide Admins der Page sind, posten wir automatisch nicht als Facebook User sondern immer als Fanseite socialwaydown.

Kommt besonders dann seltsam rüber, wenn wir beide leicht auseinandergehende Meinungen zu einem Thema haben … dann sieht das sehr nahc Selbstgesprächen aus.
Also die Frage: wie postet man als admin einer Facebook Page als Privatperson / User?
Die Antwort ist im Facebook Forum zu finden und sie lautet: es geht nicht! Merde, actually…

Einen schönen Workaround (der mir erst jetzt klar wird) haben Andrea Wenk und ihr Team von Frau Wenk – PR für die digitale Welt, die posten nämlich immer brav mit ihren Initalen vor dem Kommentar – also immerhin auch zuordenbar.

Aber so richtig als “Sven” oder “Hendrik” posten, ganz privat ohne unter der Fahne von socialwaydown.org zu agieren – Fehlanzeige (na, “like” geht natürlich).

Es sei denn man würde einen User anlegen, der Admin ist aber nie postet … also falls ihr Bob den Dalmatiner oder den unsichtbaren Frank als Testaccounts nutzt, das wären gute Fanpage Admins auf Facebook und die “echten” Admins können dann auch ganz privat kommentieren und posten.

Tip für die wave-Nutzer, die nicht immer in den Browser schauen:

---

Components.classes['@mozilla.org/appshell/window-mediator;1'].getService(Components.interfaces.nsIWindowMediator).getMostRecentWindow(“mail:3pane”).
document.getElementById(“tabmail”).openTab(“contentTab”, {contentPage: “https://wave.google.com/wave/?nouacheck“});

---

in der Fehlerkonsole bei Thunderbird ausführen (ab Version 3.0) und schwupps ist die Welle in Thunderbird

Bevor die Schulterklopfmaschine heißläuft, möchte Kai drauf hingewiesen haben, dass er sich das nicht selber ausgedacht hat – aber für das Weiterverbreiten dieser Info ist eine “Danke” sicherlich auch gerechtfertig – eine Möglichkeit: Kai bei Twitter

Und eine Anmerkung von mir: der Code oben zwischen den Linien muss ggf. noch mal von Zeilenumbrüchen befreit werden.

Mein ganz pragmatischer Tipp:

Google Wave zur Startseite machen, dann ist es genau wie morgens Outlook, Gmail oder Mac Mail gleich mal offen, wenn der Browser angeht.

Ich nutze zur Zeit Chrome als “Wave Browser” und “Mite Browser” – also exklusiv für Zeiterfassung und für Google Wave (mal abgesehen davon, dass weil Gears auf Snow Leopard nicht geht ich für file uploads in die Wave Firefox benötige aber das ist eine andere Geschichte)

Eine andere Möglichkeit ist für Nutzer von Thunderbird hier zu finden: Google Wave Integration in Thunderbird

Also die Frage – was kann Wave und wie kann man es nutzen?

Eckdaten meiner Wave Nutzung:

Nach dem anfänglichen “woaah ist das cool, lass mal in echzeit unsere Artikel bearbeiten”, habe ich Wave recht bald einen ernsten Versuch zugestanden und versucht verschiedene Projekte mit verschiedenen Personen über Wave abzuwickeln.

Aktuell sind 34 Waves in meiner Inbox (waren insgesamt mal 50 mehr aber einige fertige Sachen sind dann unfollowed worden).

Themen sind sehr vielseitig von Wissenssammlung, Terminplanung , Brainstorming bis zur Abwicklung kompletter Projekte wie z.B. Hendriks Charity Sabatical haben wir alles mal versucht.

Erstes Fazit Google Wave Nutzung

Wave ist gewöhnugnsbedürftig, keine Frage aber ich bin der Meinung, dass es ein gutes Tool ist für Onlinekooperation (und nein, ich bin kein “alles von Google ist gut”-Vorbeter), folgende Erkenntnisse in der Übersicht:

• Man muss sich disziplinieren, dass man die Waves nicht vollmüllt mit Smalltalk. Es ist okay am Anfang eines Meetings kurz über das letzte Wochenende oder das die kommende Firmenfeier zu reden, in einer Wave hat sowas wie “seid ihr noch gut nach hause gekommen Samstag” nix zu suchen
• Halte deine Inbox sauber: Testwaves ab in den Papierkorb, erledigte Waves unfollowen
• lieber eine Wave mehr machen für größere Projekte: der Versuch die gesamte Planung nebst Feedback für den myLugo Weinratgeber bei Facebook über eine einzelne Wave abzubilden war total unübersichtlich, daher lieber trennen nach Themen z.B. Funktionalität, Design, Text, Testing & Debugging
• sei bereit Posts zu löschen: erledigte Aufgaben, veraltete Informationen oder Fluff wie “das essen heute war voll unlecker in der Kantine” => raus damit! Keine Angst die Info ist ja nicht weg, sie ist im Verlauf der Wave ja noch zu sehen
• und beim “Verlauf” dann auch der letzte Tipp: aus einer Wave ist nichts final löschbar, Postings, Dokumente, Dateien … alles nachvollziehbar. Also gro0e Obacht was da geschrieben oder angehängt wird, so richtig rausbekommen wie bei einer Mail tut man es nicht …

In Ergänzung zu diesem Seminar gibt es hier eine Sammlung von Fragen & Antworten zur Entwicklung von Social Media Nutzung

Das relative Wachstum für das Vorjahr in der Nutzung von Suchmaschinen betrug 4,6% während Social Networking Sites und Foren 27,8% wuchsen.

Ich verwende z.B. die superfish (suckerfish Version auf Basis von jquery) zusammen mit den Wordpress Funktionen wp_list_pages() und wp_list_categories(). Für die dropdown Menus verwendet- auf webdemar gibt es ein gutes Tutorial zur Einbindung von  superfish in wordpress . Die Lösung gefällt mir vieeeeel besser als z.B. die fertinge Suckerfish plugins – wer ein wenig fit in PHP, CSS und JS ist, der sollte lieber selber etwas am template schrauben

Für das IT Glossar von peoplepark hab ich auf collapsor in Verbindung mit wp_list_categories  zurückgegriffen (so ähnlich auch hier  auf get-a-gadget auf den Verzeichnisseiten im Einsatz), tolles Plugin keine Frage aber ehrlich gesagt halte ich die Dokumentation – vorsichtig formuliert – für noch optimierbar.

Daher hier ein How-To für die Konfiguration von collapsor in Verbindung mit Wordpress.

Die grundsätzlichen Schritte die nötig sind:

1. Einbindung jquery Bibliothek ins Template
2. Einbindung Collapsor ins Template
3. Generieren der UL-LI Liste für den Menu Inhalt.
4. Aufruf collapsor Funktion

Einbinden jquery in das Wordpress Template

Eine recht einfache Übung – aktuelle jquery Version herunterladen und auf dem Server ablegen (ich nutze meist einen Unterordner des Themes, damit die Datei auch bei einer neuen Installation dabei ist => die kann man dann per Wordpress Funktion bloginfo(”) ansprechen und euren Pfad ergänzen

Das sieht dann bei der get-a-gadget.de  so aus in der header.php des Themes

< XXX script type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/superfish/js/jquery-1.2.6.min.js”></script XXX>

(ich verwende parallel auch superfish für das dropdown, die jquery liegt daher aus “historischen Gründen” im superfish Ordner)

<XXXscript type=”text/javascript” src=”<?php bloginfo(‘template_url’); ?>/collapsor/jquery.collapsor.js”XXX></script>

(collapsor hat seinen eigenen Ordner)

Erstellen eines Menüs von Seiten oder Posts

Auch nicht schwierig wenn man ein wenig geübt ist in Sachen Wordpress: eine List von Seiten oder Pages erhalten wir mit den Fuktionen wp_list_pages() oder wp_list_categories(). Über die Parameter  “exclude”, “include”, “childof”, “depth” kann man aussteuern, welche Seiten den gezeigt werden sollen und der Paramter “title_li=” sichert, dass wir keine Überschrift für unsere Liste bekommen.

In meiner Sidebar ergibt sich folgendes Bild, da ich keine Liste an Pages oder Categories nutze für das seitliche Menü sondern eine Liste von vier fest definierten Kategorien mit den zugehöringen Posts darunter.
<li><a rel=”nofollow”>Entertainment Gadgets</a>
<ul>
<?php $catposts = get_posts(‘category=3&offset=0&numberposts=-1′);
foreach($catposts as $post) :
setup_postdata($post);?>
<li><a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>”><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>

Was machen wir hier genau?

1. wir starten einen wordpress Loop mit get_posts()

2. dieser Loop wird eingeschränkt auf die Kategorie 3 (das ist die Kategorie in der ich alle Posts zum Thema Entertainment Gadgets einordne)

3. der Loop hat keinen offset, d.h. er startet mit dem ersten Post und “numberpost=-1″ führt dazu, dass alle Posts aus dieser Kategorie aufgelistet werden

4. das Ergebnis dieser Abfrage durchlaufen wir iterativ mit foreach

5. bei dieser Art der Abfrage kriegen wir nicht alle Infos zum post zurück, wir wollen aber gleich the_excerpt() und the_permalink() nutzen, damit das funktioniert erstellen wir die “postdata” mit setup_postdata($post)

6. wir machen die HTML Ausgabe fertig mit LI Elementen, welche den Post Titel als Link beinhalten

7. das ganze umschließen wir noch mit den <ul>-Tags

So, damit haben wir also eine unordered List mit vier Kategorien (Shopping, Info, Entertainment, Games) als List Items.

Innerhalb der List Items verschachtelt liegen weitere unordered lists vor, deren List Items bestehen aus Links auf die Blogbeiträge aus der jeweiligen Kategorie mit dem Post Titel als Ankertext.

Aufruf collapsor Funktion

Wenn wir jetzt unsere Seite im Browser aufrufen, dann passiert genau das, was so oft passiert wenn man mit Javascript arbeitet: nichts!

Was wir sehen, ist die von uns gerade erstellte verschachtelte Liste von Categorien und zugehörigen Posts allerdings in ganzer Länge, alle List Items sichtbar, keines klickbar und kollabieren ? Auch Fehlanzeige!

Ist ja auch klar, denn noch haben wir ja die collapsor Funktion noch garnicht aufgerufen und auch nicht definiert, welches HTML Element sich collapsor denn vornehmen soll.

Was macht collapsor eigentlich genau? Eine gute Frage an dieser Stelle!

Kurz gefasst macht collapsor folgendes: die Funktion durchsucht den Quelltext nach Vorkommen bestimmter , von uns definierter Elemente (tags, classes, ids).

Die Vorkommen dieser Elemente werden mit einem onclick event verbunden, welches wiederum die Kinder des von uns definierten Elements ein-/ausblendet und die Kinderelemente werden zunächst alle ausgeblendet.

In meinem Fall sieht das so aus im Header

<script type=”text/javascript”>

$(document).ready(function() {
$(‘.coll’).collapsor({});

});

</script>

Und was passiert da jetzt? Alle Elemente der class “coll” (das sind bei mir Links innerhalb der vier Kategorien, also die erste <LI>-Ebene) werden mit der funktion verbunden und die Kinder (also die UL mit den Links zu den Blogeinträgen als List Items) werden ausgeblendet, beim Klick auf die vier Kategorien werden die Kinder dann ein- und ausgeblendet.