Die Einbindung des „Gefällt mir“ Buttons von Facebook gehört mehr oder weniger zum Standardprogramm von Online-Shops. Damit bei Facebook die tatsächlich gewünschten (Produkt-)Informationen veröffentlicht werden, kann die Integration der so genannten Open Graph Meta-Tags weiterhelfen. Wie das in Magento funktioniert, zeigt der folgende Artikel.

Diese speziellen Meta-Tags besitzen jeweils das Präfix og: und können verschiedene Inhalte wie Seitenname, Produktbild, etc. beschreiben. Für Produkt-Links sind vor allem das Bild und der Titel interessant.

Zu Beginn muss der „Gefällt mir“ Button auf der Produktseite eingebaut werden. Dazu wird in der Template-Datei /catalog/product/view.phtml an der gewünschten Stelle folgender Code eingebunden, der auf Facebook’s Developer Seiten individuell definiert werden kann:

<div class="fb-like" data-href="<?php echo $_product->getProductUrl() ?>" data-width="350" data-send="false" data-show-faces="false"></div>

Wichtig ist hierbei der Wert des Attributs data-href, damit immer die jeweilige Produkt-URL zu Facebook übertragen wird.

Um nun die Open Graph Meta-Tags einzubinden, ist die Datei /page/html/head.phtml mit folgenden Code zu erweitern.

<?php if($_SERVER['HTTP_USER_AGENT'] == 'facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)') : ?>
<?php if (Mage::registry('current_product')) : ?>
<meta property="og:title" content="<?= $_product->getName() ?> im Online Shop XY bestellen" />
<meta property="og:image" content="<?php echo Mage::helper('catalog/image')->init(Mage::registry('current_product'), 'small_image')->resize(190);?>" />
<?php endif;?>
<?php endif;?>

Zuerst wird überprüft ob Facebook versucht, die Daten auszulesen. Erst dann werden die Open Graph Meta-Tags eingebunden. Somit ist es möglich, weiterhin validen HTML-Code zu erzeugen, da die Facebook-Meta-Tags nicht W3C-konform sind. Im Quelltext sind somit die Angaben für den Open Graph nicht zu sehen.

Danach wird überprüft, ob man sich auf einer Produktseite befindet. Ist das der Fall, werden die Open Graph Meta-Tags entsprechenden ausgegeben.

Danach noch den Magento-Cache leeren, testen und überprüfen ob alles wunschgemäß bei Facebook veröffentlicht wird.

Wenn ich mir so die Suchanfragen von Google's Keyword-Tool ansehe, dann suchen die Leute doch das eine oder andere mal danach, wie mit einem Blog, Facebook und/oder Twitter Geld verdient werden kann. Und ich meine: So einfach ist das gar nicht ...

Um mit einem Blog halbwegs Einnahmen erzielen zu können, bedarf es eines relativ großen Zeitaufwands. Die beste und einfachste Möglichkeit ist sicherlich die Verwendung von Google AdSense. Allerdings muss man dabei aufpassen, dass die Blog-Inhalte nicht mit Werbung vollgestopft sind - so etwas merken die Leser sofort! Zudem muss man eine gewisse Anzahl an Leserschaft haben, und mit den Klicks auf die AdSense-Werbeanzeigen ein wenig Geld verdienen zu können. Nicht zu vergessen, ist jedoch der zeitliche Aufwand, der ein Blog mit sich bringt. Immer up-to-date sein und laufende Beiträge sind ein Muss, wenn man mit seinem Blog Zusatzeinnahmen verdienen möchte.

Das nächste Medium ist Facebook. Mit Facebook ist es um einiges schwieriger als mit dem eigenen Weblog. Denn in Facebook sind AdSense Anzeigen oder ähnliches nicht wirklich möglich. Auch Affiliate-Links sind nicht gern gesehen bzw. wollen das die eigenen Freunde auch nicht wirklich präsentiert bekommen. Was also tun, wenn man seine Freundschaften im größten sozialen Netzwerke laufend pflegt und damit vielleicht den einen oder anderen Euro dazuverdienen möchte? Das gleiche trifft auf Twitter zu! Hierbei möchte ich auch auf einen Artikel von Gruenderszene.de verweisen, die 8 Beispiel anführen, wie man mit Twitter Geld verdienen kann (bezieht sich eher auf Unternehmen).

