Buchungswidget via JavaScript-Code einbinden

[bteppan]

Hallo!
Ich versuche nachfolgenden JavaScript-Code via Code-Element in eine Website einzubinden:

<script>window.dw = window.dw || function () { (dw.q = dw.q || []).push(arguments) };dw('settings','95f55c64-b258-403d-aa71-088d5e508ed8',{"context": {"serviceIds": [],"productIds": []},"lang": 'de'});</script>
<script async src="https://web5.deskline.net/start/ACCOKTN/95f55c64-b258-403d-aa71-088d5e508ed8/index.js"></script>

Allerdings wird mir schon im BE ein Fehler beim Code angezeigt.
"Expected an identifier and instead saw "<". Missing ";" before statement ..."
Da ich kein Experte bin und den Code nur übernommen habe, weiß ich nicht wo ich diesen verändern könnte.
Ich habe den Code 1:1 von der Buchungsplattform übernommen, welchen ich zuvor dort generiert habe.
Auch habe ich - wie von Contao verlang - im Seitenlayout das 'js_highlight' Template eingebunden.

Wenn ich den Code als HTML-Element einbinde und zusätzlich in den Einstellungen <script> als erlaubtes HTML-Tag einfüge, funktioniert im FE zwar das Widget, jedoch scrollt die Website sofort zum eingebunden Widget und überspringt die davor vorhandenen Elemente.

Wo muss ich ansetzen damit das Widget funktioniert?
Danke!

[derRenner]

ungetestet würde ich sagen, dass du den Code in dein Seitenlayout unter 'Eigener JavaScript-Code' einfügen solltest

[mdoll]

Hallo!
Ich versuche nachfolgenden JavaScript-Code via Code-Element in eine Website einzubinden:
...
Auch habe ich - wie von Contao verlang - im Seitenlayout das 'js_highlight' Template eingebunden.

Das Inhaltselement Code nimmst Du dafür nicht. Das ist dafür da, Code im Frontend darzustellen, ohne dass er ausgeführt wird. Auch das js_highlight Template kannst Du wieder rausnehmen. Das ist dafür da, das der dargestellte Code hübsch formatiert wird (Syntax Highlighting).

Gruß
Mathias

[cliffparnitzky]

HTML-Element und zusätzlich in den Einstellungen <script> wäre richtig.

Das Scrollen kann von dem eingebundenen JS Code kommen.

[bteppan]

Danke für eure Antworten.
Es funktioniert sowieso nur die Variante via HTML-Element.
Störend ist einfach nur das scrollen zum Beginn des JS und wird tatsächlich vom eingebauten und leider nicht beeinflussbaren JS-Code verursacht.

Werde mit meiner Kundin abklären, welche Variante letztendlich verwendet werden soll:
- Einbau direkt in die Website oder
- Verlinkung auf eine externe Seite.

Schöne Grüße
Bernhard

[cliffparnitzky]

Du kannst ja versuchen ein eigenes JS am Ende des Dokuments zu laden, was dann wieder nach oben springt