Einbau von (funktionierendem!) Like-Button

**Papillon** · 11.07.2011, 14:10

Moin.

Ich habe mir schon die Wiki durchgelesen, aber die konnte mir nicht wirklich weiterhelfen.

Kann mir jemand mal für doofe erklären, wie ich einen funktionierenden Like-Button in eine Contao-Seite implementieren kann?

Ich habe schon folgende Szenarien durch:

1. Developer-Account bei Facebook aktiviert (was für ein Quatsch?!)
2. Den dortigen Generator benutzt und den Code als eigenen HTML-Code per Modul eingefügt. Natürlich auch die betreffenden tags: <script>,<iframe>,<fb:like> erlaubt.
3. Habe die o.g. Anleitung durchgearbeitet und eine App erstellt, was auch immer das soll. Habe alle Einträge vorgenommen und angepasst und schließlich wollte ich nur noch <fb:like .....></fb:like> per eigenem HTML-Code einfügen (die tags nach wie vor erlaubt).

Bei 1.-2. erschien der Button zwar schonmal wie gewünscht, aber es passierte nichts, wenn man draufklickte (außer, dass jedesmal der Zähler "1" anzeigte).
Bei 3. erscheint der Button gar nicht erst auf der Seite, weil der tag, obwohl erlaubt, wieder aus dem Modul gelöscht wird.

Ich packs nicht...

**aportmann** · 11.07.2011, 14:25

sali papillon

hast du dir die erweiterung fblikeit schon angeschaut? klappt bei mir wunderbar.

gruss andi

**Bandyt** · 11.07.2011, 14:26

Ich habe dafür die Erweiterung fblikeit geschrieben.

Kannst du ja mal ausprobieren.

PS: Die Erweiterung kann demnächst auch die XFBML-Variante des Buttons.

Edit: Mist, zu langsam

**Bino** · 11.07.2011, 14:29

http://developers.facebook.com/docs/.../plugins/like/
einfach hier (ohne irgend nen account oder sonst) Seite eintragen, neues HMTL Modul machen und den Code reinpacken. geht bei mir total Stressfrei.

Noch gemütlicher gehts natürlich mit fblikeit

**Papillon** · 11.07.2011, 14:32

Moin,

das ging ja flott alles.

Dummerweise hatte ich vergessen zu erwähnen, dass ich die Fblikeit auch schon ausprobiert habe. Hat bei mir glaub ich alles nicht funktioniert.

Ich setz es nochmal auf Anfang und probier das eins nach dem anderen aus.

Danke euch erstmal, ich meld mich.

Edit: Habt ihr IRGENDETWAS am Doctype, template oder eigene Head-Tags, Javascript verwendet?

Edit2: Muss ich beim Generator die URL freilassen, damit nicht die Stamm-Seite geliked wird, sondern die jeweilig aufgerufene?

**Bino** · 11.07.2011, 14:40

zu1: Keine Änderungen
zu2: In XFBML, defaults to the current page

**Bandyt** · 11.07.2011, 14:42

Zu 2: Bei fblikeit kannst du eine feste Adresse angeben, die geliked werden soll oder du lässt es leer.

Gibt man dem Button keine Adresse mit, nimmt er immer die Aktuelle (Da müsste eine Eigenschaft "href" sein. Die muss weg)

**Papillon** · 11.07.2011, 14:43

Ja, Moin!

Das scheint ja zu funktionieren. Fragt mich bitte nicht, warum es das vorher nicht getan hat..

Dann noch die Frage: Gibts eine Möglichkeit, Facebook ein (immer gleiches) Bild mitzugeben, welches als Thumb auf Facebook geposted wird?

**Messa** · 11.07.2011, 14:49

was ich auch gerne verwende.

AddThis:

https://www.addthis.com/get-addthis?...tics=0&bm=tb14

Ist jetzt nich eine Contao Lösung aber hier musst du nur den HTML Code in ein eigene Modul packen (eigener HTML-Code). Und den Java-Script in Seitenlayouts einfügen.

Finde ich eine schnelle und schöne Lösung.

Add This biete auch noch einge Service im Hintergund an. Wie Statistiken oder man kann die "Buttons" auch inidviduell anpassen auch die Sprache.

PS: Hier eine Erweitung zum bestimmen des Bildes das FB verwendet.

http://www.contao.org/erweiterungsli...000009.de.html

lg Matthias

**Papillon** · 12.07.2011, 14:03

Hallo Ihrs,

also der Buttons funktioniert jetzt soweit, allerdings nur zu 50% :-D

