#Wp enqueue script load last how to
#Wp enqueue script load last update
#Wp enqueue script load last code

For small bits of code it doesn’t make sense to use a separate JavaScript file, that would require and therefore extra HTTP request when loading the page. If you’re OK with writing a little custom code, I would recommend creating a WordPress plugin for loading small bits of code into your site’s header or footer via an action. Adding JavaScript Inline With WordPress Hooks Separating everything that doesn’t have to do with how your site looks from the theme means that when you change how your theme, only the visuals change and you don’t lose important functionality. In addition, if you ever change your theme, you will lose that tracking script, which is also bad.

#Wp enqueue script load last update

That would work, but please don’t.Ī modification to a theme file will be lost when you update your theme. You technically could just paste tracking code or other JavaScript there. Those files should generate the header and footer of your theme. Don’t Edit Your Theme’s Header or Footer FilesĮvery WordPress theme has a header.php and footer.php template file. I recommend the Insert Headers And Footer plugin. There are a lot of plugins out there for header and footer scripts. With WordPress you need to have that code injected into each page’s header and footer programmatically. For a traditional static HTML site, you would literally paste that code into the HTML header or footer on each page. For something simple like this a plugin is a good choice.įacebook, Google, Twitter or whomever gives you the code and tells you to paste it into your site’s header or footer.

These are very simple cut and paste operations. Or you might need Facebook or Twitter pixel tracking code. Most of the time when you need to add custom JavaScript it is because you need to add something like Google Analytics tracking code to your WordPress site. Adding Header And Footer Scripts With A Plugin I’ll start with the no code solutions and go from there. Depending on what you need that might be worth it. Obviously these options involve a little bit of custom coding. Introduction to plugin development from Caldera Labs

#Wp enqueue script load last how to

I also covered how to use WordPress hooks in my WordCamp Tampa talk, here are the slides which go over actions and filters: I wrote a basic introduction to WordPress hooks previously for our blog. The first two options involve using WordPress hooks.

Use the WordPress post editor (really bad idea not worth discussing).

Modify your theme to include the script (bad idea).

Use a plugin to add header or footer scripts.

Use the wp_footer or wp_head hooks to add the script inline.

Load a separate JavaScript file using WordPress’ script loader.

I’ll go over each in detail in this article: They all will work, but some are better than others. Here is a quick list of options for adding JavaScript to your WordPress site. Ways To Add Custom JavaScript To Your Site In this post, I will go into more detail on the best ways to work with JavaScript snippets you need to add to your site. In two recent posts on this site, I discussed JavaScript and the other languages used in WordPress and how to implement custom code on your WordPress site. The HTML of your site is dynamically generated. Normally the documentation that you are given with these codes are written as if your site is just a bunch of HTML files. Often times, adding custom JavaScript for analytics tracking is the first type of custom code a WordPress user has to implement.