Problem bei "Namensraum für Facebook Like-Box angeben"

m.reich · 16 Mai 2011

Hallo zusammen,

ich bin neu in diesem Forum und nachdem ich die SuFu und Google ausgereizt habe, hoffe ich, dass ihr eine Lösung für mein Problem habt.

Ich betreibe eine XHTML/CSS (1.0 Strict) Homepage, in der ich die FB Like-Box mittels Javascript und XML eingebunden habe:

HTML:

<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<fb:like-box
href="hier_steht_die_URL_deiner_Fanpage"
width="240"
height="256"
show_faces="true"
stream="false"
connections="8"
header="false"
</fb:like-box>

Mein Problem ist, dass meine Homepage durch die Box nicht valide ist, weil der fb-Tag laut Validator für Strict nicht korrekt ist.

Ich habe weiterhin versucht im html-Tag den Namensraum für den fb-Tag zu definieren:

HTML:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">

Leider klappt das auch nicht und der Validator kreidet mir den Namensraum xmlns:fb als nicht korrekt an.

Ich würde mich für ein paar Lösungsvorschläge freuen.

Gruß

toney · 16 Mai 2011

Heyho,

du solltest vermeiden, den Facebook-Code direkt in dein XHTML einzubauen, sondern mittels JavaScript.

Folgenden Code hab ich grad nach kurzer Suche gefunden und etwas angepasst. Ist ungetestet aber so in der Art könnte es funktionieren.

PHP:

<script type="text/javascript">
//<![CDATA[
(function() {
    document.write('<fb:like-box href="URL" width="240" height="height="256" show_faces="true" stream="false" connections="8" header="false"></fb:like>');
    var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
    s.type = 'text/javascript';
    s.async = true;
    s.src = 'http://connect.facebook.net/en_US/all.js#xfbml=1';
    s1.parentNode.insertBefore(s, s1);
})();
//]]>
</script>

Quelle: XHTML Strict Tweet Button and Facebook Like Button

Gruss,
toney

m.reich · 16 Mai 2011

Danke erstmal für die schnelle Antwort!

Jetzt ist die Page valide. FF zeigt die Icons der Benutzer, IE jedoch nicht!

Außerdem ist das Erscheinungsbild sehr dürftig. Wenn ich die Werte für den Header auf true setze, werden diese nicht angenommen, genauso verhält es sich mit dem Höhe, deren Angabe auch keine Auswirklung hat (bei dir hat sich beim Kopieren der Höhenangabe ein Tippfehler eingeschlichen).

Die Like-Box sollte folgendermaßen erscheinen (und sie erscheint auch so, jedoch nicht valide, aber auch in IE):

Sieht jedoch jetzt valide so aus:

Kennt jemand die Attribute, die ich in Javascript eintragen muss, damit der Header und die Höhe korrekt angezeigt werden?

Gruß

Problem bei "Namensraum für Facebook Like-Box angeben"

m.reich

Guest

toney

Guest

m.reich

Guest

Neueste Beiträge