Eigenen Code in Kadence einfügen

Möchtest du in dein Kadence Theme JavaScript-Code oder Tracking-Code von Google Analytics integrieren? In diesem Blogbeitrag zeige ich dir, wie du deinen Code in den Header, Body und Footer einbinden kannst.

Um das hier verwendete Pro Addon nutzen zu können, benötigst du von Kadence WP eine Pro-Version – mindestens Plus.

Folge diesen einfachen Schritten um Header/Footer Scripts zu aktivieren:

• gehe zum Dashboard und klicke auf „Design“
• klicke auf „Kadence“
• im sich öffnenden Fenster findest du den Abschnitt „Pro Addons“, dort kannst du die Header/Footer Scripts aktivieren

Um nach der Installation den Code einzufügen gehe wie folgt vor:

• gehe zum Dashboard und klicke auf „Design“
• klicke auf „Customizer“
• im linken Fenster findest du ganz unten den Abschnitt „Custom Scripts“
• klicke, um ihn zu öffnen

Füge deine Code-Snippets in den entsprechenden Bereich ein

Beispiele Header: Tracking-Code von Google Analytics, Matomo oder anderen Analysetools finden im Header-Bereich den richtigen Platz.

Beispiel Footer: Hier kannst du beispielsweise JavaScript-Code einfügen, der erst am Ende der Seite ausgeführt werden soll.

Wichtig: Änderungen an der functions.php kannst du mit diesem Plugin leider NICHT vorhehmen.

Wichtig: Um Probleme mit der Funktionalität deiner Website zu vermeiden, solltest du unbedingt darauf achten, dass du nur den erforderlichen Code einfügst und dass er korrekt formatiert ist. Schon klitzekleine Fehler können große Auswirkungen haben.

Fazit: Das Kadence-Theme bietet dir mit den „Custom Scripts“ eine praktische Möglichkeit, um einfach und effizient Code in deinen Header, Body und Footer einzubinden.