WD9 - Problem beim Einbinden vom FB Widget - Position nicht einstellbar

hstc schrieb am 07.01.2016 um 23:05 Uhr

Hallo zusammen,

ich habe versucht unsere FB Seite auf der HP anzeigen zu lassen.

Dazu habe ich das Widget benützt.

Im WD sieht das Ganze so aus wie es sein soll,

aber in der Vorschau, und auch nach dem upload ist das Fenster nur in der Linken Ecke zu finden

HTML-Code 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/sdk.js#xfbml=1&version=v2.5";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

HTML-Code head

<div class="fb-page" data-href="https://www.facebook.com/HundeSportTrainingscenter/" data-tabs="timeline" data-width="500" data-height="500" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/HundeSportTrainingscenter/"><a href="https://www.facebook.com/HundeSportTrainingscenter/">Hunde-, Sport- u. Trainingscenter</a></blockquote></div></div>

Kann mir da jemand weiter helfen?

Vielen DANK

Markus

Kommentare

marboe schrieb am 07.01.2016 um 23:42 Uhr

Hallo , ich kann hierzu aktuell leider nur aus der Erinnerung schreiben, aber hierzu gab es schon Hilfe. Ich glaube, sie war derart : an der Stelle "js.src = "__//connect.facebook.net/de_DE" ergänze vor den " //" ein "http:" . könnte schon alles gewesen sein. Gruß Marboe 

BeRo schrieb am 08.01.2016 um 00:39 Uhr

IMHO liegt die Ursache des Problems tiefer, in dem von fb "spendierten" Code begraben. Der Code verträgt sich nicht mit dem vom WD generierten JS Code...

Wenn Du den geposteten Code in einer neuen, vollständig leeren Seite Deines Projekts (im HTML Body- bzw. Head)  unterbringst und diese Seite per iframe in einem Platzhalter referenzierst, dann klappt's

Probier's mal.

Viel Erfolg

Zuletzt geändert von BeRo am 08.01.2016, 00:41, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

hstc schrieb am 08.01.2016 um 10:52 Uhr

Vielen Dank für die raschen Antworten!

Leider zeigt sich ein ähnliches Bild...

Mit einer Ausnahme: auf der HP so wie in der Vorschau wird jetzt gar nix angezeigt - nur mehr direkt im WD - da sieht es super aus..

Habe jetzt eine eigene Seite (fb.htm) gemacht und diese mit einem Iframe eingebunden

<iframe src="http://www.hstc.at/fb.htm" width="100%" height="100%" frameborder="0" scrolling="auto" name="xara_iframe" ><p>Your browser does not support iframes.</p></iframe>

Wenn ich die seite fb.htm aufrufe, wird diese richtig angezeigt

Nur das Einbinden funkt nicht

Habt ihr da eventuell noch einen Vorschlag?

Vielen DANK!

 

BeRo schrieb am 08.01.2016 um 11:49 Uhr

[...] Nur das Einbinden funkt nicht [...]

Vielleicht bist Du nur zu umständlich vorgegangen...

Du musst kein neues Projekt ("fb") erstellen, um den fb Code in eine leere Seite zu bringen. Es genügt völlig, dem aktuellen Projekt eine neue-, leere Seite in der passenden Größe hinzuzufügen. In Deinem Fall sollte die neue Seite z. B. 550 x 550 px groß sein.

Den Frameinhalt (src) kannst Du in jedem Fall auch lokal referenzieren, Du musst nicht die komplette URL bemühen...

Das kann so aussehen, wenn Du die neue Seite im Projekt anlegst: iframe src="./fb.htm"

[...] auf der HP so wie in der Vorschau wird jetzt gar nix angezeigt [...]

So, wie Du Dein Vorgehen geschildert hast, sollte die Anzeige des Frames funktionieren.

Lade Dir mal hier die Demo Projektdatei herunter, mit der ich das getestet habe. Wahrscheinich kannst Du damit den Fehler finden, den Du in Dein Projekt eingebaut hast...

Viel Erfolg

-------------------

Edit: 15:23 h

Download Link korrigiert

Zuletzt geändert von BeRo am 08.01.2016, 15:23, insgesamt 2-mal geändert.

Auf den Tag genau gehen heute, am 14.08.2021, 10 Jahre online Support für die Community zu Ende.
Ich freue mich auf eine neue, berufliche Herausforderung, die sich gerade ergeben hat. Leider bleibt dann keine Zeit mehr für die Community übrig, aber Ihr seid bei den aktiven Mitgliedern in besten Händen.
Sicher schaue ich auch ab und zu nochmal rein... 🤓

hstc schrieb am 09.01.2016 um 09:55 Uhr

Scheinbar bin ich zu dumm.....

Habe jetzt jede Möglichkeit durch :-(

Die Seite die FB anzeigen soll, funktioniert bei mir auch - sieht aus wie deine.

Nur nach dem Einbinden auf der "news" Seite wird diese nur im WD angezeigt und in der Vorschau nicht mehr

 

hstc schrieb am 09.01.2016 um 11:49 Uhr

es dürfte jetzt funktionieren - juhuuuu

 

habe die seite news einfach neu gemacht und plötzlich ging es

es dürfte dort ein problem gegeben haben .....

VIELEN DANK für die Hilfe !!!