Wer gerne seinen Facebook Auftritt mit dem Shop visuell verbinden möchte, kann dies in wenigen Schritten tun. Hierzu stellt Facebook u.a zwei kleine Features zur Verfügung, die wir hier vorstellen wollen.
Die Facebook Fanbox: Hierbei können auf der einen Seite die aktuellen Beiträge im sog. Stream angezeigt werden, weiterhin auch die Bilder der einzelnen Fans (“show faces”). Um diese Box in die Seite einzubauen, kann wiefolgt vorgegangen werden:
- 1. Zuerst wird der Code für die Box selber erstellt. Hierzu auf diese Seite gehen und den Link zur eigenen Seite eingeben.
- Die Breite der gewünschten Box eingeben. Bei uns soll sie in die linke Navigationsleiste, so dass wir die Breite von 195px wählen. Das Farbschema ist so für unsere Zwecke in Ordnung.
- Wir möchten gerne, dass die Bilder der Fans zu sehen sind und lassen daher den Haken bei “Show Faces” gesetzt.
- Den Stream wollen wir ganz sicher und lassen auch hier den Haken gesetzt.
- Den Header “Find us on Facebook” brauchen wir wiederum nicht und entfernen daher hier den Haken.
- Als nächstes auf “Get Code” klicken und schon wird unten der Code für die eigene Likebox angezeigt und auch eine Vorschau ist zu sehen.
- Mit dem Code geht es dann in die zu “infizierende” Datei. Wir wollen die Box in der linken Navigationsleiste anzeigen und öffnen dafür die left_col.phtml im Ordner /app/design/frontend/default/[IhrTemplate]/template/callouts .
- In dieser fügen wir ganz einfach den eben generierten Code ein und speichern ab.
- Nachdem der Code hochgeladen wurde, sollte die Box nun an ihrer Stelle sein.
- Ein kleiner Tipp: Wer die Box gerne in seiner Sprache habe möchte, kann dies tun, indem im Code http://connect.facebook.net/en_US/all.js#xfbml=1 “en_US” gegen “de_DE” ausgetauscht wird.
- Anschließend ist die Facebook Fanbox in Deutsch.
- Es gibt natürlich noch viele andere Möglichkeiten wie Extensions, aber dies ist eine schnell umgesetzte.
Eine weitere Möglichkeit sich mit Facebook zu verknüpfen ist der Fanbutton, welchen es in verschiedenen Variationen gibt.
Dieser kann auch direkt online erstellt werden, indem auf diesen Link geklickt wird. Auch hier wird nur der Link zur eigenen Facebook Seite eingegeben und die eine oder andere Änderung vorgenommen. Die Änderungen werden in Echtzeit links neben dem Fenster angezeigt. Anschließend auch hier den Code generieren und dann kann er an jeder beliebigen Stelle eingefügt werden. Eine Möglichkeit ist zum Beispiel beim Artikel selber in der Beschreibung. Hier darauf achten, dass man nicht in der WYSIWG Ansicht ist sondern im HTML Modus.
Genutzt in Magento 1.4 und 1.5
hallo,
habe euren tip hier gelesen und bin noch etwas ratlos…… im moment sieht es im ordner left_col.phtml so aus……
getLinkUrl(),0,4))===’http’): ?>
<a href="getLinkUrl() ?>”>
getLinkUrl()): ?>
<a href="getUrl($this->getLinkUrl()) ?>”>
<img src="getSkinUrl($this->getImgSrc()) ?>” width=”200″ alt=”__($this->getImgAlt()) ?>” style=”display:block;” />
getLinkUrl()): ?>
der code für facebook lautet ……
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/de_DE/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
und jetzt die entscheidente frage, ist der code so ok und wie genau muss der rein ??????
wäre nett, wenn ihr mir das beantworten könntet …..
vielen dank
kay haufe