Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man Kopf- und Fußzeilen-Code in WordPress hinzufügt (der einfache Weg)

Bei WPBeginner schreiben wir viele Tutorials, die das Einfügen von Code in die <header>- oder <footer>-Abschnitte Ihrer WordPress-Website erfordern. Das kann sich wie eine entmutigende Aufgabe anfühlen, vor allem, weil WordPress keine eingebaute Option zum Einfügen von Codeschnipseln im Header und Footer bietet.

Aber das Hinzufügen von Header- und Footer-Code in WordPress ist notwendig, wenn man versucht, sich mit Web-Diensten wie Google Analytics, Google Search Console, Facebook Pixel und anderen zu integrieren.

Vielleicht stoßen Sie auch auf WordPress-Tutorials, in denen Sie aufgefordert werden, individuelle CSS- oder JavaScript-Codes zu Ihrem WordPress Header oder Footer hinzuzufügen.

Glücklicherweise gibt es eine einfache Lösung für Anfänger. Mit dem kostenlosen WPCode Plugin können Sie den Code sicher hinzufügen, ohne die Dateien Ihres WordPress Themes direkt zu bearbeiten.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach Header- und Footer-Code in WordPress einfügen können.

How to Add Header and Footer Code in WordPress

Der beste Weg, um WordPress Header und Footer Code hinzuzufügen

Wenn Sie den WordPress-Kopf- und Fußzeilencode hinzufügen möchten, gibt es drei mögliche Lösungen:

  1. Manuell, indem Sie die Dateien header.php und footer.php Ihres Themes bearbeiten
  2. Mit der integrierten Kopf- und Fußzeilen-Codefunktion Ihres Themes
  3. Verwendung eines WordPress-Plugins

Die erste Option ist nicht sehr anfängerfreundlich, da Sie den Code für die Kopf- und Fußzeilen direkt in den Dateien header.php und footer.php manuell hinzufügen müssen.

Ein weiterer Nachteil dieser Methode ist, dass Ihr Code entfernt wird, wenn Sie ein Update für Ihr Thema installieren.

Die zweite Möglichkeit ist die Verwendung der integrierten Funktion Ihres Themes. Einige WordPress-Themes wie Elegant Themes und Genesis Framework von StudioPress bieten eine integrierte Option zum schnellen Hinzufügen von Code und Skripten zu Ihrem WordPress-Header und Footer.

Wenn Sie ein Thema mit einer integrierten Funktion verwenden, scheint dies eine sichere und einfache Lösung zu sein. Wenn Sie jedoch Ihr Theme ändern, sind alle Code-Snippets, die Sie Ihrer Website hinzugefügt haben, verschwunden. Dies gilt auch für die Website-Überprüfung in der Google Search Console, die Website-Analyse über Google Analytics und so weiter.

Aus diesem Grund empfehlen wir den Nutzern immer die dritte Option, ein Header- und Footer-Plugin zu verwenden. Diese Option ist bei weitem die einfachste und sicherste Methode, um Kopf- und Fußzeilen-Code in WordPress hinzuzufügen.

Nach vielen Anfragen von Lesern hat unser Team das WPCode-Plugin entwickelt.

WPCode

WPCode (ehemals Insert Headers and Footers) ist ein 100% kostenloses Code Snippet Plugin. Mit ihm können Sie ganz einfach Code in die Kopf- und Fußzeile von WordPress einfügen.

Hier sind einige Vorteile der Verwendung des WPCode-Plugins:

1. Einfach, schnell und gut organisiert: Sie können den Code für den Header und Footer Ihrer Website einfach und schnell hinzufügen. Außerdem sorgt es für Ordnung, indem es Ihnen erlaubt, alle Footer- und Header-Codes an einem Ort zu speichern.

2. Verhindert Fehler: Die intelligente Code-Snippet-Validierung hilft, Fehler zu vermeiden, die bei der manuellen Bearbeitung Ihrer Themendateien auftreten können.

3. Aktualisieren oder ändern Sie Ihr Theme ohne Sorge: Das Plugin speichert Ihren Header- und Footer-Code an einem separaten Ort, so dass Sie Ihr Theme aktualisieren oder ändern können, ohne sich Sorgen zu machen, dass der Code gelöscht wird.

