https://github.com/getninjas/tagmanager-wrap

Wrapping Google tagmanager and adding some helpers to him
https://github.com/getninjas/tagmanager-wrap

google google-tag-manager javascript tagmanager-wrap tracking

Last synced: about 1 month ago
JSON representation

Wrapping Google tagmanager and adding some helpers to him

• Host: GitHub
• URL: https://github.com/getninjas/tagmanager-wrap
• Owner: getninjas
• License: mit
• Created: 2017-01-26T16:27:35.000Z (almost 8 years ago)
• Default Branch: master
• Last Pushed: 2022-12-02T10:30:29.000Z (about 2 years ago)
• Last Synced: 2024-11-08T03:06:43.021Z (about 2 months ago)
• Topics: google, google-tag-manager, javascript, tagmanager-wrap, tracking
• Language: JavaScript
• Homepage: https://getninjas.github.io/tagmanager-wrap
• Size: 2.87 MB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# TagManager Wrap

[![Build Status](https://travis-ci.org/getninjas/tagmanager-wrap.svg?branch=master)](https://travis-ci.org/getninjas/tagmanager-wrap)

[![Maintainability](https://api.codeclimate.com/v1/badges/dce9f6406858d2069bf4/maintainability)](https://codeclimate.com/github/getninjas/tagmanager-wrap/maintainability)

[![Test Coverage](https://api.codeclimate.com/v1/badges/dce9f6406858d2069bf4/test_coverage)](https://codeclimate.com/github/getninjas/tagmanager-wrap/test_coverage)

Wrapping Google TagManager and adding some helpers to it.

### Until v3.2.1

* This script appends automatically the googleTagManager script.

* It also adds an iframe inside a noscript tag for non-js fallback

### After v3.2.1

* This script don't append the GTM script automatically anymore. For this new version, you must implement GTM snippet following the [official instructions](https://developers.google.com/tag-manager/quickstart).

* Also, the noscript tag fallback isn't added anymore, because this tag is a fallback for disabled js on browsers, so there's no reason to add it through JS, because it won't work. To add this feature properly, follow the [official instructions](https://developers.google.com/tag-manager/quickstart).

### Documentation

See live here [https://getninjas.github.io/tagmanager-wrap](https://getninjas.github.io/tagmanager-wrap)

### Install

`npm i tagmanager-wrap  --save`

`yarn add tagmanager-wrap`

### Demo

`npm run demo`

`yarn demo`

### Usage

You can use it via:

* GLOBAL variabel

* CommonJs

* AMD

* ES6 Module

#### Methods

* prependExperiment(experiment)

* eventCategory(event, infos)

* custom(obj)

* bindEvents() - gets all elements from the page that contains `[data-gtm-event="ga-event"]` and adds a click event