Header and Footer Script Loader - Settings
- Navigate to the plugin on the dashboard.
- Click on the plugin to activate the drop down menu.
- Click on the Settings tab.
- Enter the Script Name in the first box provided. (Example: Google Analytics Code). The script name will help you later identify your scripts and styles but other than this does not have any impact.
- A. Enter the Script Name in the box.
- B. Enter the Script Code in the box provided.
- On the right side of the box, choose the settings for the script.
- A. Choose from the drop down menu to select a Script Type. This is useful when you didn't place tags around the script (for example <script></script>). In such cases the plugin will automatically add the tags and wrap the script with them
- B. Choose from the drop down menu to select a Script Location. This is important aspect to help you optimize your WordPress site performance.
- C. Choose from the drop down menu to select the Autoload Option. There are 3 options.
- Load by default on All Posts and Pages - This means that the script will always load unless per specific posts it will be turned off
- Load on specific posts - This will let you choose which custom posts type the script will load for (see image below)
- Load on specific Urls - Specify which Urls the Script or CSS will load for. Can accept parts of URLs (e.g. directory names). Will also load for any sub directory of a directory specified here
- Don't load the script - This will prevent the script from loading automatically and will stil leave the option to turn it on per specific posts and pages (pro)
- Click the Delete button in the upper right hand corner to delete the box.
- Click on the blue Add New button to add a new box. You can add unlimited number of scripts and styles
- Click on the blue Save Changes button to save changes.
Specifying where Scripts or CSS should load based on URL
The script loader can load Scripts or styles for specific URLs.
In the Plugin Settings after giving the script / styles a name and pasting the code into the code area set the Autoload Option to "Load On Specific Urls".
Upon choosing this option a text input field should appear below with the label "Include this script on selected url:". Here enter the URL that the script should load for. It will load for any pages with URLs that contain what is entered here so the more of a url entered the more specific the match will be.