Ngx-Gtm

Angular library that automatically injects the script tag required to use Google Tag Manager.

Installation

npm:

npm install --save @jerkovicl/ngx-gtm

Yarn:

yarn add @jerkovicl/ngx-gtm

Compatibility

Version	Angular Version
1.x.x	>=17 <=19
1.4.x	>=17 <=20

Features

• Automatically inject scripts for Google Tag Manager.

Usage

Import provideGtm from ngx-gtm and pass the required configuration when using it as a provider during application bootstrap.

import { provideGtm } from '@jerkovicl/ngx-gtm';

@NgModule({
  providers: [
    provideGtm({
      enabled: true,
      id: 'tag-id',
    }),
  ],
})
export class AppModule {}

// Or if you are using standalone bootstrap

bootstrapApplication(AppComponent, {
  providers: [
    provideGtm({
      enabled: true,
      id: 'tag-id',
    }),
  ],
});

Checkout the demo application in the demo folder for a working example.

The supported configuration parameters are:

Property	Requirement	Description
enabled	Required	Whether or not this module is enabled. Useful for disabling the script in development environments.
id	Required	Your Google Tag Manager tag Id. This is found in the Google Tag Manager settings page.

License

MIT