Neben der Integration des Like Button (z.B. im Blog) gibt es auch im Rahmen der Facebook Social Plugins die Facebook Fan-Box (seit dem Umbenennen von “Fan werden” zu “mag ich” als Like Box) für die eigene Webseite.

Facebook stellt hierfür, wie für die anderen Plugins auch, einen Like Widget Codegenerator zur Verfügung. Leider baut der Facebook Generator für die Fan-Box / Like-Box den Code zur Integration falsch auf, das Ergebnis sähe bei unserer Firmen-Fanbox so aus:

<iframe src="http://www.facebook.com/plugins/likebox.php?profile_id=341249284440&amp;width=292&amp;height=350&amp;connections=10&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:292px; height:350px"></iframe>

Bei der Übergabe der Parameter (http://www.facebook.com/plugins/likebox.php?profile=16id=341249284440) hat sich leider bei Facebook ein Fehler eingeschlichen, es müsste korrekt “likebox.php?profile=16id=341249284440″ übergeben werden:

<iframe src="http://www.facebook.com/plugins/likebox.php?profile=1&id=341249284440&amp;width=450&amp;height=350&amp;connections=10&amp;stream=true&amp;header=true" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:350px"></iframe>

Hier könnt ihr direkt Fan werden:

Im Gegenzug zu dem Zugang in einen “Stream” (den Wall von Usern bei Facebook), auf dem der User all seinen Freunden mitteilt, was gerade so passiert (und was er so alles mag), sieht Facebook meiner Vermutung nach natürlich, wer sich von welchen auf welche Seiten im Netz bewegt, kann Statistiken hierüber für Werbepartner auswerten, kann somit “re-marketing” Möglichkeiten an Werbekunden verkaufen und sich generell fester in den Web-Sattel setzen.

Meines Erachtens nach kommt in Zukunft niemand im Marketing von Unternehmen an Facebook vorbei (hierbei auch interessant: Mein Blogbeitrag über den 2010 Social Media Marketing Industry Report in unserem Agentur Unternehmensblog).

Wie dem auch sei mag ich die technischen und konzeptionellen Möglichkeiten des Like Buttons, daher möchte ich hier schnell erklären, auf welche Art und Weise dieser in einem Blog oder auf einer Webseite integriert werden kann:

Facebook ermöglicht dies auf zwei Weisen. Entweder nutzt man einen iFrame, der den benötigten Inhalt direkt von Facebook einbettet. Der Code hierfür lautet so (den Parameter für die URL muss an die entsprechende Seite angepasst werden):

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.reitenschwimmenlesen.de%2F&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>

In einem WordPress Template kann man den benötigten href Parameter wie folgt auslesen lassen:

<?php echo urlencode(get_permalink($post->ID)); ?>

Man kann aber auch auf die von Facebook zur Verfügung gestellte FBML (Facebook Markup Language) zurückgreifen. Dies erfordert allerdings ein Einbetten von Facebook JavaScripts in die Seite. Wenn auf Facebook Connect zurückgegriffen wird, sind die benötigten JavaScripts aber höchstwahrscheinlich sowieso schon Teil des Quelltextes und müssen daher ohnehin geladen werden. Hierbei sieht dann das Einbetten des Like Buttons so aus:

<fb:like href="http://www.reitenschwimmenlesen.de/" layout="standard" show_faces="true" width="450" action="like" colorscheme="light" />

Das benötigte JavaScript von Facebook kann man wie hier beschrieben irgendwo im Quelltext der Seite einbetten.

Einen Generator gibt es dafür auch bei Facebook selbst.

Eventuell muss sich beim Löschen ein Admin-Benutzer authentifizieren, da es sich um eine Systemschrift handelt. Backups braucht ihr nicht, denn die Schriftart wird vom System automatisch wieder hergestellt.

Das gleiche Prozedere muss eventuell ebenso mit der Helvetica durchgeführt werden, danach sollte aber alles wieder schön aussehen.

Gefunden habe ich die Vorgehensweise bei http://www.stucel.com/blog/firefox-bold-font-ui-problem-snow-leopard, von denen ich mir auch den Screenshot vom Firefox geliehen habe (bei mir sah ja schon wieder alles toll aus).

Danke!

via pseudocoder.com

For anyone who missed it, I released a free CakePHP book a month ago. Since then it’s been downloaded over 2500 times. I’ve also received some great feedback and have made a bunch of corrections to the code and grammar. The biggest change is that the table of contents is now links and will jump you right to the section. That’s reason enough alone to grab the updated version. The new permanent home page for the book is here.

Bei der Entwicklung von CakePHP Anwendungen können von Haus aus Informationen z.B. zur Datenbankabfrage mithilfe der Konfigurationsvariable debug und des Befehls

Configure::write("debug", 1);

ausgegeben werden.

Es gibt insgesamt 4 Debug Level, die hier im Kontext einer älteren CakePHP Version (dort wird die Konstante DEBUG genutzt) folgendermaßen bezeichnet werden:

There are 4 levels of debug: 0-production, 1- development, 2- full debug with sql and 3- full debug with sql and dump of the current object. Specifying this setting to a non-zero value will force Cake to print out the results of pr( ) and debug( ) function calls, and stop flash messages from forwarding automatically. In production, the “flash messages” redirect after a time interval. With the other debug levels you get to click the “flash message” to continue. For example, if you want to set the debug level to “full debug with sql”, the line should look like this: define(‘DEBUG’, 2);

Da die Debug Informationen von Cake immer am unteren Seitenende gerendert und – sobald man vom CakePHP Standardlayout abweicht – auch äußerst hässlich werden, gibt es bei Snook.ca die folgenden CSS Klassendefinitionen, um diese Infos generell schicker zu gestalten:

.cake-sql-log {
	position:fixed;
	top:99%;
	z-index:10;
	width:100%;
	background-color:#000;
	color:#FFF;
	border-collapse:collapse;
}

.cake-sql-log caption {
	background-color:#900;
	color:#FFF;
}

.cake-sql-log:hover {
	top:auto;
	bottom:0;
}

.cake-sql-log td {
	padding:3px;
	border:1px solid #999;
	background-color:#EEE;
	color:#000;
}

Wer jetzt noch weitere Informationen braucht (wie oben bereits erwähnt u.a. zu Sessiondaten, Log-Aktivitäten, Timings etc.) der ist mit der CakePHP DebugKit Toolbar von Mark Story gut bedient.

Die Toolbar “versteckt” sich geradezu absolut positioniert in der rechten oberen Ecke der Webseite und öffnet sich blei Klick auf ein kleines Icon.

Was sie alles bietet, zeigt sich in den folgenden Screenshots:

Ich binde die Toolbar dynamisch je nach Umgebung auf folgende Art und Weise im app_controller ein:

	public function __construct(){
		parent::__construct();
		if(DEVELOPMENT_ENVIRONMENT){
			$this->components[] = 'DebugKit.Toolbar';
			Configure::write('debug', 2);
		} else {
			Configure::write('debug', 0);
		}
	}

Hier prüfe ich auf die Konstante DEVELOPMENT_ENVIRONMENT, die ich, wie alle anderen Variablen, die global für die App zur Verfügung stehen müssen, in der bootstrap.php definiere. Solche Variablen könnten eben serverseitig zur Auswahl der entsprechenden Pfade (z.B. für Logs oder temporäre Uploads) oder auch für die Auswahl der entsprechenden Datenbankverbindungen herangezogen werden.

Hier gibt es – wie ich gelesen habe – hundert Ansätze, das Problem zu umschiffen, der leichteste und praktikabelste ist in meinem Setting (mit MAMP auf Mac OS) folgender, direkter Aufruf einer anderen PHP Version zum Ausführen des PHP Scripts.

Der Aufruf erfolgt in dem Projekt- Konsolenordner (z.B. in meinem Fall /Users/lrheingans/Documents/Workspace/Project_X/cake/console/)

/Applications/MAMP/bin/php5/bin/php cake.php bake

Von hier läuft dann alles wie gewohnt.

Um das Bake Script unter Eclipse ausführen zu können, gibt es auch in der Bakery einige Tutorials (mir war der mini Aufwand allerdings nicht wert, ich mag meine Konsole)

Wer sich für Softwareentwicklung im Webbereich mit Java und Spring interessiert, sollte sich auf jeden Fall seinen RSS Feed abonnieren.

Neben lautem Gelächter wegen direkt auf Bing ablaufender Pornoinhalte und einer amüsanten Erklärung des Namens (“But It’s Not Google”) macht die Webseite allerdings einen überaschend guten Eindruck:

Neben den relativ treffenden Suchergebnissen (unter anderem auch ganz andere Ergebnisse, als Google zu finden sind) erscheinen kurze Zusammenfassungen (übrigens bei mir nur im Firefox, nicht im Safari), die eine kleine Preview bieten:

Bei Bing kann wie üblich neben Texten auch nach Bildern, Videos, News oder Shopping-Ergebnissen gesucht werden, ausserdem bietet die Suchzeile eine Auto-Vervollständigung (bei Google heisst das Google Suggest) an.

In den Ergebnissen bietet Bing, wie auch die Konkurrenz, direkte Verweise auf Teilbereiche der Webseite an, so am Beispiel “Google” auch direkt ein Formular für eine Google Suche:

Neben der Decision Search Engine bietet Bing, ähnlich wie Google, einen Maps Dienst an. Nach kurzem Test macht dieser einen ordentlichen Eindruck, wobei das Kartenmaterial bei großen Zoomstufen von Google Maps etwas besser anmutet und eine bessere Auflösung bietet.

Techcrunch hat einen schnellen a-b Vergleich von Google und Bing durchgeführt, und kommt zu dem allgemeingültigen Ergebnis

Google and Bing at the very least feel very different, and while you can argue about the quality of one engine versus the other back and forth as much as you want, it’s painfully clear both need improvement.

Mein persönliches Fazit:
Ja, Bing ist besser als erwartet und scheint gut zu funktionieren. Für Microsoft ein mittlerer Erfolg, nach den miesen Ergebnissen von MSN / LiveSearch.

Allerdings ist für Microsoft hiermit allein noch nichts gewonnen: User, die jetzt mit Google suchen, wissen, wie und welche Suchtermini eingegeben werden müssen um Lösungen oder Webseiten auf ihre Fragen zu finden. Ich fühle mich noch nicht in der Laune, diesen “Kennenlern”-Aufwand bei Bing betreiben zu wollen, und weiss auch nicht, wieso das andere tun sollten…. oder? (Michael Arrington sieht es übrigens ähnlich)

Bing kann übrigens (genau wie Google) auch angerufen werden oder einfach leicht mit diesem Bing Firefox Add-on als Search Engine in den Firefox Browser integriert werden.

Page Speed

Page Speed integriert sich in Firebug und verhält sich ähnlich wie das von Yahoo! herausgebrachte YSLOW Plugin, mit einigen weiteren Extrafeatures die eine Seitenoptimierung erfolgreicher machen können:

So bietet Page Speed eine ausgefeilte CSS Analyse an, die Hinweise auf ungenutztes (und ineffizientes) CSS Styling ausgibt:

In der Performance Summary bietet sich ein von YSlow bekanntes Bild, wenn auch mit einigen weiteren Hinweisen:

Eine besonders interessante Funktion ist der sogenannte Acticvity Recorder, bei dem sämtliche Aktivität von der Page Speed Extension anhand einer mitlaufenden Zeitleiste dargestellt wird:

Ich werde mir unsere Webseiten in den nächsten Tagen einmal genauer mit Page Speed ansehen, und schauen, wie es sich gegenüber YSlow verhält.

Grundsätzlich geht die Installation und Einrichtung relativ zügig vonstatten, allerdings gibt es bei einzelnen Stellen diverse Konfigurationsschwierigkeiten – so sollte u.a. auf die Installations-Dokumentation gehört werden und die Installation von PHPList tatsächlich in das Verzeichnis www.deinedomain.de/lists/ gelegt werden, um Verlinkungsprobleme im Administrationsbereich zu umgehen.

Bei all denjenigen, bei denen unter dem Punk “Nachricht erstellen” (in der englischen Variante unter “send a message”) kein Rich Text Editor (FCKEditor kommt hier zum Einsatz) erscheint, können die folgenden Schritte eine Lösung sein:

1. Im Unterverzeichnis “/admin” in der Datei fckphplist.php die Zeile 589 mit dieser austauschen

// FCKConfig.ProtectedSource.Add( /<s>/g ) ; // ASP style server side code

Evtl. erlaubt die installierte PHP Version “short ASP Tags”, und somit werden hier Fehler geworfen.

2. Im Unterverzeichnis “/admin/FCKEditor/editor” die Datei fckeditor.html bearbeiten, und den Befehl zum Laden des Editor auswechseln, indem Zeile 120 auskommentiert und 119 wieder “einkommentiert” wird:

 // Base configuration file.
LoadScript( '../fckconfig.js' ) ;
// LoadScript( '../../?page=fckphplist&action=js4' ) ;

Fehlermeldungen, die (schön zu Sehen unter Einsatz von Firebug) hervorgerufen werden, lauten zum Beispiel:

FCKConfig.CustomConfigurationsPath is undefined
A.PluginsPath is undefined
FCKConfig.ContextMenu is undefined
C is undefined

via http://forums.phplist.com

Beispielrechnung:
1 Stunde Live Stream von z.B. einer Pressekonferenz, eines Workshops oder einer Kundenpräsentation, wie wir es hin und wieder für verschiedene Kunden und Produkte brauchen) mit 1.500 gleichzeitigen Viewers in Full HD Auflösung kostet weniger als unschlagbare 300 Dollar.

