but the thing is my canva sites has an

but the thing is my canva sites has an explicit CSP which blocks external scripts.. ive tried everything including server side loading, subdomain cloudflare worker, but the only thing that happened is that my analytics did show data, but it was the worker webpage

Mackenly•4/22/25, 2:46 AM

Can you provide more details into how you've got it setup now?

nickOP•4/22/25, 2:47 AM

okay give me a minute

nickOP•4/22/25, 2:48 AM

okay so currently im trying to use Zaraz to load analytic scripts into my website hosted on Canva built using Canva Sites

nickOP•4/22/25, 2:49 AM

since Canva doesn't allow direct html into their website, i tried using a cloudflare worker to modify the html file of the website to include the scripts

nickOP•4/22/25, 2:52 AM

ill just screenshot the code

nickOP•4/22/25, 2:53 AM

code for the cloudflare worker

nickOP•4/22/25, 2:54 AM

nickOP•4/22/25, 2:55 AM

Mackenly•4/22/25, 2:55 AM

Okay, I'm not super familiar with Canva's sites, so if I'm missing something lmk. This guide offers suggestions for how to instal GA4 via GTM. They're suggesting that you embed the tag script into the site and make the embed 1x1 pixel so that it is super tiny. https://www.blobr.io/how-to-guides/how-can-you-add-google-analytics-to-your-canva-website

