Einbettung FB; Twitter

  • Hab gerade versucht die Buttons von FB und Twitter einzubinden bin aber kläglich daran gescheitert.
    Warum? Keine ahnung.
    Code kopiert in body eingefügt, gespeichert, onlinegestellt ABER nix wird angezeigt. Wie verhext.
    Bei FB hab ich jede Methode probiert, weiß nicht wo der Fehler liegt.
    Jemand ahnung von? Sende gern alles zu.

  • Also FB sollte nicht das Problem sein - von Twitter hab ich keine Ahnung.

    Zitat

    Code kopiert in body eingefügt, gespeichert, onlinegestellt ABER nix wird angezeigt.


    Wichtig wäre da. Welcher Code (HTML5, XFBML, IFRAME)? Wo eingebunden? Welcher Browser? AppId vorhanden?

    Wenn ein Mensch nicht um dich kämpft, hat er nur gewartet, dass du gehst. ;(

  • So, wegen der Vollständigkeit, hast aber auch eine PM:

    So, dann mal vom Beginn an. Hast Du den Code denn über das Online-Tool generiert?
    *** Link veraltet ***

    Bei Dir ist da jetzt der Platzhalter für den Button drinnen:

    Code
    <fb:like href="https://beispiel.rocks/beispiel.rocks/www.facebook.com/pages/Single-Reisen-Urlaubde/202089763230023" send="false" layout="button_count" width="250" show_faces="false" font="segoe ui"></fb:like>

    Das eigentliche Script und der Root-Container fehlen aber.

    Code
    <div id="fb-root"></div>
    <script>(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&appId=xxxxxxxxx";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>


    WICHTIG! Lass Dir den im Online-Tool generieren, das hier ist meiner mit meiner App.

    Bezüglich der AppId. Die wird, wenn Du keine App hast, bei dem Tool automatisch mit angelegt und im Code hinterlegt.

    Browser ist auch wichtig. Eigentlich alle kommen ohne den XML-Namensraum raus, nur der IE nicht, der braucht den. Steht aber auch beim Tool dabei ;)

    HTML
    <html xmlns:fb="https://beispiel.rocks/beispiel.rocks/ogp.me/ns/fb#">

    Kurz gesagt, Du hast aus dem Tool Punkt drei erledigt. Punkt 1 ist der wichtigste und der fehlt. Punkt 2 eben für ältere IE.

    Wenn ein Mensch nicht um dich kämpft, hat er nur gewartet, dass du gehst. ;(

  • Das Ding mit dem Browser, also den Namensraum... Oben wo Du schon einen hast...

    Mach aus dem

    HTML
    <html xmlns="https://beispiel.rocks/beispiel.rocks/www.w3.org/1999/xhtml">


    einfach ein

    HTML
    <html xmlns="https://beispiel.rocks/beispiel.rocks/www.w3.org/1999/xhtml" xmlns:fb="https://beispiel.rocks/beispiel.rocks/ogp.me/ns/fb#">

    Wegen der AppId. Kann sein, da wurde in den letzten Monaten viel geändert. Wenn Dir das Tool keine gibt, dann brauchst Du auch keine. Früher wurde da immer eine generiert. Ich hatte dann auf einmal über 20 verschiedene "unbekannte" Apps ;)

    Wenn ein Mensch nicht um dich kämpft, hat er nur gewartet, dass du gehst. ;(

  • Also Twitter kenne ich nicht, aber da scheint ja alles zusammen in einem Code zu stehen.

    Bei G+ ist es wie bei FB. Da haste einen Platzhalter und ein Script. So ein "root"-Teil gibt es dort aber nicht.

    Wenn ein Mensch nicht um dich kämpft, hat er nur gewartet, dass du gehst. ;(

  • Nachtrag:
    Nimm aber mal das "<div id="fb-root"></div>" oben aus dem Head raus, der hat da ja nichts zu suchen. Baue den in den Body mit ein. Ob man den aktuell noch braucht ist auch unklar. Früher wurde an dessen Position das Script nachgeladen, aber das scheint nun auch nicht mehr so zu sein. Eventuell ist das nur noch ein Fallback für alte Scripte.

    Wenn ein Mensch nicht um dich kämpft, hat er nur gewartet, dass du gehst. ;(