FaceBook sharer.php nutzen

Wie sicherlich bekannt ist, bietet Facebook die Möglichkeit Seiten zu "sharen" - dies kann man über Facebook selbst tun ( hierzu genügt es auf der Pinnwand im Feld "Was machst du" einen Link zu posten ) oder über einen selbst erstellten Link..

http://www.facebook.com/sharer.php?u=<url to share>&t=<title of content>

Eigentlich recht einfach - zu beachten ist, dass man die < url to share > bzw < title of content > URLencoden muss !
PHP bietet hierfür die Funktion urlencode.
Javascript bieter hierfür die Funktion encodeURIComponent

Facebook kann dann anhand der auf der Seite vorhandenen Bilder entsprechend Thumbnails für den Pinnwandeintrag auslesen - natürlich müssen diese auf der Seite vorhanden sein !
Sofern Bilder vorhanden sind funktioniert dies auch wunderbar - etwas komplizierter wird es, wenn man eigene Thumbs setzen möchte.

Folgender Quelltext muss hierzu in die zu "sharende Seite":

<meta name="title" content="The Title Of The Link" />
<meta name="description" content="A description of the link would go here." />
<link rel="image_src"  type="image/jpeg"   href="http://www.domain.com/path/my_picture.jpg" />

Die im Code aufgeführten Attribute werden nun genutzt um Facebook weitere Infos zum Link "mitzugeben"..
Beispielhaft möchte ich hier das Logo der DrupalCon Copenhagen als Thumbnail für die zu" sharende Seite" setzen:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<titleShare DrupalCon Copenhagen/title>
<meta name="title" content="Drupalcon Copenhagen" />
    <meta name="description" content="Join us.." />
    <link rel="image_src" href="http://port11.de/files/cph_logo_0.png" />
</head>
<body>
Share DrupalCon Logo..
Hier sind die normalen Seiteninhalte zu finden ..
</body>
</html>

Die Seite ist hier zu finden http://port11.de/test_share.html

Der Link schaut dann wie folgt aus:
http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.port11.de%2Ftest_s...
Die Seite selbst enthält keinerlei Bilder sondern nur einen Text ...

In Aktion findet man das Ganze auf der folgenden Seite http://auf-die-hand.hemelinger-bier.de..

Weitere Informationen gibt es hier:
http://www.facebook.com/share/
http://wiki.developers.facebook.com/index.php/Facebook_Share/Specifying_...

AnhangGröße
Bild_1.png36.65 KB