Git Product home page Git Product logo

isabella232 / commerce-google-analytics-integration Goto Github PK

View Code? Open in Web Editor NEW

This project forked from hcl-tech-software/commerce-google-analytics-integration

0.0 0.0 0.0 9.28 MB

Add Google Analytics to HCL Commerce React Store, using Google Tag Manager. This functionality has been included in the product from release 9.1.4.0 and beyond. This asset applies to 9.1.1.0 - 9.1.3.0 only.

License: Apache License 2.0

TypeScript 100.00%

commerce-google-analytics-integration's Introduction

Google-Analytics-Integration

NOTE: This functionality has been included in the product from release 9.1.4.0 and beyond. This asset applies to 9.1.1.0 - 9.1.3.0 only.

**Adding Google Analytics to React Store, using Google Tag Manager **

We need the below things for implementation of GA360 on React store

Google analytics – Analytics Tool

Google tag manager – Tag Management.

react-gtm-module – Integrate GTM code snippet in React Store.

Steps to integrate the GA

  1. Account Creation

Firstly, we need to create account on both Google Analytics and google tag manager.

Google analytics - steps mentioned in docs/Google_Analytics_CreateAccount_Steps.docx file.

Google tag manager - Steps mentioned in docs/GTMAccountcreationSteps.docs file

  1. Add react-gtm-module in React store

Once the account creation is done then install the react-gtm-module in the react store using npm.

npm install –save react-gtm-module

  1. Follow the steps mentioned below in the docs Refer the docs/GA360_Integration_guide.docx file for the adding react-gtm-module in react store

Please refer the docs/Google_Tag_Manger_configuration_sheet.pdf for the creation on tags, triggers and variables in google tag Manager.

commerce-google-analytics-integration's People

Contributors

brianrossihcl avatar jamesspak avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.