Neben Header- und Footer-Skripten können Sie mit WPCode auch ganz einfach benutzerdefinierte PHP-, JavaScript-, CSS-, HTML- und Text-Code-Schnipsel einfügen, ohne Ihre Theme-Dateien zu bearbeiten.

Darüber hinaus verfügt WPCode über eine integrierte Snippets-Bibliothek, in der Sie alle nützlichen WordPress-Code-Snippets finden können. So können Sie WordPress-Funktionen, die Sie nicht benötigen, wie automatische Updates, REST API, XML-RPC, Kommentare und mehr, schnell entfernen.

Hinweis: Wenn Sie erweiterte Funktionen wie eine private Cloud-Snippet-Bibliothek, Konvertierungspixel, geplante Snippets, Code-Revisionen und mehr wünschen, können Sie auf WPCode Pro upgraden.

Weitere Einzelheiten finden Sie in unserer Anleitung zum einfachen Hinzufügen von benutzerdefiniertem Code in WordPress.

Sehen wir uns also an, wie man mit dem WPCode-Plugin ganz einfach Kopf- und Fußzeilencode in WordPress hinzufügen kann.

Video-Anleitung

Subscribe to WPBeginner

Wenn Sie sich das Video-Tutorial nicht ansehen möchten, können Sie die Textversion weiter unten lesen:

Hinzufügen von Code zu Kopf- und Fußzeilen in WordPress

Als Erstes müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, gehen Sie in Ihrem WordPress-Administrationsbereich zu Code Snippets “ Header & Footer. Danach sehen Sie ein Feld „Kopfzeile“, in dem Sie Ihren Code hinzufügen können.

Add code to header and footer with WPCode

Wenn Sie nach unten scrollen, sehen Sie auch ein Feld „Hauptteil“ und ein Feld „Fußzeile“.

Header and footer script boxes WPCode

Fügen Sie den Code einfach in eines der drei Felder ein. Vergessen Sie anschließend nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Einstellungen zu speichern.

Das Plugin lädt nun automatisch den Code an den entsprechenden Stellen auf Ihrer WordPress-Website.

Sie können jeden Code, den Sie nicht behalten wollen, jederzeit bearbeiten und entfernen.

Sie müssen das Plugin immer installiert und aktiviert lassen. Wenn Sie das Plugin deaktivieren, wird der gesamte benutzerdefinierte Code nicht mehr zu Ihrer Website hinzugefügt.

Wenn Sie das Plugin versehentlich deaktivieren, ist der Code immer noch sicher in Ihrer WordPress-Datenbank gespeichert. Sie können das Plugin einfach neu installieren oder reaktivieren, und der Code wird wieder angezeigt.

Hinweis: Möglicherweise müssen Sie nach dem Speichern der Änderungen den WordPress-Cache leeren, damit der Code korrekt im Frontend Ihrer Website angezeigt wird.

Wir haben festgestellt, dass der Hauptgrund, warum viele Anfänger das WPCode-Plugin verwenden, darin besteht, Google Analytics zu ihrer Website hinzuzufügen. Dafür empfehlen wir eigentlich das kostenlose MonsterInsights-Plugin.

MonsterInsights ist das beste Google-Analytics-Plugin für WordPress. Es hilft Ihnen, das Google Analytics Tracking mit nur wenigen Klicks einzurichten und zeigt Ihnen hilfreiche Statistiken direkt in Ihrem WordPress Dashboard.

Eine schrittweise Anleitung finden Sie in diesem Tutorial zur Installation von Google Analytics in WordPress.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie Sie Header- und Footer-Code in WordPress einfach hinzufügen können. Vielleicht interessiert Sie auch unser Leitfaden zur Anzeige von Code auf Ihrer WordPress Website oder unsere Expertenauswahl der besten Werkzeuge für die WordPress-Entwicklung.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

