Insert Script into WordPress Body
Recently had a client with a WordPress website in need of injecting a JavaScript tracking code into the beginning part of the Body. This would allow the injected JavaScript tracking code to appear just after the <body> tag of every page on their website. Newer WordPress themes usually provide an option to inject code into the either the header, body or footer areas but the client had a custom WordPress theme with no such feature or ability.
In this article I will show you how to quickly and easily add a script, JavaScript or any other custom code into the Body area of your WordPress website with or without a WordPress plugin.
Add Script into WordPress Body
WordPress actions can include “hooks” which are called when that action is encountered by WordPress. For example, when your theme runs header.php, it should cause the function wp_body_open() to run. When the wp_body_open() function is executed you can “hook” into it and provide WordPress with any code that you would want to included.
WordPress themes include a header.php file as a template file. You could simply paste your script, JavaScript code or any other custom tracking codes there but this isn’t ideal. Any such modifications to your (parent) theme files would be lost as soon as you update or change your WordPress theme.
There are better ways of injecting a script or other custom code into the WordPress Body area. The easiest way is with the use of a free WordPress plugin whilst my preferred way is to simply use the built-in WordPress wp_body_open hook. Note, there are other solutions but these two are the best in my opinion.
Script Injection WordPress Plugins
There are many plugins available for adding header, body and footer scripts to your WordPress website. Below are two that I would recommend if you are interested in using a WordPress plugin.
- Header and Footer Scripts plugin by Digital Liberation
- Insert Headers & Footers + Custom Code Snippets plugin by WPCode
- Insert Headers & Footers plugin by WPBrigade
Adding a Script to WordPress Body
To include a script at the beginning of our BODY tag within our WordPress website we would want to open our child theme’s functions.php file and insert the following example code (excluding the php open and close tags):
The above script simply opens an alert window on your pages, but you may replace the existing script with one of your own. This is basically what the previously mentioned WordPress plugins do just more efficiently. Manually adding the above BODY hook might take a few more minutes to implement but is better in the long run.
Adding a Script to Avada Theme Body
To include a script (for example Google Analytics 4 Tag Manager Script) at the beginning of our BODY tag within our WordPress website, using the popular Avada WordPress theme, we would want to open our child theme’s functions.php file and insert the following example code (excluding the php open and close tags):
Conclusion
I welcome your thoughts, questions or suggestions on my article on inserting a script or other custom code into your WordPress Body.
You may support my work by sending me a tip using your Brave browser or by sending me a one time donation using your credit card.
Let me know if you found any errors within my article or if I may further assist you by answering any additional questions you may have.
