How to install Mida on Umbraco

Created by LiRou C, Modified on Tue, 11 Feb at 10:54 PM by LiRou C

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 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.