You can then include Zaraz like this (assuming your canva site is "grey clouded" :greycloud: DNS: https://developers.cloudflare.com/zaraz/advanced/domains-not-proxied/

Basically the same style setup as the article suggests you do with GTM, but using Zaraz.

Mackenly•4/22/25, 2:56 AM

Would that work with the limitations you've ran into? It wouldn't require you using a worker.

nickOP•4/22/25, 2:56 AM

okay so the problem is Canva Sites does NOT allow ANY single script to be embedded into it

nickOP•4/22/25, 2:57 AM

soo thats that

nickOP•4/22/25, 2:57 AM

https://www.blobr.io/how-to-guides/how-can-you-add-google-analytics-to-your-canva-website

Go to the "Embed" element in Canva.

but the Embed does not exist

How Can You Add Google Analytics to Your Canva Website?

Learn how to seamlessly integrate Google Analytics with your Canva website for valuable insights and tracking capabilities. Step-by-step guide included.

nickOP•4/22/25, 2:58 AM

heres a screenshot of the embed feature of canva

nickOP•4/22/25, 2:58 AM

nickOP•4/22/25, 2:59 AM

if u need the CSP for Canva Sites:

content-security-policy:
frame-ancestors 'self' *.canva.com canva.com;
report-uri https://csp.canva.com/_cspreport?app=websites;
base-uri 'self';
object-src 'none';
script-src 'report-sample' 'strict-dynamic' 'nonce-XXXXXX' https://www.google.com/recaptcha/api.js;

nickOP•4/22/25, 2:59 AM

i found this from digging into the console

Mackenly•4/22/25, 3:00 AM

Got it. That's very limiting

Here's another article on adding GTM/GA4 that would be the same process for Zaraz (but these articles could just be wrong)
https://www.asclique.com/blog/how-to-embed-google-analytics-in-canva-website/

nickOP•4/22/25, 3:01 AM

ive contacted Canva about this, here was their reply:

We understand you're looking to add custom HTML to your Canva sites. Let me check it for you.

Currently, adding custom HTML to Canva websites is not supported as Canva aims to provide a no-code platform for easy website creation without the need for HTML coding, allowing anyone to effortlessly create beautiful websites without the need to write or modify HTML. However, we’re happy to hear your feedback and will make sure to forward it to our product team for consideration.

We appreciate your feedback and understand how important this feature might be for your projects.

We are always open to product improvement and appreciate your thoughts on how we can continuously improve our features based on your feedback.

We appreciate your understanding as we continue working on improving Canva. If you have any other questions or concerns, don’t hesitate to let us know.

MMackenly Got it. That's very limiting Here's another article on adding GTM/GA4 that woul...

nickOP•4/22/25, 3:02 AM

Go to the Custom Code Section:

Though Canva offers few customizations on websites, you can insert custom code here. Using the website publishing settings option, look for an option to insert the custom code.

Paste in your Canva site IF Canva supports limited embedding of HTML

soo i guess

nickOP•4/22/25, 3:02 AM

its not going to work for my case scenario

nickOP•4/22/25, 3:02 AM

the thing is my MS Clarity is indeed working

nickOP•4/22/25, 3:02 AM

but its picking up from the worker page

Nnick Go to the Custom Code Section: Though Canva offers few customizations on websit...

Mackenly•4/22/25, 3:02 AM

Ah, okay, well I guess that article is probably AI or something.

nickOP•4/22/25, 3:03 AM

nickOP•4/22/25, 3:03 AM

so i guess my setup is correct, but its not injecting into the website?

Nnick but its picking up from the worker page

Mackenly•4/22/25, 3:04 AM

Yeah, if you're loading Zaraz on a zone, if you have a Worker on that Zone it should be loading Zaraz and the tools you have setup in Zaraz.

Unfortunantly it seems like you're going to be pretty limited with using Canva pages in what you can do. I know that isn't great news

nickOP•4/22/25, 3:04 AM

like its kinda at the wrong page.. since i want the analytics to be on my intended website, not the worker website

MMackenly Yeah, if you're loading Zaraz on a zone, if you have a Worker on that Zone it sh...

nickOP•4/22/25, 3:04 AM

haha i mean, ive been on this for a few days soo dont worry about the great/bad news

nickOP•4/22/25, 3:05 AM

but im just wondering whether there is a way to do this?

nickOP•4/22/25, 3:05 AM

like what i want to do..

Nnick like its kinda at the wrong page.. since i want the analytics to be on my intend...

Mackenly•4/22/25, 3:09 AM

This is becasue your Worker is proxied by Cloudflare which lets Cloudflare add Zaraz to it. Canva sites requires you to "grey cloud" or DNS only your DNS record to them. This mean that Cloudflare, for that DNS record, acts like a "dumb" DNS provider and isn't providing all of the perf and security features that it can do on sites it proxies. As such, Zaraz isn't automatically loaded and must be manually load by adding a script tag (but it seems that Canva doesn't allow for this).

https://www.canva.com/help/dns-settings/#:~:text=Cloudflare%20proxied%20records

Re: A way to do it.

Since Canva requires the sites to be grey clouded you're more limited in what you can do. Ultimately unless there's some sort of trick for doing it in Canva, you're probably going to have to leave Canva for another tool.

nickOP•4/22/25, 3:10 AM

oh the thing is, my dns is orange cloud

Mackenly•4/22/25, 3:10 AM

If you don't want Zaraz to load on a site on your zone, you can use a configuration rule.

nickOP•4/22/25, 3:11 AM

nickOP•4/22/25, 3:11 AM

nickOP•4/22/25, 3:12 AM

this is what you mean by orange cloud right?

nickOP•4/22/25, 3:12 AM

the grey cloud is for the status page, should have nothing to do with my current needs

Nnick oh the thing is, my dns is orange cloud

Mackenly•4/22/25, 3:12 AM

Oh interesting. Idk the answer to that. It seems like canva wants you to grey cloud for sites with them but if it is working, idk.

Mackenly•4/22/25, 3:13 AM

Yes, DNS Only = Grey Cloud

nickOP•4/22/25, 3:13 AM

oh haha they want us to turn it off i guess

nickOP•4/22/25, 3:13 AM

shouldnt be a big issue?

nickOP•4/22/25, 3:14 AM

i mean if i turn it to DNS theres no security protection?

nickOP•4/22/25, 3:15 AM

could i just wrap my cloudflare around the canva sites..

Mackenly•4/22/25, 3:15 AM

If you turn it off there's no security protection coming from your cloudflare account, but Canva's security protections will still work. Can't say wheather leaving it on will help or hurt the site overall. Often places that want you to grey cloud do not work if it isn't done, but if it is working, it might be fine, but who knows.

nickOP•4/22/25, 3:16 AM

proxy the entire thing through cloudflare

Mackenly•4/22/25, 3:17 AM

Can you expand on that? Based on screenshots it seems that you're proxying it right now

nickOP•4/22/25, 3:18 AM

take the html from the canva site

nickOP•4/22/25, 3:18 AM

pull the html into cloudflare

nickOP•4/22/25, 3:18 AM

rewrite the header with the analytics

but the thing is my canva sites has an

Similar Threads

Similar Threads

Similar Threads