@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

4 months ago

4 months ago

5 months ago

6 months ago

6 months ago

7 months ago

7 months ago

7 months ago

8 months ago

8 months ago

9 months ago

9 months ago

10 months ago

10 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

12 months ago

1 year ago

12 months ago

12 months 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

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

4 years ago

4 years ago

4 years ago

4 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

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

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

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

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)`