Ergebnis 1 bis 7 von 7

Thema: Facebook like box html integrieren

  1. #1
    HTML Newbie
    Registriert seit
    27.03.2013
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Facebook like box html integrieren

    hallo ich will die facebook like box in meine hompage integrienren und habe auf face book mir alles durch gelesen und es befolgt mir wird aber trotz dem nix angezeigt, hat jemand damit erfahrung??

    HTML-Code:
    <!DOCTYPE html>
    <html>
    
    <head>
        <title>Titel</title>
    
        <meta charset="ISO-8859-1">
        <meta name="description" content="">
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">
    
        <link href="style.css" type="text/css" rel="stylesheet">
    
        <div id="fb-root"></div>
    <script>
      window.fbAsyncInit = function() {
        // init the FB JS SDK
        FB.init({
          appId      : '344933968953362', // App ID from the App Dashboard
          channelUrl : '//www.facebook.com/VodafoneShopImMarktkauf', // Channel File for x-domain communication
          status     : true, // check the login status upon init?
          cookie     : true, // set sessions cookies to allow your server to access the session?
          xfbml      : true  // parse XFBML tags on this page?
        });
    
        // Additional initialization code such as adding Event Listeners goes here
    
      };
    
      // Load the SDK's source Asynchronously
      // Note that the debug version is being actively developed and might
      // contain some type checks that are overly strict.
      // Please report such bugs using the bugs tool.
      (function(d, debug){
         var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement('script'); js.id = id; js.async = true;
         js.src = "//connect.facebook.net/en_US/all" + (debug ? "/debug" : "") + ".js";
         ref.parentNode.insertBefore(js, ref);
       }(document, /*debug*/ false));
    </script>
    
    </head>
    
    <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=344933968953362";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    
    <div class="fb-like-box" data-href="https://www.facebook.com/VodafoneShopImMarktkauf" data-width="400" data-show-faces="false" data-stream="true" data-header="false"></div>
    
    <body>
    
    </body>
    </html>
    Danke
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Eddy Simpsons (27.03.2013 um 13:21 Uhr)

  2. #2
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Facebook like box html integrieren

    Wieviel Ahnung hast du von HTML und CSS?

    Ach - Vergiss die Frage, du musst
    Code:
    </head>
      
    <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=344933968953362";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
    </script>  
    <div class="fb-like-box" data-href="https://www.facebook.com/VodafoneShopImMarktkauf" data-width="400" data-show-faces="false" data-stream="true" data-header="false">
    </div>  
    
    <body>
    in das hier ändern
    Code:
    </head>
    
    <body>  
    
    <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=344933968953362";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));
    </script>  
    <div class="fb-like-box" data-href="https://www.facebook.com/VodafoneShopImMarktkauf" data-width="400" data-show-faces="false" data-stream="true" data-header="false">
    </div>
    
    Geändert von explanator (27.03.2013 um 16:55 Uhr) Grund: Codeformatierung angepasst

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    27.03.2013
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Facebook like box html integrieren

    Danke bleibt aber weis meine seite man siet nichts!! ich habe es auch durch iframe versucht den mir facebook generiert hat sobald ich die html öffne bleibt die weiss und ich finde den fehler nicht.

    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    </head>
    
    <body>
    <div id="content">
    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVodafoneShopImMarktkauf&amp;width=292&amp;height=590&amp;show_faces=true&amp;colorscheme=light&amp;stream=true&amp;border_color&amp;header=true&amp;appId=475884635779011" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>
    </div>
    </body>
    </html>
    
    Geändert von Eddy Simpsons (28.03.2013 um 21:52 Uhr)

  4. #4
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Facebook like box html integrieren

    Du musst diesen Header nehmen:

    Code:
    <!DOCTYPE HTML>
    <html lang="de">  
        <head>  
            <meta charset="utf-8">  
            <title>Unbenanntes Dokument</title> 
    </head>

  5. #5
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Facebook like box html integrieren

    Zitat Zitat von explanator Beitrag anzeigen
    Du musst diesen Header nehmen:

    Code:
    <!DOCTYPE HTML>
    <html lang="de">  
        <head>  
            <meta charset="utf-8">  
            <title>Unbenanntes Dokument</title> 
    </head>
    Quark. Ob der oder ein anderer Doctype spielt hier keine Rolle. Das Problem ist hier deutlich zu erkennen:

    Zitat Zitat von Eddy Simpsons Beitrag anzeigen
    HTML-Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Unbenanntes Dokument</title>
    </head>
    
    <body>
    <div id="content">
    <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVodafoneShopImMarktkauf&amp;width=292&amp;height=590&amp;show_faces=true&amp;colorscheme=light&amp;stream=true&amp;border_color&amp;header=true&amp;appId=475884635779011" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>
    </div>
    </body>
    </html>
    Schau mal was beim src-Attribut steht. Da steht eine URL die mit // anfängt - das geht nicht, kann nie zu einem Ziel führen.

    Die Lösung ist also hier noch ein http: davor zu setzen. Schon klappt es auch mit der Einbindung.

    Btw. habe ich genau so eine Frage schon oft gesehen, und jedes Mal liegt es an dem Tool, welches Facebook hierfür anbietet:
    https://developers.facebook.com/docs...gins/like-box/
    Wenn man dort sich einen Code generieren lässt und auf "iframe" klickt, wird der iframe-Code angezeigt - aber eben ohne das Protokoll davor. Wenn man das 1 zu 1 so übernimmt ohne nachzudenken und nochmal hinzuschauen passiert eben genau das.

    Bei der Methode im Eröffnungspost dieses Topics ist es übrigens genau das selbe. Dort steht z.B.

    Code:
    channelUrl : '//www.facebook.com/VodafoneShopImMarktkauf', // Channel File for x-domain communication
    Was fehlt? Genau, das Protokoll wiedermal.

    Code:
    channelUrl : 'http://www.facebook.com/VodafoneShopImMarktkauf', // Channel File for x-domain communication
    Und auch an 2 weiteren Stellen in dem Code.

  6. #6
    Prinz(essin)
    Registriert seit
    26.03.2013
    Beiträge
    835
    Danke
    20
    Bekam 76 mal "Danke" in 75 Postings

    Standard AW: Facebook like box html integrieren

    Hallo Threadi,

    habe die Frage auch schon öfter gelesen und den erstellten Code den FB liefert auch ausprobiert, aber immer direkt in den Browser kopiert, nie mit Iframe.

    Jetzt bin ich der Sache mal nachgegangen, weil es mich neugierig gemacht hat. Warum sollte Facebook einen falschen Code ausliefern?

    Also das mit der URI und //www...blabla geht in Ordnung laut http://tools.ietf.org/html/rfc3986#section-4.1

    Das Problem ist das die Leute es auf ihrem lokalem Rechner ausprobieren. Da steht dann in der Browserzeile was mit file:///c:/...usw.
    und da im Iframe keine URL sondern lediglich eine URI angegeben ist wird eben vom Browserpath file: ausgegangen und das klappt dann nicht. Daher die weisse Seite, da ja sonst kein weiterer Text im Dokumnet steht aus dem Iframe.

    Lädt man die Seite aber auf seinen Server hoch funktioniert es wunderbar.

    Es klappt natürlich auch wenn man, wie du schreibst das HTTP: wieder davor hängt, weil in dem Fall aus der URI eine URL also eine absolute Adresse wird.

    Das mit dem Header war von mir natürlich geraten, aber man weiss ja nie.

    Also mit den Code von Eddy Simpson lädt das Likeplugin vom Server aus, lokal jedoch nicht.
    Getestet mit IE8 und FF.

  7. #7
    HTML Newbie
    Themenstarter

    Registriert seit
    27.03.2013
    Beiträge
    3
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Facebook like box html integrieren

    Danke habe über all gesucht un nix plausiebeles gefunden. Explanator so versteht es jeder. Danke

Ähnliche Themen

  1. HTML/ JAVA Script integrieren
    Von Pimp1310 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 5
    Letzter Beitrag: 20.09.2010, 12:52
  2. warenkorb integrieren
    Von Gast im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 21.03.2007, 14:35
  3. SMF 1.0.7 in HP integrieren
    Von FROZEN VIRUS® im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 12.08.2006, 18:06
  4. Sounds integrieren
    Von luna-mortem im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 30.07.2005, 20:00
  5. Bild per CSS in Html Integrieren?????
    Von DaMaster im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.06.2005, 15:34

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •