If you've already installed the Mouseflow tracking code on your site using the standard Mouseflow tag in GTM, you'll need to follow this guide in order to customize the tracking code.
1. Start by removing the existing Mouseflow tag from your Google Tag Manager account. You do this by going into "Tags" in the left-hand menu -> selecting the Mouseflow Tag from the "tags list" -> click on the 3 dot menu in the top right-hand side -> and then click on "Delete":
2. Once you've deleted the old tag you'll need to set up a "New Tag" in GTM using your Mouseflow tracking code. To do this you will first need to log in to your Mouseflow account and clicking the </> symbol to open up the Tracking Code you will need. In the next prompt, select the option titled "HTML".
Click the Copy to Clipboard button to save the Tracking Code.
You will need this in step 4.
3. Next you need to set up the actual "New Tag" in GTM and then choose "Custom HTML"
4. Once you have the new tag open you'll need to add the tracking code that you copied to your clipboard in Step 2. It should look something like this:
Note: If you have any customizations you want to add to your tracking code you can do so here.
4. After that you have to add a "Trigger".
You can trigger the tag on anything you want, but we generally recommend setting the trigger to "All Pages" to ensure that you capture all your traffic.
Click inside the new "trigger card" that appears and then choose "All Pages". In the end the new tag should look like this:
When the new tag is set up you'll need to save it by clicking the blue "Save" button in the top right-hand corner.
5. Finally you will have to publish the changes to your workspace by clicking the blue "Submit" button in the top right-hand corner of the screen. This will ensure that the new tag is published on your site.
You can now always go back, open up the Mouseflow tag and add any customizations directly to the tracking code inside the tag.