My team is working on a Gatsby project with a Wordpress headless CMS. We want our users to add their custom scripts in the <head> for like tracking and other stuff. We want them to add multiple script tags.
Our current solution is to have like a textarea in the CMS where client can enter some <script> with src or with actual script on them.
example:
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-149917166-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-149917166-4');
</script>
so we query that data and tried to insert in the <head> using react-helmet and the scripts with src worked, but the script with javascript inside gets ignore. Is this the wrong approach? thanks in advance
My team is working on a Gatsby project with a Wordpress headless CMS. We want our users to add their custom scripts in the
<head>for like tracking and other stuff. We want them to add multiple script tags.Our current solution is to have like a
textareain the CMS where client can enter some<script>with src or with actual script on them.example:
so we query that data and tried to insert in the
<head>using react-helmet and the scripts with src worked, but the script with javascript inside gets ignore. Is this the wrong approach? thanks in advance