Forums » Plugin: Include Fussball.de Widgets » Widget abgeschnitten

Viewing 14 replies - 1 through 14 (of 14 total)
  • Plugin Author Alex

    (@mheob)

    Servus @api84

    Mit den wenigen Informationen ist es natürlich schwierig für mich da etwas zu finden.

    Schalte daher bitte die devtools von meinem Plug-in ein, solange nach einem Fehler gesucht wird. Dadurch erhalte ein wenig mehr Informationen über dein System und mögliche Probleme.
    Bei der Nutzung als shortcode einfach devtools=true mit angeben. Beim Gutenberg-Editor kann es ganz einfach in der rechten Spalte angehakt werden.

    Eines ist mir aufgefallen:

    Das Widget wird bei dir zweimal gestartet, obwohl es nur einmal da sein sollte:

    <script type='text/javascript' id='fubade-api-js-after'>
      new FussballdeWidgetAPI();
      new FussballdeWidgetAPI();
    </script>
    

    Vermutlich kommt dadurch etwas durcheinander.

    Ich kann so nicht sagen, woran es liegen könnte.
    Daher bitte mal das Widget von der Seite entfernen, Seite speichern, und dann noch mal neu einbinden. Dabei dann bitte die o.g. devtools aktivieren.

    Gebe mir dann wieder Bescheid, damit ich mir das erneut anschauen kann.

    Grüße
    Alex

    • This reply was modified 2 years, 7 months ago by Alex.
    • This reply was modified 2 years, 7 months ago by Alex.
    • This reply was modified 2 years, 7 months ago by Alex.
    Thread Starter Thomas

    (@api84)

    Hi Alex,
    versuche es nochmals.
    Habe es neu eingebunden unter https://svnollingen.com/fussballde-news/

    Plugin Author Alex

    (@mheob)

    Hi @api84

    Im Log sehe ich, dass das Widget wirklich zweimal gestartet wird.

    new FussballdeWidgetAPI();
    […]
    [fubade-42-0IR32] api: 02F…R32
    [fubade-42-0IR32] notice: News
    [fubade-42-0IR32] fullwidth: 1
    [fubade-42-0IR32] devtools: 1
    
    […]
    
    new FussballdeWidgetAPI();
    […]
    [fubade-82-0IR32] api: 02F…R32
    [fubade-82-0IR32] notice: News
    [fubade-82-0IR32] fullwidth: 1
    [fubade-82-0IR32] devtools: 1
    

    Daraus resultiert:

    window.FussballdeWidgetAPI -> evt.data.container fubade-82-0IR32
    window.FussballdeWidgetAPI -> evt.data.container undefined
    

    Beim zweiten Durchlauf geht dann die Verknüpfung verloren (der (div)-Container für die Updates ist undefined da er gar nicht existiert). Dadurch weiß die fussball.de-Seite, die auch die korrekte Höhe berechnet und an deine Seite zurückgibt, nicht wo sie die Anpassung durchführen muss.

    Das einzige, was du testen kannst, sind das Deaktivieren von anderen Plugins. Ich vermute, es gibt da irgendwo eine Kollision / ein (doppeltes) Nachladen der Seite.
    Meine ersten Versuche wären kurzfristig das Borlabs-Cookie-Plugin, dann Plugins, die mit Caching oder anderen Optimierungen zu tun haben. Danach dann alle anderen.

    Bitte leere nach jeder Deaktivierung und vor dem Neuladen der Seite den Browser-Cache.

    Wenn du das entsprechende Plugin gefunden hast, können wir schauen wie wir weiter machen.

    Im schlimmsten Fall könnte es auch ein Script vom Theme sein. Auch dann müssten wir schauen, wie wir damit umgehen. Um das zu testen, müsstest du temporär mal ein anderes (Standard-Theme wie z.B. “Twenty Twenty-One”) aktivieren und darin testen.

    Gib mir gerne Bescheid, sobald du das Plugin/Theme identifiziert hast. Dann kann die Lösungssuche weitergehen.

    Grüße
    Alex

    Thread Starter Thomas

    (@api84)

    Hallo Alex,
    ich habe das gemacht was du mir geschrieben hast und trotzdem ist das Widget abgeschnitten. Ich habe jetzt mal alles zurück gesetzt. Auch keine Änderung.
    Ein anderes Theme bringt ebenfalls keine Änderung.

    Die Testseite mit DevTools habe ich nun wieder auf https://svnollingen.com/2021/09/01/news-test/

    Plugin Author Alex

    (@mheob)

    Hi @api84

    da muss ich zugeben, dass ich aktuell keine Ahnung habe, woran es liegen könnte 😞

    Wenn bei dir die Probleme auch ohne Plugins und mit dem Standard-Theme da sind, kann es eigentlich nur noch am Server selber liegen, was aber auch keinen Sinn ergibt 🤔

    Ich habe es produktiv aktuell auf drei Seiten problemlos laufen. Zudem hatte ich heute Morgen extra noch mal parallel ein neues Test-System aufgesetzt, wo es auch ganz normal funktionierte.

    Ich werde mal drüber schlafen. Vielleicht fällt mir noch etwas ein.

    Grüße
    Alex

    Plugin Author Alex

    (@mheob)

    Vielleicht ein Versuch noch.

    Wie bindest du das Plugin ein? Gutenberg oder Shortcode? Falls Gutenberg, dann versuche mal als Shortcode.

    Thread Starter Thomas

    (@api84)

    Über den Classic Editor Textebene.

    [fubade api=”02FJAMGR6O000000VUM1DNOOVSP0IR32″ notice=”News” fullwidth=true devtools=true]

    Shortcode hat das selbe Ergebnis werde es aber nochmals testen

    Thread Starter Thomas

    (@api84)

    Ich habe den Orginal Code von Fussball.de in mein System eingebunden. Hier wird es richtig übergeben. Siehe…

    https://svnollingen.com/fussball-test/

    Plugin Author Alex

    (@mheob)

    Hi @api84

    Ich habe den Orginal Code von Fussball.de in mein System eingebunden. Hier wird es richtig übergeben. Siehe…

    https://svnollingen.com/fussball-test/

    So richtig scheint das mit der Höhe aber auch nicht zu klappen 🤔
    Oder warum musst du eine feste Höhe mitgeben? Oder kommt sie nicht von dir?

    <div id="widget1" style="width:auto;height:1000px;"></div>
    

    Mit dem von dir genutzten Theme, NewsCard, und dem Borlabs Plugin, bekomme ich es in einer Testumgebung problemlos zum Laufen. https://wp.itsb.dev/hallo-welt/

    Ich habe aber eine andere Idee, woran es liegen könnte. Probier bitte mal das Einbinden eines anderen Widgets von fussball.de. Ein Mannschaftsspielplan z.B.

    Grüße
    Alex

    • This reply was modified 2 years, 7 months ago by Alex.
    Thread Starter Thomas

    (@api84)

    Hi Alex,
    ein anderes Widget ist hier eingebunden
    https://svnollingen.com/vereinsspielplan/

    height1000px deshalb weil er bei 100% oder auto einfach nur einen Ausschnitt zeigt 🙁

    Gruß Thomas

    Plugin Author Alex

    (@mheob)

    Hi Thomas

    height1000px deshalb weil er bei 100% oder auto einfach nur einen Ausschnitt zeigt 🙁

    Genau das dachte ich mir.

    Das Widget mit den Spielberichten von Fussball.de scheint kaputt zu sein. Es ändert seine Höhe nicht automatisch, sondern liefert nur seine Standorthöhe aus. Ich ändere die Höhe in meinem Plugin auf 200px und verbiete den Scrolleffekt (es gibt sonst an anderen Stellen Probleme), daher sieht es etwas anders aus wie im Original.

    Der Vereinsspielplan funktioniert ja bei dir wie gewünscht (ändert man das “Bis” Datum z.B. auf November, ändert sich auch die Höhe). Daher funktioniert mein Plugin grds. korrekt.

    Ich werde aber nächste Woche mal schauen, ob ich da etwas mit meinem Plugin machen kann, damit es zumindest etwas angenehmer zu handhaben ist.

    Gruß
    Alex

    Plugin Author Alex

    (@mheob)

    Nur ein kurzer Zwischenstand:

    Ich habe dich nicht vergessen, bin aber aktuell ziemlich eingespannt. Daher konnte ich mich noch nicht abschließend darum kümmern, bleibe aber dran.

    Plugin Author Alex

    (@mheob)

    Hi Thomas!

    Entschuldige die Verzögerung.

    Es gibt mit dem heutigen Update auch die Eigenschaft classes um, eine eigene CSS-Klasse mitzugeben und entsprechend stylen zu können.

    Also z.B. so etwas hier:

    [fubade api="…" fullwidth=true classes="my-awesome-sepcial-class"]
    

    Und im CSS dann z.B.:

    .my-awesome-sepcial-class {
        height: 1000px;
        border: 5px solid green;
    }
    

    Damit kann dein Problem wenigstens ein wenig angenehmer umgangen werden. Der eigentliche Knackpunkt liegt leider bei fussball.de selber. Da kann ich leider nichts dran machen.

    Grüße
    Alex

    Hey,

    Die Anpassungen sind zwar ganz cool, aber bei meinem Test ist mir gerade aufgefallen, dass die Höhe des Divs im Elementstyling gesetzt wird, weshalb mit der Verwendung der eigenen CSS-Klasse die Höhe nicht überschrieben werden kann.

    <iframe src="//www.fussball.de/widget2/-/schluessel/02GILI91B0000000VUM1DNPDVUD36GTN/target/fubade-0-36GTN/caller/wp.sv1911.de" width="550pxpx" height="1492pxpx" scrolling="no" style="border: 1px solid rgb(206, 206, 206);overflow: hidden;min-height: 200px;max-width: 100%;max-height: 68px;"></iframe>

    Es sieht so aus als würde die Höhe des Iframes gesetzt werden, befor die Inhalte geladen werden, denn wenn man das Fenster “resized” wird die Höhe entsprechend aktualisiert.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Widget abgeschnitten’ is closed to new replies.