đź”’ A Note on Security
To protect your donor data, only embed code snippets from trusted tools. Avoid pasting unknown or unverified scripts — doing so may introduce security risks. You are responsible for the impact of any third-party script added.
đź“ť Note
This article provides high-level guidance on connecting your Studio pages with third-party analytics and tracking tools.
Each tool (GA4, GTM, Hotjar, Meta Pixel, etc.) has its own configuration and troubleshooting steps. For detailed setup or technical support, please refer to their official documentation or contact their support team directly.
Â
1. Get Your Tracking Code Snippets
Each analytics or tracking tool provides a short piece of JavaScript or HTML called a “tracking code” or “snippet.” You’ll paste this into your Studio page under Pages > Update Details > Add Head Script/No Script Code
Below are direct help links for each platform that show you how to find your snippet:
| Tool | Where to find your code |
|---|---|
| Google Analytics 4 (GA4) | How to install GA4 to your website |
| Google Tag Manager (GTM) | How to install Google Tag Manager |
| Hotjar | How to install your Hotjar tracking code |
| Meta Pixel (Facebook) | How to set up Meta Pixel on your website |
Â
2. Add Tracking Code Snippets to Studio pages
After retrieving the snippet from your preferred tool:
- Go to the Pages tab in Studio
- Select the page you want to track and click three dots
- Click Update Details → Scroll down. You'll see two fields: Add Head Script and No Script Code
| Field | Use it for... |
|---|---|
| Add Head Script | Paste tracking code that should go inside the <head> (e.g. GA4, GTM, Hotjar). |
| No Script Code | Add fallback tags like GTM’s <noscript> for browsers with JS disabled. |
- Paste your snippet into the Header or Body field as directed by the tool’s instructions
- Click Submit to save your changes
3. Test that your connection works
After publishing your page, you can now verify that the connection between Studio and your analytics tool is working correctly.
| Tool | How to verify |
|---|---|
| GA4 | Visit your page and check Real-time reports in GA4 to confirm that you're collecting data. You should see your own visit appear within seconds. |
| GTM | Use Tag Assistant to verify your Google Tag. |
| Hotjar | How to check that Hotjar is working. |
| Meta Pixel | Use the Meta Pixel Helper to confirm events are firing correctly. |