Als mögliche Lösung des Problems bin ich heute auf den Dienst shareifyoulike aufmerksam geworden. Nach der Registrierung bei shareifyoulike hat man die Möglichkeit, den dort zur Verfügung stehenden Content im Blog, auf Facebook, Twitter, etc. zu posten. Im Gegenzug erhält man eine Vergütung (pro View oder Klick). Das folgenden Video soll die Funktionsweise näher erläutern:

An sich finde ich die Idee ja ganz gut. Schließlich können damit Videos (z.B. Film-Trailer) über Social Media Kanäle verbreitet werden, und die User, die das ja freiwillig tun, werden dafür mit ein paar Cent belohnt. Ich glaube nicht, dass dadurch in Facebook großartig Spam betrieben werden kann. Schließlich möchte man seinen eigenen Freunden ja Inhalte zeigen, die man selber gut findet.

Ein weiteres Szenario wäre die Verwendung von Google+ und shareifyoulike, indem man sich verschiedene themenbezogene Kreise aufbaut, und diese ab und zu mit den interessanten Inhalten von shareifyoulike versorgt. Zwischendurch sind natürlich auch "normale" Postings zu verwenden, wobei ich hier klarstellen möchte, das die Postings nicht als Werbung zu verstehen sind, sondern vielmehr als Empfehlung der User an seine Freunde, Follower etc.

Wichtig wird es jedoch sein, dass die bei shareifyoulike angebotenen Inhalte wesentlich mehr werden. Dort ist momentan noch viel zu wenig zu verbreitender Content zu finden.

Hinweis: Google Plus in Kombination mit shareifyoulike ist leider noch nicht möglich - soll aber bald unterstützt werden. Und Facebook-Fanpages benötigen mindestens 50 Fans um aufgenommen zu werden).

Welche Möglichkeiten haben Online-Händler, um das Potential von Facebook für die eigenen E-Commerce Pläne nutzen zu können? Mit dieser Frage beschäftigt sich das Online-Magazin Internethandel.de und gibt dabei ausführliche Tipps, wie Geld mit dem weltweit größten sozialen Netzwerk verdient werden kann.

Neben der Umsetzung einer eigenen Facebook-Fanpage, werden die Gründung einer eigenen Facebook-Gruppe und die Erstellung von Facebook Online-Shops erklärt. Letzteres ist auch unter der Bezeichnung „F-Commerce“ bekannt, und zeichnet sich dadurch aus, das E-Commerce direkt in Facebook integriert wird. Gemessen an der aktuellen Anzahl von mehr als 20 Millionen deutschsprachigen Facebook-Nutzern, ergeben sich daraus interessanten Möglichkeiten und Potentiale für Shop-Betreiber.

Beim F-Commerce wird unterscheiden, ob Produkte „nur“ dargestellt werden und anschließend auf den eigenen Online-Shop verlinkt wird, oder ob auch der Transaktionsprozess auf Facebook durchgeführt wird. Für die technische Umsetzung kann entweder die Programmierschnittstelle von Facebook genutzt werden. Oder man greift, zu Beginn, auf Anbieter zurück, die bereits fertige Baukasten-Systeme zurück. Einige derartiger Anbieter werden im erwähnten Artikel von Internethandel.de genannt und kurz vorgestellt.

Wenn es um den Aufbau einer neuen Marke oder die Bekanntmachung eines neuen Online-Shops geht, ist ein gezieltes Facebook-Fan-Marketing ein ausgesprochen effizienter Weg zum Erfolg. Die Chance zur Integration von Produkten oder ganzer Online-Shops kann genutzt werden, um unmittelbar über Facebook weitere Umsätze zu generieren und neue Kundenkreise anzusprechen zu können.

