Javascript auslagern und einbinden

  • Guten Tag,

    ich habe mehrere Javaskripte. Diese möchte ich nun auslagern und an entsprechender Stelle in meinem Blog aufrufen.

    Ich weiß nun, daß ich eine .js-Datei erstellen muss die ich dann im Header der Seite einbinde.

    Leider bin ich nicht so bewandert und meine Recherchen haben ein paar Beispiele geliefert. Hier wird jedoch immer nur eine funktion ausgelagert und auf der Seite aufgerufen. Muss ich nun für jedes Skript das ich auslagern möchte eine eigene js.-Datei basteln? Das erscheint mir unsinnig weil der Aufruf ja auch javascript ist und so die Zahl der geladenen Dateien nicht weniger wird.

    Ich möchte vielmehr eine js-Datei, in die alle javascripte rein sollen und an der entsprechenden Stelle der Seiten erscheinen.

    Um meine Frage etwas zu verdeutlichen gehe ich kurz auf meinen Blog ein. Ich betreibe einen Blog zum Thema Euromünzen sammeln. Auf der Seite sind verschiedene Ebay-Banner eingebunden, die dann an entsprechender Stelle erscheinen. Im Artikel über deutsche Münzen ist ein Banner der deutsche Münzen anzeigt, bei Belgien belgische Münzen usw. Diese Banner sind Java. Diese Banner sollen ohne Interaktion des Besuchers sichtbar sein.

    Weiter teste ich verschiedene Funktionen wie Bilder Text aus-/einklappen. Hier soll der User aktiv auf den aus-/einklappen-Link klicken.

    Funktioniert alles mit dem jeweiligen auf der Seite eingebundenen Script wunderbar, doch wie beschrieben soll das ganze Zeugs ausgelagert werden um SEO-freundlicher zu werden.

    Kann mir jemand helfen?

    Danke und Gruß
    Uwe

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Danke für die Antwort. Schaut jedoch relativ kompliziert aus. Gibt es vielleicht eine einfachere, für den "Laien" realisierbare Möglichkeit?

  • mMn reicht es erst mal die .js wie folgt in die header.php oder footer.php einzubinden

    <script src="example.js" type="text/javascript"></script>

    [size=10]Bitte immer zuerst die Forensuche nutzen und erst danach Deine Fragen hier im Forum stellen, denn sehr vieles wurde schon mehrfach beantwortet. Bitte dabei auch die Forenregeln beachten.
    Kein Support per PN - Fragen gehören ins Forum.[/SIZE]
    [size=8]Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe)[/SIZE]

  • Ich habe das schon versucht, aber leider ohne Erfolg:

    Das war das Testskript

    Code
    function zeit()
    {
    uhrzeit = new Date()
    document.write(uhrzeit.getHours() + " Uhr " + uhrzeit.getMinutes())
    }

    In die Header.php habe ich folgendes eingefügt:

    Code
    <script type="text/javascript" src="meine-funktionen.js"></script>

    Und den Aufruf im Artikel mit

    Code
    <script type="text/javascript" language="JavaScript>
    <!--
    [COLOR=#0090E0]zeit();[/COLOR]
    //-->
    </script>

    Die js-Datei habe ich im Hauptverzeichnis.

    Muss ich nun die js-Datei doch lieber in den template-Ordner packen oder habe ich in der Header.php und/oder dem html-Aufruf einen falschen Pfad angegeben?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!