1.0.1 • Published 8 years ago

@mathia/react-native-gtm v1.0.1

Weekly downloads
-
License
ISC
Repository
github
Last release
8 years ago

react-native-gtm

React Native wrapper package for using native Google tag manager libraries on iOS and Android.

Installation

  1. Install rnpm package to easy link android & ios native project.

    npm install -g rnpm 
  2. Install react-native-gtm by rnpm.

    rnpm install react-native-gtm
  3. extra step for IOS native project:

  • Open iOS project by Xcode, click project name node , then find Build Phases tab at right side windows , expand Link Binary With Libraries section , add below libraries:
    CoreData.framework
    SystemConfiguration.framework
    libz.tbd
    libsqlite3.0.tbd
    AdSupport.framework

How to use

###openContainerWithId(containerId) Import the libaries and call openContainerWithId to create singleton instance.

```
import GoogleTagManager from 'react-native-gtm';

(function initializeGA() {
    GoogleTagManager.openContainerWithId("GTM-XXXX")
        .then(function(){
            //open container success
        })
}());

###push({json}) Import the libaries and call openContainerWithId to create singleton instance. Note: {json} not support array type.

  1. If first key is event , the push will fire a event with others keyPairs to datalayer.

    GoogleTagManager.push({
            event:"openScreen",
            screenName:"HomeScreen",
            appName:"HelloApp"
        });
  2. If first key not event , the push will send keyPairs value to datalayer.

    GoogleTagManager.push({
            sku:"some sku",
            productName:"some product name",
            price:123,
            ...
        });
  3. let value is null to clean the datalayer data.

    GoogleTagManager.push({
            sku:null,
            productName:null,
            price:null,
            ...
        });

Reference

  1. Google Tag Manager - iOS
  2. Google Tag Manager - Android
  3. Universal Analytics Tags - iOS
  4. Universal Analytics Tags - Android