Lange hat's gedauert, endlich habe ich es geschafft: Die Facebook-Fanpage von KEYNET ist eingerichtet. Ziel soll es sein, über einem weiteren Weg die Kunden-Projekte präsentieren zu können und über Neuigkeiten, aktuelle Projekte und sonstige interne Informationen zu berichten.

Technische Problemlösungen sowie spezielle Branche-News die meist nur für Experten interessant sind, werden jedoch nicht auf Facebook gepostet. Es soll keine Kopie dieses Blogs hier werden. Vielmehr sollen die Freunde, Partner und Bekannte von KEYNET auf dem Laufenden gehalten werden um zu wissen was sich gerade tut. Freue mich auf weitere Fans :-)

Hier geht es zur Fanpage

Aktuell arbeiten wir gerade an einer Facebook-Fanpage für einen unserer Kunden (Infos sobald sie fertig ist gibt es natürlich hier im Blog). Da einige der Tabs "nur" Text und Bilder beinhalten, haben wir uns entschlossen, die seit kurzer Zeit verfügbaren "Facebook iFrames" einzusetzen.

Dazu ist eine eigene Facebook-Applikation zu erstellen. Wie das funktioniert, wird sehr gut auf allfacebook.de erklärt. Danach lässt sich ziemlich einfach eine eigene HTML-Seite in die Fanpage integrieren.

Damit sich die Höhe des iFrames automatisch an den Inhalt der eigentlichen Seite anpasst, ist jedoch noch zusätzlicher JavaScript-Code notwendig:

<script src="http://connect.facebook.net/de_DE/all.js"></script>
<script type="text/javascript">
	window.fbAsyncInit = function() {
		FB.init({
			appId   : 'hier-deine-app-id-einfuegen',
			status  : true,
			cookie  : true,
			xfbml   : true
		});
  		FB.Canvas.setAutoResize();
	}
</script>

Am wichtigsten ist die letzte Zeile, die im Prinzip eh schon sagt was sie tut: Sie passt nämlich automatisch die Höhe entsprechend dem Inhalt an. Und nicht vergessen, vorher die "Facebook JavaScript SDK" einzubinden (Zeile 1).

Auf Facebook Developers lässt sich der Like-Button über ein Interface schnell und einfach erstellen. Allerdings nur für die URL die in der Eingabemaske angegeben wird. Um den Like-Button in TYPO3 auf jeder Seite zu integrieren und um die jeweilige Unterseite "liken" zu können ist folgendes TypoScript notwendig:

fb_likebutton = COA
fb_likebutton {
  10 = TEXT
  10.typolink.parameter.data = TSFE:id
  10.typolink.returnLast = url
  10.typolink.addQueryString = 1
  10.typolink.addQueryString.exclude = id
  10.dataWrap = {TSFE:baseUrl}|
  10.rawUrlEncode = 1
  wrap = <iframe src="http://www.facebook.com/plugins/like.php?href=|&amp;layout=standard&amp;show_faces=false&amp;width=450&amp; action=like&amp;font&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
}

Das COA kann somit jedem Marker oder via TemplaVoila zugewiesen werden. Ebenso kann es mittels der Extension "Generic markers for tt_news" verknüpft werden, sodass der Like-Button für einzelnen News-Beiträge eingesetzt werden kann.

Fragen, Verbesserungsvorschläge, Einwände, Feedback, Lob :-) ... sind wie immer in den Kommentaren möglich!

Nachdem Google und Twitter vor kurzem die häufigsten Suchanfragen bzw. Begriffe im Jahr 2010 veröffentlicht haben, hat auch Facebook die populärsten Wörter in den Statusmeldungen bekannt gemacht.

Im Rahmen der Memology Studie wurden von Facebook die am meist eingetippten Begriffe analysiert. Hier das Ranking der deutschsprachigen Posts:

1. Fußballweltmeisterschaft
2. Farmville
3. iPad und iPhone 4
4. Krebs
5. Inception
6. Fabian Brandner

Weiter zur Facebook Studie