Javascript für Spendenformular einbinden

Hallo Community,

ich möchte folgendes Spendenformular https://www.betterplace.org/de/proje...ations/new#eft
auf unserer Vereinswebsite einbinden.
Der fertige Code, den man verwenden kann ist:

Code:

---

<script type="text/javascript">
  /* Configure at https://www.betterplace.org/de/projects/42530-solarpumpe-mit-solaranlage-fur-das-missionskrankenhaus-adi-dr-kongo/manage/iframe_donation_form */
  var _bp_iframe        = _bp_iframe || {};
  _bp_iframe.project_id = 42530; /* REQUIRED */
  _bp_iframe.lang      = 'de'; /* Language of the form */
  /* Remove "//" for further customization but *only* if you really need to! */
  // _bp_iframe.width = 600; /* Custom iframe-tag-width, integer */
  // _bp_iframe.color = '6c9c2e'; /* Button and banderole color, hex without "#" */
  // _bp_iframe.background_color = 'fff'; /* Background-color, hex without "#" */
  // _bp_iframe.default_amount = 50; /* Donation-amount, integer 1-99 */
  // _bp_iframe.default_data_transfer_accepted = false; /* true (default), false */
  // _bp_iframe.recurring_interval = 'single'; /* Interval for recurring donations, string out of ["single", "monthly", "quarter_yearly", "half_yearly", "yearly"] */
  (function() {
    var bp = document.createElement('script'); bp.type = 'text/javascript'; bp.async = true;
    bp.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'asset1.betterplace.org/assets/load_donation_iframe.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s);
  })();
</script>
<div id="betterplace_donation_iframe" style="background: transparent url('https://www.betterplace.org/assets/new_spinner.gif') 275px 20px no-repeat;"><strong><a href="https://www.betterplace.org/de/projects/42530-solarpumpe-mit-solaranlage-fur-das-missionskrankenhaus-adi-dr-kongo/donations/new">Jetzt Spenden für „Solarpumpe mit Solaranlage für das Missionskrankenhaus Adi, DR. Kongo“ bei unserem Partner betterplace.org</a></strong></div>

---

Leider klappt das nicht so richtig. Als Contenttyp habe ich "HTML" genommen. Siehe Anhang. Es sieht auf unserer Website (ganz unten) dann so aus:
http://water-for-africa.org/de/adi-dr-kongo.html

Hat jemand einen Rat? Danke.

Binde es als insgesamt als {{file::deinscript.php}} unter /templates ein, dann sollte es auch ausgeführt werden.

Könnte auch schon reichen, wenn du in den Einstellungen das SCRIPT-Tag erlaubst.

@lucina:
Ich habe den Code in eine Datei kopiert und diese in das Verzeichnis templates hochgeladen, dann die Datei über {{file::...}} eingebunden. Es passiert nichts.

Andreas: 'script' als erlaubtes HTML-Tag hinzuzufügen hat auch nichts geändert.

Zumindest der Spinner von Betterplace.org erscheint aber ...

der Spinner ist noch vom ersten eingefügtem Code.

Darunter habe ich ein Contentelemet "Text" mit dem Inhalt " {{file::...} " eingefügt. Es erscheint nichts.

Ich habe für die Projekteseite http://water-for-africa.org/de/adi-dr-kongo.html jetzt ein eigenes Seitenlayout erstellt und den Code unten bei "Java script" - "Eigener JavaScript-Code" eingefügt. Dann kommt das Spendenformular richtig. Siehe http://water-for-africa.org/de/adi-dr-kongo.html ganz unten.
Es ist aber umständlich für jedes Projekt ein neues Seitenlayouit zu erstellen ...

...habe es testweise mal eingebunden und es geht, habe script und iframe in den Einstellungen zugelassen.

Gruß manfred

hmm. <iframe> und <script> sind als erlaubte HTML-Tags deklariert.
Wie hast Du das genau eingebunden? Ein HTLM-Element und dann den Code hineinkopiert?

ja genau, html und da den code rein.
Das Formular ist doch bei Dir auch zu sehen......nur igendwie stört der Code da drüber noch. Ist der jetzt zweimal drin?

Es scheint jetzt zu funktionieren. Keine Ahnung was los war. Habe mehrmals den Browsercache und in Contao bei den Systemeinstellungen den Cache geleert. Egal. Hauptsache jetzt geht's. Danke für's Hefen!