stylesheet API in SoSci einbinden

Question

Ich möchte die API von shepherd in SOSci benutzen. Dafür soll alerdings ein css sheet über eingebunden werden:

<script
  type="module"
  src="https://cdn.jsdelivr.net/npm/shepherd.js@13.0.0/dist/esm/shepherd.mjs"
></script>
<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/shepherd.js@13.0.0/dist/css/shepherd.css"
/>

Ist das ohne weiteres möglich oder macht da Probleme? Ich frage, weil es nicht funktioniert und die API nicht gefunden wird lout console.

Answer 1

Ist das ohne weiteres möglich oder macht da Probleme?

Technisch ist es möglich, wenn Sie den HTML-Code an geeigneter Stelle im Fragebogen-Layout einbinden.

Ein Problem verursachen Sie eventuell aber im Bereich Datenschutz. Durch den Code wird die IP-Adresse Ihrer Befragten automatisch an den Eigentümer von cdn.jsdelivr.net weitergeleitet (weil die Befragten ja zwei Dateien von diesem Server ziehen).

Wenn Sie das Datenschutz-Problem vermeiden möchten, können Sie versuchen, die JS- und CSS-Datei im Befragungsprojekt hochzuladen und diese lokale Datei zu verlinken.

Comments

super, vielen Dank.

"Wenn Sie das Datenschutz-Problem vermeiden möchten, können Sie versuchen, die JS- und CSS-Datei im Befragungsprojekt hochzuladen und diese lokale Datei zu verlinken."

Geht das nur über das Backend oder auch über die Admin Benutzerfläche? (falls es im SoSci Wiki eine Seite dazu gibt, würde mir das auch helfen).

---

Die Funktion zum Hochladen von Dateien finden Sie unter "Bilder und Mediendateien". Als Mediendateien sind auch JS und CSS erlaubt.

---

Danke, das wusste ich so nicht (oder hatte es wieder vergessen). Eine kleine Frage noch: die API hat nur cjs oder mjs Dateien, neben der css. Anscheinend dürfen aber keine cjs Files auf den Server geladen werden. Eine kurze Test.js konnte ich aber hochladen. Ist cjs auf unserem Server geblockt oder ist das Format in SoSci einfach nicht vorgesehen?

---

*.cjs und *.mjs wird eigentlich nur Server-seitig im Kontext von Node.js verwendet (https://codingforseo.com/blog/mjs-vs-cjs-files/) ... sind Sie sicher, dass das die Dateien für die Verwendung im Browser sind? Falls es nur die Datei ist, die direkt eingebunden wir, können Sie diese problemlos nach *.js umbenennen. Das klappt allerdings nicht mehr, wenn eine JS-Datei eine andere einbinden will.

---

ah, ich verstehe- vielen Dank. Dann muss ich noch mal in die Dokumentation reinschauen.