Javascript Dateien in den Header einbinden

Von: Martin Weisbach

Wenn Sie ein Javascript in den Header Bereich Ihrer Typo3-Website einbinden wollen, genügt es nicht, dies im HTML-Template zu tun - denn Typo3 generiert den Header-Bereich automatisch und überschreibt die Eingaben aus dem HTML-Template.

Um eine Javascript-Datei in den Header einzubinden, geben Sie in das Setup Ihres Typo3-Templates folgendes TypoSkript ein: 

page.headerData.100 = TEXT
page.headerData.100.value = script type="text/javascript" src="fileadmin/datei.js"></script
page.headerData.100.wrap = <|>  

Falls Sie mehrere Javascript-Dateien einbinden wollen, können Sie die Eingabe wiederholen. Modifizieren Sie hierfür page.headerData.100 und machen Sie daraus z.B. page.headerData.110 usw.

Leeren Sie nun den Typo3-Cache und Ihren Browsercache und aktualisieren Sie Ihr Browserfenster - im Quelltext Ihrer Website sollten Sie nun im Header-Bereich sehen, das Ihr Javascript eingebunden wurde.

 

---