ekomi Widget und verbotene html tags

[toxic]

Huhu zusammen,

ich soll in einer Seite ein ekomi Widget einbinden. Der Code dazu ist folgender (Anmerkung: hab die certId geändert, es wird also nix angezeigt):

<!-- eKomiSeal START -->

<div id="eKomiSeal_default"></div>

<!-- eKomiSeal END -->

 

<!-- eKomiLoader START, only needed once per page -->

<script type="text/javascript">

                (function(){

                               eKomiIntegrationConfig = new Array(

                                               {certId:'xxxxxxx'}

                               );

                               if(typeof eKomiIntegrationConfig != "undefined"){for(var eKomiIntegrationLoop=0;eKomiIntegrationLoop<eKomiIntegrationConfig.length;eKomiIntegrationLoop++){

                                               var eKomiIntegrationContainer = document.createElement('script');

                                               eKomiIntegrationContainer.type = 'text/javascript'; eKomiIntegrationContainer.defer = true;

                                               eKomiIntegrationContainer.src = (document.location.protocol=='https:'?'https:':'http:') +"//connect.ekomi.de/integration_1391672697/" + eKomiIntegrationConfig[eKomiIntegrationLoop].certId + ".js";

                                               document.getElementsByTagName("head")[0].appendChild(eKomiIntegrationContainer);

                               }}else{if('console' in window){ console.error('connectEkomiIntegration - Cannot read eKomiIntegrationConfig'); }}

                })();

</script>

<!-- eKomiLoader END, only needed once per page -->

Nun wird allerdings der Code ab der Stelle <eKomiIntegrationConfig.length; abgeschnitten. Ich gehe davon aus, dass das mit den verbotenen html tags zusammen hängt und ich dafür eine Ausnahme hinzufügen müsste - aber letzten Endes handelt es sich hier ja eben um keinen tag, sondern um anderen Code. Ich wüsste also nicht, wie eine solche Ausnahme aussehen sollte, da sich kein "tag" eingrenzen lässt.

Die Alternative dazu wäre, eine html Datei mit dem Widget hochzuladen und dann an entsprechender Stelle in die Seite einzubinden; allerdings wäre mir eine Lösung direkt aus Contao lieber.

Gibts irgendwelche Ideen?

Besten Dank im Voraus und viele Grüße!

[stefan-at-work]

Das ist ja auch kein HTML...

Pack den JavaScript-Block ins Seitenlayout (evt. für die Widget-Seiten ein eigenes anlegen). Der Rest ist CSS.

[toxic]

Hmm, für das Seitenlayout brauche ich aber doch ein Modul... Und da kommt ja nur eigener HTML Code in Frage?! Ansonsten müsste man das seitentemplate anpassen... Das würde ich aber auch gern vermeiden.

[Nina]

Leg im Templates-Ordner ein neues leeres Template an, das du ekomi.html5 nennst (wenn das Seitenlayout auf HTML5 basiert). Da packst du diesen ganzen Code rein.
Dann legst du unter Themes > Module ein Modul vom Typ "Eigenes HTML" an, benennst es z.B. Ekomi-Widget und schreibst dort rein:

{{file::ekomi.html5}}

Falls du das Template im Template-Ordner in einen Subordner gepackt hast, müsstest du das Insert-Tag entsprechend anpassen, also z.B. {{file::blablubb/ekomi.html5}} wenn der Unterordner "blablubb" hieße.

Nun musst du nur noch das Modul ins Seitenlayout an die gewünschte Stelle packen.

Der Vorteil dieser Herangehensweise: Du musst die verbotenen HTML-Tags bzw. den JS-Code in den Contao-Einstellungen nicht allgemein freigeben und du kannst den Code einfach nach Bedarf im Template anpassen, falls er sich mal ändert.

[toxic]

Danke Nina, damit funktioniert es.

Ich habe allerdings auch Stefans Methode zum Laufen gebracht: Ich hatte im Seitenlayout die Option, eigenen Javascript Code einzubinden, gar nicht gesehen und war eben zufällig drüber gestolpert. Habe dort das <script> rein gepackt und dann im Layout ein html Modul mit der entsprechenden <div> eingebunden. Funktioniert genauso.