Berechnet werden kann der Preis hier.

Wir testen den Dienst direkt beim nächsten Projekt.

via Techcrunch.

Neu hinzugekommen im Amazon PartnerNet, das ursprünglich hauptsächlich die Möglichkeit bot, Links auf Amazon Artikel (für deren Verkauf dann Provision an den Blogger zurückfloss), ist das MP3 Widget.

Da ich großer Musikfan bin und gerne meine Lieblingstitel und -bands unter die Leute bringe, werde ich das Widget hiermit gleich einmal testen.

Mein Auswahlalbum dazu und passend zu dem großartigen Frühlingsanfang:
“The Cat Empire. Two Shoes”

In der Datei includes/application_top.php befindet sich die folgende Zeile:

$breadcrumb->add($product->getBreadcrumbModel(), xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($product->data['products_id'], $product->data['products_name'])));

die folgendermaßen angepasst werden muss:

$breadcrumb->add($product->data['products_name'], xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($product->data['products_id'], $product->data['products_name'])));

Um das ganze noch ein wenig suchmaschinenoptimierter zu gestalten empfiehlt es sich, in der Datei /lang/german/german.php (und, bei mehrsprachigen Shops, entsprechend in den anderen Sprachdateien und -ordnern) die folgende Anpassung vorzunehmen, um von den unsinnigen Standardwerten “Startseite” und “Katalog” von xtCommerce wegzukommen und die Premium Position doch lieber für eigene, für die Suchmaschinen relevantere Keywords zu nutzen (hier am Beispiel der Palmenoase, einem Onlineshop für mediterrane Pflanzen und Palmen):

