Step 1: Access Your Mida Account
Log in to your Mida account.
Navigate to Avatar > Projects.
Select the respective project to retrieve your Mida pixel.
Step 2: Log in to Your Your Umbraco Account
Log in to your Umbraco account.
Go to Settings > Scripts in the Umbraco backoffice.
Step 3: Create a New JavaScript File
In the Scripts section, click on the ellipsis icon (…).
Select New JavaScript File from the dropdown menu.
Step 4: Name Your JavaScript File
Enter a name for your JavaScript file, e.g., mida.js.
Click Create or OK to proceed.
Step 5: Paste Your Mida Pixel
In the text area of the newly created JavaScript file, paste your Mida pixel.
Click Save to store the file.
Step 6: Copy the File Path
After saving the file, copy the file path of the JavaScript file (mida.js).
Example: /scripts/mida.js
Step 7: Add the Script to Your Template
Go to Templates in the Umbraco backoffice.
Select the template you want to modify.
Locate the </head> tag in the template code.
Paste the following code right before the </head> tag:
<script src="/scripts/mida.js"></script>
Note: Replace /scripts/mida.js with the actual file path you copied in Step 6.
Step 8: Save and Publish
Click Save to finalize your changes.
Publish the template to make the changes live on your website.
Step 9: Verify Integration
Open your website in a browser.
Use browser developer tools (e.g., Chrome DevTools) to check if the mida.js script is loading correctly in the <head> section.
You’re All Set!
Once the Mida pixel is successfully integrated, you can start running Mida tests on your Umbraco website.