Facebook-Widget nicht angezeigt
Ich wollte ein Facebook-widget in meine HTML-Datenblatt, und ich Tat genau das, was es soll, aber es erscheint nicht in meiner website.
Facebook sagt mir das:
-
Gehören die JavaScript-SDK auf Ihrem Seite einmal, im Idealfall direkt nach der Eröffnung
<body>tag:<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/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> -
Platzieren Sie den code für Ihr plugin, wo immer Sie wollen das plugin auf Ihrer Seite erscheinen.
<div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div>
Meine HTML-Platte ist diese:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript"></script>
</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/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="dprenav">
<p id="prenav">Olive</p>
<div>
<a id="twlogo" href="https://twitter.com/JuliDAlessandro" target="_blank" ><img id="imgtwlogo" src="bird_gray_48.png"></a>
</div>
<div>
<a id="fblogo" href="http://www.facebook.com" target="_blank"><img id="imgfblogo" src="f_logo.png"></a>
</div>
<div>
<a id="right-corner" href="http://www.youtube.com" target="_blank"><img id="cbanner"src="corner_banner.png"></a>
</div>
</div>
<div id="barmenu">
<a id="barmenu1" href="#">Home</a>
<a id="barmenu2" href="products.html">Products</a>
</div>
<div id="bleft">
<p>asdasdasdada</p>
<div class="fb-like-box" data-href="https://www.facebook.com/Queen" data-width="250" data-height="500" data-show-faces="true" data-stream="true" data-border-color="#97BB55" data-header="false"></div>
</div>
<div id="barticle">
<p>asdasdasdsa</p>
</div>
</body>
</html>Ich denke, das ist in Ordnung, aber es doens ' T show in meiner website. Könnten Sie mir sagen, was ist das problem?
- Ich versuchte Ihren code, und es scheint zu funktionieren perfekt. Könnte man nur überprüfen, wenn es einige Fehler auf der Konsole oder browser?
- Ich habe versucht, indem Sie all dies in ein jsfiddle-Datei und es hat wirklich funktioniert, aber es funktioniert nicht auf meiner Website. Ich bin mit Google Chrome
- Ich denke, dass ich jetzt was das problem ist. Ich glaube, dass die widgets nur funktionieren, wenn es geladen auf den server. Habe ich die Kodierung im text von Dokumenten und die Verwendung von Google Chrome überprüfen meiner Fortschritte.
- Immer noch, es sollte gearbeitet haben. Ich habe ein paar versucht, hinzufügen von widgets auf meinem lokalen Umfeld und es funktioniert. Sind Sie sicher, dass Sie keine Fehler auf der Konsole?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Kam ich hier nach der Suche nach Antworten, warum meine Facebook-Seite widgets nicht zeigen, bis auf meine Website. So, hier ist die Antwort für die anderen Menschen....
Werden Sie feststellen, dass Sie nicht "angemeldet", um Facebook auf dem browser, den du mit diesem problem auf. Nach der Anmeldung bei Facebook mit dem gleichen browser, sehen Sie das widget auf Ihrer Website angezeigt, aber das ist immer noch nicht akzeptabel, da nicht alle Ihre Kunden oder website-Besucher werden "angemeldet", wenn Sie ankommen. So stellen Sie sicher, dass JEDER sehen kann, Ihre Facebook-Seite widget unabhängig davon, dass Sie angemeldet oder nicht, Lesen Sie #2 unten...
Einloggen in Facebook als administrator Ihrer Facebook-Seite. Gehen Sie auf Ihre FB-Seite, dass Sie versuchen, die Anzeige über das widget. Sobald es auf Ihrem Facebook-Seite, klicken Sie auf "Seite Bearbeiten" befindet sich oben in der Admin-Panel. Dann klicken Sie auf "Einstellungen Bearbeiten". Dann, auf der Einstellungen-Seite... finden Sie das Feld mit dem Titel "Land-Einschränkungen". Sie benötigen, um sicherzustellen, gibt es absolut KEINE LÄNDER AUFGEFÜHRT, die in dieser Einstellung. Wenn Ihre Seite nur auf "United States", die Sie benötigen, zu entfernen und re-speichern Sie die Einstellungen.
Nach dem entfernen aller Länder aus dem "Land Einschränkungen" - Bereich der Seite Einstellungen für Ihr widget erscheinen soll-auf Ihrer website, unabhängig davon, geloggt in Facebook oder nicht. Problem gelöst.
Hoffe, das hilft.
Ihrem computer möglicherweise nicht über Zugriff auf Facebook (zum Beispiel mit einer kontrolliert/blockiert computer, über einen computer mit Facebook blockiert in der Arbeit, oder mit einer firewall/proxy), die möglicherweise, was das problem verursacht. Ich habe ein Konto, gesteuert durch meine Eltern (ich bin ein ziemlich süchtig gamer), und Facebook wird keine Verbindung hergestellt. Ich kopieren und einfügen der widgets, die oben in meinem code und wie erwartet, hat nicht funktioniert.
Da die JS-Datei verbunden ist, um eine Seite auf Facebook, nicht in der Lage, Zugang zu Facebook wird nicht zulassen, dass der browser zum abrufen der JS-Datei.
Habe es nur auf JSFiddle. Funktionierte gut für mich.