Wenn ihr mögt, könnt ihr euch ja selbst davon überzeugen (die "Likes" kann man ja bei Facebook auch kurzerhand wieder entfernen).

http://www.wfpha.org/

Situation: Auf der Indexseite und allen Hauptseiten (also alle Hauptmenüpunkte) funktioniert der Button nicht einwandfrei. Auf allen Unterseiten (die über das Submenü erreichber sind), allerdings schon.

Habe das href-Feld leergelassen. Wäre es klüger, da Insert-Tags reinzuknallen? Vielleicht funktioniert die Adressfindung nicht einwandfrei?

Edit: Habe es mal mit {{env::url}}/{{env::request}} im href-Element versucht.. klappt aber nach wie vor nicht..

AAAAABER: Ich ging davon aus, dass alles funktioniert, nur weil ich den Button sehen kann. Im Quelltext steht aber folgendes zwischen den Script-Tags:

Code:

Das Laden des Quelltexts ist fehlgeschlagen:: http://connect.facebook.net/en_US/all.js#xfbml=1

**Bandyt** · 12.07.2011, 14:07

Ich tippe auf href. Leer lassen ist wohl keine gute Idee. Lösche die Eigenschaft mal komplett und probiere es dann...

**Papillon** · 12.07.2011, 14:16

Jetzt ist die Meldung mit "Laden des Quelltextes fehlgeschlagen" wieder verschwunden..

Edit: Und es funktioniert auf der kompletten Seite nicht mehr.. der Like-Button ist zwar für eine Weile lang grau, aber sobald man das Tab wechselt (z.B. zu Facebook, um nachzuschauen), ist er wieder blau als wäre nichts passiert.

Edit: Kann es an irgendwas in Richtung Mootools liegen? Diese werden bei mir in der fe_page.tpl über

PHP-Code:


<?php echo $this->mooScripts; ?>

eingebunden. Ansonsten steht von denen aber nichts im Template.. aber die sollten damit doch eigentlich nichts zutun haben..

**Bandyt** · 12.07.2011, 14:26

Kann es sein, dass dein Code nicht vollständig ist?

Lt. Facebook muss die Initialisierung wie folgt aussehen:

Code:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({
    appId  : 'YOUR APP ID',
    status : true, // check login status
    cookie : true, // enable cookies to allow the server to access the session
    xfbml  : true  // parse XFBML
  });
</script>

Der 2. Block fehlt dir komplett.

**Papillon** · 12.07.2011, 14:30

Huch? Den hab ich von Seiten Facebook überhaupt nicht geliefert bekommen?
Ich probiers mal fix aus, danke dir. Meld mich gleich.

Edit: Allerdings.. woher nehme ich die App-Id?
Edit2: Ok, habe mir mal eine App erstellt.. warum man bei der Apperstellung nicht angeben muss, um was für eine App (Like button, etc.) es sich handelt, check ich nicht..

Edit3: Das kann doch nichts mit einer App zu tun haben? Nach meinem Empfinden sind Apps irgendwelche dummen Spiele für Facebook, ein Like-Button kann doch unmöglich was damit zu tun haben?

**Bandyt** · 12.07.2011, 14:39

Der Like-Button benötigt wohl keine App-Id (Sorry, hatte ich vergessen)

**Papillon** · 12.07.2011, 14:45

Wegen Missverständnis gelöscht.

**Papillon** · 12.07.2011, 14:51

So langsam werde ich wirklich wahnsinnig. Nun steht da als Zähler, dass 68K diese Seiten mögen? Habe die ID eben mal entfernt.

Edit: Jetzt habe ich mir einen nigelnagelneuen Code von Facebook generieren lassen, diesmal mit Domain. Der sieht so aus:

Code:

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#appId=117292991698739[&]xfbml=1"></script>
<fb:like href="http://www.wfpha.org/" send="false" layout="button_count" width="180" show_faces="false" font=""></fb:like>

Es ist normal, dass zwischen den fb:like-tags auch ein iFrame erzeugt wird, mit sämtlichen html, head und body-tags?

Edit:

Also ich habe den Button jetzt drin. Auch die OpenGraph Tags in alle Head-Tags eingebunden. Manchmal gehts, manchmal nicht. Eben spuckte Facebook aus, dass da wohl etwas nicht geklappt hat, aber sie sich darum kümmern werden..

**Bandyt** · 13.07.2011, 06:37

Ich habe das auch nochmal in meiner Testumgebung eingebaut, aber ohne Erfolg.

Was wunderlich ist, dass es mit andere Seiten geht, mit deiner aber nicht...