tobostudio.cordova-plugin-tag-manager

1.0.2-dev • Public • Published

Tag Manager


Tag Manager plugin for Android and iOS. It allows you to post usage information to your Google Tag Manager account.

This plugin defines a global TagManager Constructor.

Although in the global scope, it is not available until after the deviceready event.

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log(TagManager);
}

When being used in combination with AngularJS, it is recommended to use Angulartics with the Cordova GTM plugin (angulartics-gtm-cordova).

Installation

cordova plugin add cordova-plugin-tag-manager

Supported Platforms

  • Android
  • iOS

TagManager

var tagManager = cordova.require('com.jareddickson.cordova.tag-manager.TagManager');

Methods

  • tagManager.init: Initialize Tag Manager with an account ID and the number of seconds between dispatching analytics.

  • tagManager.trackEvent: Log an event.

  • tagManager.trackPage: Log a page view.

  • tagManager.pushEvent: Pushes any event onto the Data Layer. This is not only reserved for event types.

  • tagManager.dispatch: Force an immediate dispatch to Tag Manager.

  • tagManager.exit: Exit the TagManager instance and stop setInterval.

tagManager.init

Initialize Tag Manager with an account ID and the number of seconds between dispatching analytics.

tagManager.init(success, error, id, [period]);

Parameters

  • success: (Optional) The callback to execute if successful.

  • error: (Optional) The callback to execute if an error occurs.

  • id: The GTM account ID of the form 'GTM-000000'.

  • period: The interval for sending tracking events if any exist in the queue.

Quick Example

// Tag Manager
var tagManager = cordova.require('com.jareddickson.cordova.tag-manager.TagManager');
var trackingId = 'GTM-000000';
var intervalPeriod = 30; // seconds

// Initialize Tag Manager
tagManager.init(null, null, trackingId, intervalPeriod);

tagManager.trackEvent

Log an event.

tagManager.trackEvent(success, error, category, eventAction, eventLabel, eventValue);

Parameters

  • success: (Optional) The callback to execute if successful.

  • error: (Optional) The callback to execute if an error occurs.

  • category: The event category. This parameter is required to be non-empty.

  • eventAction: The event action. This parameter is required to be non-empty.

  • eventLabel: The event label. This parameter may be a blank string to indicate no label.

  • eventValue: (Optional) The event value. This parameter may be -1 to indicate no value. Only accepts digits.

Quick Example

// Track a click-to-call event
tagManager.trackEvent(null, null, 'Link', 'Click', 'Call (800) 123-1234', -1);

tagManager.trackPage

Log a page view.

tagManager.trackPage(success, error, pageURL);

Parameters

  • success: (Optional) The callback to execute if successful.

  • error: (Optional) The callback to execute if an error occurs.

  • pageURL: The URL of the page view.

Quick Example

// Track a pageview on a Contact Us page
tagManager.trackPage(null, null, '/contact-us');

tagManager.dispatch

Force an immediate dispatch to Tag Manager.

tagManager.dispatch([success], [error]);

Parameters

  • success: (Optional) The callback to execute if successful.

  • error: (Optional) The callback to execute if an error occurs.

Quick Example

// Dispatch
tagManager.dispatch();

tagManager.pushEvent

Pushes any event onto the Data Layer. This is not only reserved for event types.

tagManager.pushEvent([success], [error], eventData);

Parameters

  • success: (Optional) The callback to execute if successful.

  • error: (Optional) The callback to execute if an error occurs.

  • eventData: Data that will be pushed onto the Data Layer.

Quick Example

// push a variable onto the Data Layer
tagManager.pushEvent(success, error, {'variable_name': 'variable_value'});

tagManager.exit

Exit the TagManager instance and stop setInterval.

tagManager.exit([success], [error]);

Parameters

  • success: (Optional) The callback to execute if successful.

  • error: (Optional) The callback to execute if an error occurs.

Quick Example

// Exit
tagManager.exit();

License

The MIT License

Copyright (c) 2014 Jared Dickson

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

/tobostudio.cordova-plugin-tag-manager/

    Package Sidebar

    Install

    npm i tobostudio.cordova-plugin-tag-manager

    Weekly Downloads

    0

    Version

    1.0.2-dev

    License

    MIT

    Unpacked Size

    13.3 MB

    Total Files

    15

    Last publish

    Collaborators

    • tobo