define('HEADER_TITLE_TOP', 'Palmenoase');
define('HEADER_TITLE_CATALOG', 'Shop');

Kleiner Aufwand, große Wirkung, wie man in den folgenden Screenshots in der Brotkrumennavigation feststellen kann.

Das folgende Fehler PopUp der Internet Explorer 6, 7 oder 8 sind ein immer wiederkehrendes Ärgernis, wenn man versucht, einen Dateidownload mittels PHP zu realisieren:

Hierbei handelt es sich um ein dynamisch im Memory des Webservers generierten PDF Dokuments, das eigentlich als PDF_Preview.pdf betitelte Datei im Browser ankommen soll (und im Firefox, Safari, Opera und Chrome auch tut).

Zur Erzeugung wird der PDFLib Personalization Server genutzt, und am Ende des ganzen Erzeugungsprozesses steht ein Buffer (hier beispielhaft $pdf_buffer) des kompletten Dokumentes als Variable zur Verfügung.

Was für den Browser jetzt noch passieren muss: Per PHP header() Funktion wird dem Browser mitgeteilt, dass es sich um einen bestimmten Mimetype (ein Tool, um den MIME Type bei Dateiuploads herauszufinden gibt es hier) bzw. Datenstrom handelt (in diesem Fall handelt es sich um ein PDF, dass mit Content-type: application/pdf beschrieben wird). Weiterhin wird definiert, dass es als Dateidownload zur Verfügung gestellt werden soll, und der gewünschte Dateiname wird vom Script übergeben).

Um diesen Dateidownload (auch mit dem Internet Explorer) hinzubekommen, müssen zusätzlich diese zwei weiteren Headerinformationen mit angegeben werden:

header(‘Content-type: application/pdf’)
header(‘Content-Disposition: attachment; filename=”PDF_Preview.pdf”‘);

// Folgende zwei Zeilen sind für den IE wichtig,
// alle anderen Browser brauchen sie nicht
// (stören sich daran aber auch nicht)
header(“Pragma: public”);
header(“Cache-Control: max-age=0″);

echo $pdf_buffer;

Im Vorfeld (auf jeden Fall bevor der Buffer mit echo ausgegeben wird) sollte allerdings in jedem Fall die zu erwartende Dateigröße mittels

$pdf_buffer = PDF_get_buffer($p);
$len = strlen($buf);
header(“Content-Length: $len”);

berechnet und ebenfalls per Header ausgegeben werden.

Vielleicht hilft dieser schnelle Artikel mir selbst auch beim nächsten Auftreten solcher Probleme als Gedächtnisstütze…