- Erstellen des "Gefällt mir Button" in Facebook.
- Application bei Facebook anlegen. ID speichern.
- Button im Einsatz.
- Suchergebnis in Facebook.
Facebook: "Like it" - oder wie Sie Netzwerke bilden
Nachdem im vorangegangenen Artikel beschrieben wurde, wie Sie eine Firmenseite in Facebook erstellen, möchten wir jetzt zeigen, wie Sie Netzwerke über Facebook bilden.
Im April 2010 wurde auf der Facebook-Konferenz der Like Button vorgestellt und sofort bauten viele in ihre Internetseite diesen Button ein. Facebook macht es den Anwender auch leicht. Sie müssen nur auf die URL http://developers.facebook.com/docs/reference/plugins/like gehen. Die Seite ist fast selbsterklärend. Sie müssen nur die URL Ihrer eigenen Internetseite eingeben und können noch auswählen welche Button-Form Sie wünschen.
Wenn Sie nun auf "Get Code" klicken, bekommen Sie den Quelltext in zwei Versionen angeboten. Die iFrame Version bietet nicht so viele Möglichkeiten und meldet auch nur im Status-Update, dass der Person die Webseite gefällt.
So weit, so gut. Wie bringen Sie nun aber Ihre Facebook-Firmenseite, ihre Internetseite und den Like-Button zusammen?
Auch wenn Sie die XFBML-Version des "Gefällt mir" Button ohne irgendwelche weiteren Zusätze einbinden, erscheint nur die Mitteilung, dass die Webseite gefällt - nicht als Status-Update. Auch ist die Information nur für Ihre Freunde sichtbar.
Nun müssen wir noch etwas an unserer Internetseite "basteln". Zuerst bauen wir die XFBML-Version des Buttons in unsere Seite ein. Gemäß der Anleitung von Facebook bauen wir auch die JavaScript SDK im Head ein. Den Language Code ändern wir wie folgt:
'//connect.facebook.net/de_DE/all.js';
Um jetzt noch einiges zu steuern, verwenden wir das Open Graph Protocol von Facebook. Für den Open Graph Parameter benötigen wir noch einen Application ID. Die erhalten wir recht komfortabel bei Facebook.
Geben Sie hier den Site-Namen ein. Am Besten der gleiche Name wie Ihre eigene Seite bei Facebook. Sichern Sie die Application ID erst einmal in einer Textdatei.
Jetzt öffen Sie Ihr Default-Template (in Immoplain). Im Head-Bereich (das ist der Bereich zwischen <head> und </head>) bauen wir die folgenden Meta-Tags e
<meta name = "fb:admins" content ="100000463852901">
<meta name = "og:description" content ="Internetseiten und Maklersoftware für Immobilenmakler">
<meta name = "og:type" content ="<code>company</code>">
<meta name = "og:locality" content ="Neustadt">
<meta name = "og:country" content ="Germany">
<meta name = "og:site_name" content ="Ihr-Seitenname">
<meta name = "og:app_id" content ="xxxx">
<meta name = "og:title" content ="Immoplain">
<meta name = "og:email" content ="info@diacs.de">
<meta name = "og:image" content ="http://www.ihre-seite.de/images/profilbild.jpg">
Hier eine Erklärung zu den Metatags:
fb:admins Das ist der Administrator der Seite - also Ihre User-ID bei Facebook. Wenn Sie auf Ihre persönliche Seite gehen und mit der Maus über Ihr Profilbild oder Ihren Namen fahren, sehen Sie die ID in der Statusleiste Ihres Browser. Sie können über rechte Maustaste "Link kopieren" sich den Link in einen Editor kopieren und von hier die ID heraus nehmen.
og:description Eine Beschreibung der Seite. Wenn Sie DIACS Immoplain verwenden und hier den "Gefällt mir" Button so einbauen, dass er auf jeder Seite erscheint, könnten Sie z.B. dynamisch den Titeltext der Immobilie hier einsetzen.
og:type Als Unternehmen wählen Sie company. Die möglichen Typen sind auf Facebook hier beschrieben.
og:locality Der Ort, an dem sich Ihr Unternehmen befindet
og:country Das Land, in dem sich Ihr Unternehmen befindet. Aus Kompatibilitätsgründen zu Facebook empfehle ich die englische Bezeichnung
og:site_name Jetzt wird es langsam spannend: Wählen Sie idealerweise den gleichen Namen wie für die eigene Facebook-Seite (Vielleicht der Name ihres Unternehmens?).
og:app_id Jetzt wird es noch spannender: Hier setzen Sie die Application-ID ein, die Sie oben von Facebook erhalten haben. Diese dient dazu, mehrere Seiten unter einem Link zusammen zu fassen.
og:title Ist ein Titel für das Objekt, der neben Ihrer Grafik im Sucherergebnis bei Facebook erscheint. Also der Firmenname oder Produktname
og:email Ihre E-Mail-Adresse
og:image Auch noch einmal wichtig. Wählen Sie hier das Profilbild Ihrer eigenen Seite (Firmenseite). Sie müssen dazu Ihr Profilbild noch einmal auf Ihrer Webseite ablegen. In Immoplain z.B. in das Verzeichnis /img/design
Auf der Seite Open Graph Protocol sind die gesamten Paramter beschrieben, die Sie verwenden können.
Jetzt benötigen wir noch den eigentlichen "Gefällt mir" Button. Wenn Sie wie oben beschrieben auf der Seite von Facebook den Quelltext generiert haben, wird auch der Quelltext für XFBML Variante angezeigt.
Leider "hakelt" es auch hier wieder bei Facebook etwas. Wenn Sie die schlanke Form mit Zähler generieren, wird trotzdem der Type Standard in den Quelltext geschrieben.
Hier ein Beispiel:
<fb:like layout="button_count" show_faces="false" width="265" action="like" colorscheme="light"></fb:like>
<div id="fb-root"></div>
Wenn Sie möchten, dass der Link in Facebook immer auf Ihre Startseite führt, dann bauen Sie die erste Zeile so ein:
<fb:like href="http://www.ihre-seite.de" layout="button_count" show_faces="false"
width="265" action="like" colorscheme="light"></fb:like>
Wenn auf die Seite verzweigt werden soll, auf welcher der Besucher den "Gefällt mir" Button gedrückt hat, dann bauen Sie den Code wie folgt ein:
<fb:like href="<?php echo "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];?>"
layout="button_count" show_faces="false"
width="265" action="like" colorscheme="light"></fb:like>
Bauen Sie diesen Code dort ein, wo der Button auf Ihrer Seite erscheinen soll.
Hier wird ein Zähler angezeigt. Der Besucher kann einfach klicken "Gefällt mir" und kann zusätzlich einen Text eingeben, der dann in der Statuszeile des Besuchers erscheint. So werden viel mehr Menschen darüber informiert.
Was passiert nun? O.k. zum einen erscheint es im Profil des Facebook-Users, dass ihm ihre Internetseite gefällt (und damit ist die spezielle Internetseite gemeint).
Wenn er einen Text dazu geschrieben hat, erscheint dieser auf der Statusseite des Facebook-Users.
Facebook hat nun im Hintergrund eine Seite generiert. Und da komme ich jetzt zurück auf die App-ID. Wenn Sie nämlich keine App-ID mitgeben, generiert Facebook jedesmal eine neue Seite.
Wenn nun jemand in Facebook nach - sagen wir "Immobilien Maier" sucht, bekommt er zwei Suchergebnisse untereinander angezeigt: Einmal die Facebook-Seite des Immobilienmakler Maier und einmal die Internetseite. Je nachdem landet der User in Facebook oder auf der Webseite - also auf einer unterschiedlichen Seite.