@widergy/web-utils NPM

web-utils

Utility GO! Web Utils

Analytics

Se utiliza desde Frontend Web, mediante Google Analytics 4, para recoger datos de los sitios web y comprender mejor el recorrido del cliente.

Funciones

- `initializeGA(analyticsTrackingId, options)`

Se encarga de inicializar analytics.

analyticsTrackingId: Google Analytics Tracking ID.

options: Objeto de configuración custom para Analytics. - En caso de querer un tracker, se debe indicar acá:

		{ gaOptions: { name: ANALYTICS_TRACKER }, alwaysSendToDefaultTracker: false }
		```
		- En caso de no recibir ``options``, se usará como default
```js
{ titleCase: false }

- `sendGAEvent(category, action, label, value)`

Se utiliza para enviar eventos.

category: Categoría del evento.
action: Acción del evento.
label: Label del evento.
value: Valor del evento.

Por ejemplo, si se quiere enviar un evento sobre una recarga prepaga exitosa:

sendGAEvent('Cobranzas', 'Generación de carga prepago', 'WDRG | Valor agregado | -OK- |', '1850')

- `sendGAPageView(pathname)`

Se utiliza para trackear cambios de página.

pathname: URL de la página a trackear.

Ejemplo:

sendGAPageView(ROUTES.BALANCE_TO_PAY);

- `setGAUserId(userId)`

Se utiliza para setear el id de usuario.

userId: ID del usuario

Ejemplo:

setGAUserId(getState().user.currentUser.id);

- `createMiddleware(eventDataDefinition)`

Se utiliza para crear un middleware que intercepte acciones de redux y envíe eventos de analytics.

eventDataDefinition debe ser un diccionario de tipo de acción - función.

const eventDataDefinition = {
  actionType: function
}

Por ejemplo:

const eventDataDefinition = {
  [paymentActions.PREPAID_PAYMENT_REQUEST_FAILURE]: prepaidPaymentRequestFailure
}

Cada uno de estas funciones, al ejecutarse, debe devolver los valores a usar en el trackeo de eventos.

const function = action => ({
  category,
  action,
  label,
  value
});

Por ejemplo:

const prepaidPaymentRequestFailure = action => ({
  category: categories.COBRANZAS,
  action: actions.GENERACION_DE_CARGA_PREPAGO_ERRONEA,
  label: `${labels.GENERACION_DE_PAGO_ERROR} ${action.payload}`,
  value: Math.round(action.totalAmount)
});

widergy web-utils utils

@types/css-font-loading-module @types/downloadjs @types/mixpanel-browser @types/node @types/payment @types/seamless-immutable @types/uuid abort-controller dayjs downloadjs expr-eval lodash mobile-detect payment react-ga4 seamless-immutable

@infinitebrahmanuniverse/nolb-_wid @everything-registry/sub-chunk-1015 @widergy/camuzzi-ui @widergy/energy-hooks @widergy/energy-ui @widergy/flat-energy-ui @widergy/metrogas-ui @widergy/mobile-ui @widergy/polling-handling @widergy/react-native-social-auth @widergy/react-social-auth @widergy/utilitygo-forms-mobile @widergy/utilitygo-forms-web @widergy/utilitygo-smart-bill-mobile @widergy/utilitygo-smart-bill-web

5 months ago

5 months ago

6 months ago

7 months ago

7 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

10 months ago

10 months ago

11 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

web-utils

Analytics

Funciones

- initializeGA(analyticsTrackingId, options)

- sendGAEvent(category, action, label, value)

- sendGAPageView(pathname)

- setGAUserId(userId)

- createMiddleware(eventDataDefinition)

- `initializeGA(analyticsTrackingId, options)`

- `sendGAEvent(category, action, label, value)`

- `sendGAPageView(pathname)`

- `setGAUserId(userId)`

- `createMiddleware(eventDataDefinition)`