angular-google-tag-manager | A service library for integrate google tag manager in your angular project | Autocomplete library

by mzuccaroli TypeScript Version: 1.9.0 License: MIT

X-Ray Key Features Code Snippets Community Discussions(4)Vulnerabilities Install Support

kandi X-RAY | angular-google-tag-manager Summary

angular-google-tag-manager is a TypeScript library typically used in User Interface, Autocomplete, Angular applications. angular-google-tag-manager has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can download it from GitHub.

A service library for integrate google tag manager in your angular project This library was generated with Angular CLI For more info see this how to install google tag manager article.

Support

Quality

Security

License

Reuse

Support

angular-google-tag-manager has a low active ecosystem.

It has 118 star(s) with 65 fork(s). There are 2 watchers for this library.

There were 1 major release(s) in the last 6 months.

There are 17 open issues and 65 have been closed. On average issues are closed in 48 days. There are 7 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of angular-google-tag-manager is 1.9.0

Quality

angular-google-tag-manager has 0 bugs and 0 code smells.

Security

angular-google-tag-manager has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

angular-google-tag-manager code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

angular-google-tag-manager is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

angular-google-tag-manager releases are available to install and integrate.

Installation instructions, examples and code snippets are available.

It has 35 lines of code, 0 functions and 25 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of angular-google-tag-manager

Get all kandi verified functions for this library.

angular-google-tag-manager Key Features

No Key Features are available at this moment for angular-google-tag-manager.

angular-google-tag-manager Examples and Code Snippets

No Code Snippets are available at this moment for angular-google-tag-manager.

Community Discussions

Trending Discussions on angular-google-tag-manager

Can @ngtools/webpack AngularWebpackPlugin link partially compiled ivy libraries?

Install Google Tag Manager (gtm) to Angular app

NullInjectorError: StaticInjectorError(AppModule)[AppComponent -> GoogleTagManagerService]: Angular 8

Error: Uncaught (in promise): TypeError: Cannot read property 'pushTag' of undefined

QUESTION

Can @ngtools/webpack AngularWebpackPlugin link partially compiled ivy libraries?

Asked 2021-Sep-23 at 22:16

I've got this somewhat old Angular web application which was updated from Angular 6 to Angular 12, however, Angular CLI is not being used for building it, instead it relies on Webpack 5, its loaders and AngularWebpackPlugin from @ngtools/webpack.

Recently, I needed to upgrade to a latest version of a library I was using and I got greeted with the following warning after my production build:

...

ANSWER

Answered 2021-Sep-23 at 22:16

Is there a certain plugin i need to use to "link" the partially compiled libraries so I avoid this issue?

Yes! You need to add the Angular Linker to process the problematic plugin. It's currently only available as a Babel plugin: @angular/compiler-cli/linker/babel

In short, add this to your Webpack config and replace ng-click-outside with your plugin(s):

Source https://stackoverflow.com/questions/68850485

QUESTION

Install Google Tag Manager (gtm) to Angular app

Asked 2021-May-07 at 06:32

I tried to install GTM to an Angular app by adding the script to the head and the iframe to the body in the index.html file.

I load the app in Chrome an I can see that are added in the html.

The Google Tag Assistant plugin from Chrome detects it well but when I go to the Network tab I can't see any gtm.js request and also I type in the console google_tag_manager and I get google_tag_manager is not defined.

I tried the plugin angular-google-tag-manager but happens the same.

I don't know what's going on, any guess?

...

ANSWER

Answered 2021-May-07 at 06:32

I found what was going on.

I had an script for the cookies of my app and I guess is using gtm or analytics and commenting that script solved the problem. I also tried changing the order of the scripts and also solved the problem, first my gtm script and after the cookies script which was causing the problem.

Source https://stackoverflow.com/questions/67419020

QUESTION

NullInjectorError: StaticInjectorError(AppModule)[AppComponent -> GoogleTagManagerService]: Angular 8

Asked 2020-Oct-05 at 12:47

i have also imported HttpClientModule and also properly configure GoogleTagManagerService.

...

ANSWER

Answered 2020-Oct-05 at 11:32

It seems everything is ok. You can restart your app with ng run.

I advise you to follow the steps on that blog:

https://itnext.io/how-to-add-google-tag-manager-to-an-angular-application-fc68624386e2

Or, you can cross-check your app with the demo-page.

https://github.com/mzuccaroli/angular-google-tag-manager/tree/master/demo-application

And, last but not least, you can re-install the package.

https://www.npmjs.com/package/angular-google-tag-manager

Source https://stackoverflow.com/questions/64207172

QUESTION

Error: Uncaught (in promise): TypeError: Cannot read property 'pushTag' of undefined

Asked 2020-May-21 at 11:24

I am trying to integrate google tag manager but after configuration it is giving pushTag of undefined.

These are the snippets

home.component.ts

...

ANSWER

Answered 2020-May-21 at 08:52

Please provide your GTM id in app.module.ts and not in home.module.ts.

Hope this helps.

Source https://stackoverflow.com/questions/61930364

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install angular-google-tag-manager

After installing it you need to provide your GTM id in app.module.ts. Or use the module's forRoot method. inject the gtmService in your controller. then you can start pushing events on your gtm. if you want to recive tags without pushing events simply call the function to enable it.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: