Im Internet Explorer 7 bzw. im Internet Explorer 8 kann es vorkommen, dass der Like-Button von Facebook (»gefällt mir«-Button) trotz korrekter Einbindung nicht angezeigt wird. Im Internet Explorer 9, sowie in allen anderen gängigen Browsern funktioniert hingegen alles wie gewünscht. Woran liegt das? Und warum tritt dieses Problem nicht bei allen Seiten auf?

Facebook-API im Footer eingebunden?

Eine häufige Ursache ist die Einbindung der Facebook-JavaScript-API im Footer de Website. In den letzten Jahren haben wir eigentlich gelernt, bestimmte Scripte am Ende der Seite einzubinden um den visuellen Seitenaufbau nicht auszubremsen. Der Internet Explorer 7/8 mag das allerdings nicht und zeigt den Facebook-Like-Button nicht an.
Um dieses Problem zu beheben müsst ihr die Facebook-API vor dem Like-Button einbinden.

dieser Code:

<script src="http://connect.facebook.net/de_DE/all.js#xfbml=1"></script>

Muss also vor diesem Code im Dokument eingebunden werden:

<fb:like href="<?php echo get_permalink(); ?>" show_faces="false" font="lucida grande" width="450" layout="button_count" action="like" send="true"></fb:like>

Bitte beachtet, dass beide Snippets je nach Bedarf noch individualisiert werden müssen. Mehr darüber erfahrt ihr hier.

Ob es sinnvoll ist die Scripte aus dem Footer zu entfernen, nur um den »gefällt mir«-Button auch im IE zu sehen muss natürlich jeder für sich selbst entscheiden.

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – 6 Kommentare

  1. Torsten
    schrieb am 24.07.2012 um 16:55 Uhr:

    Hallo,

    mein Problem gestaltet sich etwas anders.
    Ich bekomme den I Like Button erst angezeigt, wenn ich bei FB eingeloggt bin.
    Wenn ich sonst auf der Seite bin, wird mir der Button überhaupt nicht angezeigt.

    Ich habe die IFrame und die HTML5 Variante probiert, aber das Ergebnis blieb das selbe.
    Achja, das ist so mit jedem Browser: IE, Firefox, Chrome oder Opera ist überall das gleiche Problem.

    Liegt hier ein Denkfehler von mir vor?

    Antworten
  2. Alex
    schrieb am 01.09.2011 um 21:29 Uhr:

    hatte mich auch schon gewundert… nie hat es Funktioniert =)

    Danke für deinen Tipp

    Antworten
  3. Mark
    schrieb am 28.08.2011 um 21:21 Uhr:

    Die Leute sollten einfach zur neuen Version wechseln, respektive sich einen anderen Browser zu legen. Wer geht denn für IE so eine Arbeit ein? ;)

    Antworten
    • Jonas Hellwig
      schrieb am 28.08.2011 um 22:11 Uhr:

      @Mark: die Sache ist aber ja die, dass ich mit dem Button meine Reichweite erhöhen will…

      Antworten
  4. Moe
    schrieb am 27.08.2011 um 13:38 Uhr:

    Hallo Jonas,

    genau dieses Phänomen hatte ich vor kurzer Zeit. Nach ein wenig googlen bin ich dann auch auf den Trichter gekommen ;). Sehr schön von Dir erklärt, deswegen habe ich diesen Artikel auch direkt verbreitet.

    Grüße aus Köln,
    Moe

    Antworten
  5. Facebook: So nutzt ihr den neuen Send-Button | kulturbanause blog
    schrieb am 25.08.2011 um 08:00 Uhr:

    […] Im Internet Explorer 7 bzw. 8 wird der Button häufig nicht angezeigt. Sollte das bei euch der Fall sein, so achtet darauf, dass ihr die Facebook-JavaScript-API vor dem Like-Button eingebunden habt. Also nicht im Footer. Mehr dazu findet ihr in diesem Artikel. […]

    Antworten

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →