Hi Lies,

See this posts about tag manager:

https://www.outsystems.com/forums/discussion/35087/add-google-tag-manager-script-and-noscript-tags-to-head-and-body-of-webpage/

https://www.outsystems.com/forums/discussion/60060/add-google-tag-manager-noscript-to-body-of-webpage/

https://www.outsystems.com/forums/discussion/63706/google-tag-manager-reactive-is-not-defined/

or you can use this componente:

https://www.outsystems.com/forge/component-overview/1555/javascriptmanager

Hope this helps.

Regards.

Hello Lies,

You can use the JavaScript client action inside of an OnReady on your page or web block for the first part. The noscript you can add using an HTML element and setting the tag name accordingly.

Also, if you roll out to an iOS native app, you will need to make configuration changes to GTM, as described here: https://github.com/ionic-team/capacitor/issues/1433#issuecomment-644086704 (the configuration must be done in GTM, using JavaScript to change it within the app after the fact is not enough to make it work).

Hello Craig,

Thank you for your response! For the first part, how exactly does this code look like if I'd use the JavaScript client action? I can't just copy paste the code..  I've tried something like below, but this doesn't work. 

var scriptNode=document.createElement('script');

scriptNode.innerHtml = (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':

new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],

j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=

'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);

})(window,document,'script','dataLayer','GTM-XXXXXX');

 document.querySelector('head').appendChild(scriptNode);

Hi Lies,

Have you tried implementing GTM in your Reactive Web App using this Forge component? The instructions are on the Overview page.

Regards,

Nordin