263 KommentareEine Antwort hinterlassen

  1. Rattanak

    Adsense give me copy code in to my site (between head) , where I can put code into my site?? I use premium plan!

  2. MADHUSUDAN

    Hi,

    Your team member has tried to resolve my issue and they are on time .. but i just saw this place where we can leave a reply..

    I am trying to add a meta tag to my front page as required by my affiliate programm company to get to promote their product. I used add header and footer plug in as suggested by your team member and after adding and saving changes I do not see the changes .. how would the site look after adding the meta tag by the way the meta tag is as below

    OR the other option is to add a new page with their code which is .html . i tried to copy paste as but it remains as such. IS IT BECAUSE MY SITE IS PHP SUPPORT AND THE CODE IS HTML OR HOW?

    Hope to recieve your advice and feedback.

    • WPBeginner Support

      Hi Madhusudan,

      The meta tags are located in your website’s HTML code. They are added in the header section or at the end. Meta tags are not visible on your website and do not make any change to your website’s appearance. You can still view the meta tag by viewing the source or using the inspect tool.

      Admin

  3. Angela

    I have added the header/footer plug in. I added my facebook pixel code and hit saved. But how to I install this code to specific pages of my website so I can track certain conversions?

  4. Jen

    I use this plug-in all the time with no issues. Today, I installed it and added my code needed into the correct area. Every page is showing the code except the home page. Any idea why every page would have the code except the home page?

  5. John

    This post doesn’t teach what script to put in the footer though. What simple script can I use to get started? I just want a simple footer.

  6. Sarthak

    I am having an issue her. It would be very helpful of you to resolve my issue.
    I have to add the code of google adsense in the header of my website, but earlier i had added the instant article code in the header, now what shold i do to keep both of them?
    (As i am the beginner, so i don‘ know much about it. Help me please.)

  7. George Beasley Jr

    I tried installing the „Insert Headers and Footers“ into my website. When I go to „Settings/Insert Headers and Footers“, I get this error: (Fatal error: Call to undefined function wp_unslash() in /home/afvetrep/public_html/wp-content/plugins/insert-headers-and-footers/ihaf.php on line 169)
    What do I do?

    • WPBeginner Support

      Hey George,

      wp_unslash() is a standard WordPress core function since WordPress 3.6. If you are using an older version of WordPress, then you need to update WordPress.

      If you are using the latest version of WordPress and still seeing this error, then let us know and we will help you troubleshoot.

      Admin

  8. Frank

    Hi. I am inserting a MailChimp popup script into the footer and this breaks my WP main navigation menu. Any idea why or how to fix it ? I just upgraded to your latest plugin version but the problem persists. Thanks.

    • Frank

      Anyone have any idea why I have this problem ?

      Thanks !

  9. Riju

    Please help me
    I can’t see any editor on appearance..
    I need to put webmaster tool verify meta code in how can I edit the header?
    Need help

  10. Bamz

    Thank you very much. Please where can I paste Google AdSense code in this plugin, header or footer?

  11. Riju

    Hi, I can’t see any
    I’m trying to connect my WB with Adsense

    Can i add Adsense ad code on WordPress after using mobile???
    Please help

  12. echenze

    Hi, can this still be used to insert the code that one is given for verification of a Google Adsense account?

  13. Samuel

    This is one of my best plugins and i use em frequently to add codes to the header and footer, but something happen after i update the plugins few hours ago, it gave an error [Fatal error: Can’t use function return value in write context in /home/campmmcg/public_html/wp-content/plugins/insert-headers-and-footers/ihaf.php on line 102]

    Please resolve this

  14. Meaghan Nutt

    This was really easy but it changed my header on the website and it is huge! It has pushed down my slider and my content for a huge white box. Help!

  15. raunak

    hey thanks for this amazing plugin
    but could it work if i paste google verification code on the header

  16. massive

    Thank you for this greate article, my question can I use this plugin to insert ad codes like ad codes of affiliates programs?

  17. Rizwan Amjad

    Hellow.. i am using this plugin, I have a question that can i use this plugin to insert multiple codes in this way..

    Code 1
    Code 2
    Code 3

    Simply Code 1 and then Enter Button and code 2 and enter button.

    I want to insert codes likes google authorship, analytics, webmaster, etc.

    • WPBeginner Support

      Hey Rizwan,

      Yes you can multiple code snippets on new lines by pressing enter button after pasting each snippet.

      Admin

      • Isabella

        Hi, This is probably a silly question, but if I already installed a facebook script in the header and now want to install another one from Hotjar, I am deleting the prior Facebook script so it is not re- installed, correct? Sorry I am not well versed in code.

        Thanks

        • WPBeginner Support

          Hi Isabella,

          Yes it is ok to do that. If you are unsure, then you can just copy the old code and save it as a text file on your computer.

  18. Paul

    Excellent video. Very clear and helpful. I am now subscribing to your channel.

  19. dominion

    good day. without installing any wp theme,is there any way I can use my own theme. or template

  20. Vladimír

    This is grat plugin, I see it is more than one year without updates. Could you please update it?

    Vladimir

  21. Lauren

    Thanks so much for the video. I tried to figure this out through other websites, and with my own brain, but I was still unsure. Your video was short and sweet, and finally gave me the visuals I needed to get the job done. Thanks again!

  22. nazanin

    hi ,
    i want to add my logo from wp(dynamic logo)
    where is this plugins >?

  23. khalid

    hey amazing people, i installed and added FB instant article code but FB still says that the code is not in the website.

    I have added it to head section part.

    • Suzanne Ball

      I get „403 Forbidden

      A potentially unsafe operation has been detected in your request to this site.“

      when I insert the google script

  24. Rene Hedges

    Thank you! Being very new to site building, and with no experience with working with coding, this was easy to follow!

  25. haris

    hi i am new in wp…….how to make database in wp and create table insertion etc….

  26. Marcelo Guimaraes

    Hello! I am using Insert Headers and Footers to add the Google Analytics code to my WP site. Do I need to worry about each page on my site separately or am I covering the entire site simply by following the instructions on this video and adding the code to the Headers box (Insert Headers and Footers > Settings)?

  27. Luciferbui

    Do you have html code or something, i need it to make my site faster
    No more plugin :)
    Thanks

  28. Patrick Saad

    Hello !

    This would be my first time using your plugin. I am hoping to render my web site more secure by adding these following scripts in the header :

    X-Content-Type-Options: nosniff

    X-Frame-Options: SAMEORIGIN

    X-XSS-Protection: 1; mode=block

    My questions are : Can I use your plugin to do this and if so do I make the header addition scripts one at a time or as I have typed them here.

    Thanks for your help !

    • WPBeginner Support

      The more appropriate way to set HTTP headers in WordPress is by using the send_headers hook. Here is an example, it goes in functions.php file.

      add_action( 'send_headers', 'add_header_xua' );
      function add_header_xua() {
      	header( 'X-UA-Compatible: IE=edge,chrome=1' );
      }
      

      Admin

  29. Conrad Hall

    Hi,

    I’m new to WPBeginner.com, and this is the first tutorial I have viewed. To be blunt, I’m stunned that a tutorial says „Here you see two text boxes where you can add your code. Simply copy and paste any meta information, scripts, Google Analytics, etc. and click “save settings”. This code will now be output to either your header or you footer.“

    Regrettably, there are no links to information that helps a beginner understand how to get, or use, any of the code indicated. This renders the plugin useless to me.

    My use for this plugin is to use it for connecting to pages such as privacy policy and publisher disclaimer. Is there a tutorial somewhere that shows this? if so, please link to it from this page.

  30. Richard Bauer

    Can Headers be static menus that include text, graphics, and links to pages? Same for Footers.
    is my site and is developed using FrontPage. We want to simply convert the entire site to Word Press as simple as possible. All links are to other site pages, site PDF and Word files, and a few external links. No Forms, No dynamic database, NO searches.

    any help would be appreciated

  31. marke

    Same result from inserting in wp_head Hook in Genesis Simple Hooks? Worked for me.

  32. Mary

    There have been big changes in WP – Is this plugin still compatible?
    Thanks

  33. WPBeginner Staff

    It seems like your WordPress theme does not uses the standard wp_header and wp_footer functions. Please try switching temporarily to a default theme like twenty thirteen and see if the problem persists.

  34. Mufidah Kassalias

    I’ve been using this plugin happily until the other day when we upgraded to the latest theme version (a major upgrade). The plugin broke our menu (it took quite a bit of investigation to narrow it down and be sure it was this plugin causing the conflict), so I’ve had to deactivate it. As you can imagine this is not a great solution, since our Google site verification, publisher info, analytics tracking and so on no longer exist in the head of our site. Do you have any suggestions regarding additional code I could include that would resolve the problem? Thank you.

  35. Andrea

    Hi there. I’ve noticed that I have to deactivate the plugin in order to see my images to insert them into a post. Is there way to fix this? I love the plugin otherwise!

  36. Cha

    How long does it take before the code starts publishing data for Google Analytics?

  37. Henrietta

    Hello there,

    You have helped me so much with so many issues – best site ever! thanks!

  38. Krista

    Hi there,
    I am trying to update my one line of code in google analytics to get demographic info. I am sure I have pasted it correctly into the header(and footer, which I have always had there, but just read in a previous comment is unnecessary.) When I clcik the button in google analytics to validate code, it does not recognize the change. Have tried several times. Could you help me figure out how to solve this, please? Thanks!

  39. corlie

    Brilliant! super easy to use :)

  40. Julie

    Can I use this plugin to add javascript code? Such as a redirection script?

    Thanks!

      • Pedro

        Hi, I just installed your plugin, and I understand it allows to insert website-wide code in the header, do you have some version/recommendation for a plugin that works separately for each page in the site?

        Thank you very much!

  41. Bob

    I’m using Genesis and am looking for a footer which is much more plug and play such as a widget where typical footer fields can be entered by a business user (non-coder). Even the available widget-based footers I see in the marketplace only go as far as saying ok, here’s your space, now add a random widget with some code snippets (way beyond my skills).

    If that magic doesn’t exist, can I just copy the footer code you are using on wpbeginner.com, edit the info and paste it into a Text widget into my Footer 1 position?

    • Editorial Staff

      Theoretically yes you can copy the code and paste it in the footer area. However it may cause some styling issues.

      Admin

  42. april whitlow

    If I am using this for google analytics, do i insert it into the header and footer or just the footer. sorry for the simple question. I am at the very beginning of learning.

  43. Vince

    How do you add header scripts in just „one specific“ page? This plugin is only applicable if you are adding a script for all the pages, but is not applicable if you will add it in a specific page.

    • Rya

      for “How do you add header scripts in just “one specific” page? This plugin is only applicable if you are adding a script for all the pages, but is not applicable if you will add it in a specific page.”
      You can use php w/ the following info:
      http://codex.wordpress.org/Conditional_Tags
      in conjunction with your scripts.

  44. Fayola

    I did this and I see that the script appears in the footer of my page. However, Google Analytics still says that the tracking is not installed. Please help!

  45. Stan Peters

    I get Notice: wp_register_style was called incorrectly. Scripts and styles should not be registered or enqueued until the wp_enqueue_scripts, admin_enqueue_scripts, or init hooks. Please see Debugging in WordPress for more information. (This message was added in version 3.3.) in C:\tools\xampp\htdocs\wpfrontier\wp-includes\functions.php on line 2758
    when I use it to insert google font code in header

    • Editorial Staff

      This plugin is mainly created for analytics script, or meta information. This is not meant to be used for inserting jQuery or other design elements like those. The purpose was to allow users to easily add tags in their head or footer without editing theme files.

      Admin

    • Ed

      I get the same problem. Is there a solution to this?

  46. Mladen

    I have tried to add FB meta tags in header with this plugin, but it didn’t work. The idea is good, though.

    • Editorial Staff

      If you are trying to add dynamic PHP code in this plugin, then it would not work. This plugin does not execute PHP. It is mainly for inserting static meta tags.

      Admin

      • Mladen

        Well, I don’t know if those tags are dynamic or static :) I tried the standard Facebook tags such as this:

        <meta property="og:url" content="“/>
        <meta property="og:title" content="“ />
        <meta property="og:description" content="ID)); ?>“ />

        <meta property="og:image" content="ID ) ) ?>“ />

        Can you tell me if this plugin is good for this purpose? Thanks

        • Editorial Staff

          No it is not good for that. Because the URL, the Title, and Description all have the PHP tag which is dynamic.

  47. Gautam Doddamani

    a great plugin but my custom theme already has this option! will bookmark this post in case i change my themes.

    • Editorial Staff

      Yeah it’s main purpose is to keep you from being theme dependent. Often people place their Analytics codes etc in their theme’s footer scripts area like this. Then they forgot about it when they switch themes. This causes them to lose analytics data for number of days.

      Admin

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.