To install Hitprobe on Joomla, you'll need to add the tag to each page of your site. There are 3 different options to do this:
- Adding the tag via the site template.
- Using a custom HTML module.
- Using a Joomla plugin/extension, such as HeadTag or Add Custom JS.
Firstly, get the Hitprobe tag
After you've signed up for your free Hitprobe account, you'll go through an onboarding step that will provide the tag for you to copy from the screen along with your unique site key. Keep this ready for the next steps. Alternatively, see our guide to how to configure your tag.
Adding the tag to your site template
The easiest and quickest method to add the Hitprobe tag to your site is to edit your Joomla site template, adding the code to the head section of the template. To do this:
- Log in to your Joomla account.
- In the sidebar, tap on System.
- Under the Templates section, tap Administrator Template Styles.
- Under the Template column heading, tap on your site template name.
- In the site menu, tap on index.php.
- Scroll down the code editor to the 'head' tag of the website (the head section will have both an opening (<head>) and closing (</head>) tags.
- Before the closing tag, add a new line to the code editor and paste in the Hitprobe JavaScript tag, ensuring that you've correctly added your site key to the correct part of the tag.
- Tap Save & Close.
Using a custom HTML module
Custom HTML modules give you more flexibility over how content is displayed on your site and greater functionality control. To add the tag using a HTML module:
- In the main dashboard view, select Content.
- From the drop-down menu, select Site Modules, then tap on + New to add a new module to your site.
- Scroll down and select Custom, then give the module a name, such as "Hitprobe tag".
- Scroll down and tap on Toggle Editor (this toggles to plain text), then paste in the Hitprobe tag, ensuring that you've correctly added your unique site key.
- Toggle across to Menu Assignment in the navbar and ensure that Module Assignment is set to "On all pages".
- Tap Save & Close.
Using a plugin or extension
Joomla has a host of plugins and extensions available via their extensions directory to configure your site in a more tailored manner, allowing quick changes to be made to your site without requiring code changes. To add the tag using a plugin or extension:
- In the main dashboard view, select System from the sidebar.
- Under Install, select Extensions.
- In the search field, search for an extension that allows you to add custom JavaScript to your site such as HeadTag or Add Custom JS, then tap Install.
- Once installed, head to System, then under Manage, search for the plugin and click on its name to open the plugin configuration tool.
- In the plugin settings, look for the field or section labeled Custom Tags or Head Code.
- Scroll down the code editor to the 'head' tag of the plugin (the header section will have both an opening (<head>) and closing (</head>) tags.
- Paste in the Hitprobe tag, ensuring that you've correctly added your unique site key.
- Tap Save & Close.