400 Error when using in live env about angular-google-tag-manager HOT 8 CLOSED

you could probably do it with a useFactory function instead of useValue
something like:

providers: [
    {provide: 'googleTagManagerId', useFactory: () => {
            if (window.location.href.toString().includes('gtagId')) {
            const vars = {};
            const parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, 
            function(m,key,value) {
               return vars[key] = value;
            });
            return vars['gtagId'] || 'SOME_SENSIBLE_DEFAULT_IF_POSSIBLE';
          }
     }  
  ],

from angular-google-tag-manager.

I think that the source of the problem could be the usage of "window.location.href", global variables are usually messy
have you tried using the angular ActivatedRoute?

from angular-google-tag-manager.

This is in my app.module file so Im unsure if I can access ActivatedRoute at this point. Is that possible and or smart to do?

Also, its still logging the correct gtagId. So the variable should be fine

from angular-google-tag-manager.

Just added some more logs and getting same error. I dont think its the window object as its returning true prior to the gtag error:

Here is what was logged:

GTM-WBJL4SD
main-es2015.932a9cccfc421ae0b4a2.js:1 true "GTM-WBJL4SD"

Here us the code

let gtmId = '';

if (window.location.href.toString().includes('gtagId')) {
  const vars = {};
  const parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
    return vars[key] = value;
  });
  gtmId = vars['gtagId'];
  console.log(gtmId);
}

console.log(window.location.href.toString().includes('gtagId'), gtmId);

from angular-google-tag-manager.

https://xilo-staging-forms.herokuapp.com/client-app/form/page/start?companyId=955987&[email protected]&formId=95&clientId=20505&gtagId=GTM-WBJL4SD

from angular-google-tag-manager.

Do you have any other suggestions on how to make the gtagId dyanmic?

from angular-google-tag-manager.

if you build your production code and run it from your dist folder you have the same issue?

also a good (and safer) idea to make your gtmId dynamic is retrieve it from a dedicated API or a AWS Systems Manager Parameter Store, than leaving it on on query string

from angular-google-tag-manager.

Same error when building in production ng serve --prod. When I run ng serve without the --prod flag it works fine. I cant nail down why this is happening.

from angular-google-tag-manager.