Disable Google Analytics on localhost in Angular

Question

I'd like to prevent Google Analytics from logging events when developing my Angular 11 app on localhost. How do I do this?

So far, I've tried this:

if(window.location.hostname == 'localhost') {
  window['ga-disable-GOOGLE_TAG_HERE'] = true;
} else {
  window['ga-disable-GOOGLE_TAG_HERE'] = false;
}

which gives me the error:

Element implicitly has an 'any' type because index expression is not of type 'number'

Thanks in advance!

Does this answer your question? [Can you test google analytics on a localhost address?](https://stackoverflow.com/questions/4375447/can-you-test-google-analytics-on-a-localhost-address) — hspaans, Dec 25 '20 at 23:43

score 0 · Accepted Answer · answered Dec 26 '20 at 00:41

One way to fix that specific error message is to modify your code like so:

if(window.location.hostname == 'localhost') {
  window[<any>'ga-disable-GOOGLE_TAG_HERE'] = true;
} else {
  window[<any>'ga-disable-GOOGLE_TAG_HERE'] = false;
}

or like this:

if(window.location.hostname == 'localhost') {
  window as { [key: string]: any })['ga-disable-GOOGLE_TAG_HERE'] = true;
} else {
  window as { [key: string]: any })['ga-disable-GOOGLE_TAG_HERE'] = false;
}

score 0 · Answer 2 · answered Dec 26 '20 at 12:15

I would give you the advice to also include GA logging in development. If there are issues with the GA environment in development you can spot them directly.

The trick is to create separate views for development, test, acceptance, and live.

Add a new view in GA. Note that filters only work with Universal Analytics Properties. Filters cannot be applied to Google Analytics 4 Properties.
GA 4 works with Data Streams, and Data Filters.

Disable Google Analytics on localhost in Angular

2 Answers2