Skip to content

Commit

Permalink
feat(analytics): adding buy and sell viewed and clicked for button click
Browse files Browse the repository at this point in the history
  • Loading branch information
@pedroapfilho
pedroapfilho committed Jun 2, 2021
1 parent f4fbea9 commit 1215864
Show file tree
Hide file tree
Showing 8 changed files with 128 additions and 87 deletions.
2 changes: 1 addition & 1 deletion packages/blockchain-wallet-v4-frontend/src/data/components/actions.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -71,5 +71,5 @@ export {
uploadDocuments,
veriff,
withdraw,
xlmTransactions,
xlmTransactions
}
44 changes: 16 additions & 28 deletions packages/blockchain-wallet-v4-frontend/src/data/components/simpleBuy/actionTypes.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,12 +36,9 @@ export const FETCH_SB_CARDS_LOADING = '@EVENT.FETCH_SB_CARDS_LOADING'
export const FETCH_SB_CARDS_SUCCESS = '@EVENT.FETCH_SB_CARDS_SUCCESS'

export const FETCH_SB_FIAT_ELIGIBLE = '@EVENT.FETCH_SB_FIAT_ELIGIBLE'
export const FETCH_SB_FIAT_ELIGIBLE_FAILURE =
'@EVENT.FETCH_SB_FIAT_ELIGIBLE_FAILURE'
export const FETCH_SB_FIAT_ELIGIBLE_LOADING =
'@EVENT.FETCH_SB_FIAT_ELIGIBLE_LOADING'
export const FETCH_SB_FIAT_ELIGIBLE_SUCCESS =
'@EVENT.FETCH_SB_FIAT_ELIGIBLE_SUCCESS'
export const FETCH_SB_FIAT_ELIGIBLE_FAILURE = '@EVENT.FETCH_SB_FIAT_ELIGIBLE_FAILURE'
export const FETCH_SB_FIAT_ELIGIBLE_LOADING = '@EVENT.FETCH_SB_FIAT_ELIGIBLE_LOADING'
export const FETCH_SB_FIAT_ELIGIBLE_SUCCESS = '@EVENT.FETCH_SB_FIAT_ELIGIBLE_SUCCESS'

export const FETCH_SB_ORDERS = '@EVENT.FETCH_SB_ORDERS'
export const FETCH_SB_ORDERS_FAILURE = '@EVENT.FETCH_SB_ORDERS_FAILURE'
Expand All @@ -54,20 +51,14 @@ export const FETCH_SB_PAIRS_LOADING = '@EVENT.FETCH_SB_PAIRS_LOADING'
export const FETCH_SB_PAIRS_SUCCESS = '@EVENT.FETCH_SB_PAIRS_SUCCESS'

export const FETCH_SB_PAYMENT_ACCOUNT = '@EVENT.FETCH_SB_PAYMENT_ACCOUNT'
export const FETCH_SB_PAYMENT_ACCOUNT_FAILURE =
'@EVENT.FETCH_SB_PAYMENT_ACCOUNT_FAILURE'
export const FETCH_SB_PAYMENT_ACCOUNT_LOADING =
'@EVENT.FETCH_SB_PAYMENT_ACCOUNT_LOADING'
export const FETCH_SB_PAYMENT_ACCOUNT_SUCCESS =
'@EVENT.FETCH_SB_PAYMENT_ACCOUNT_SUCCESS'
export const FETCH_SB_PAYMENT_ACCOUNT_FAILURE = '@EVENT.FETCH_SB_PAYMENT_ACCOUNT_FAILURE'
export const FETCH_SB_PAYMENT_ACCOUNT_LOADING = '@EVENT.FETCH_SB_PAYMENT_ACCOUNT_LOADING'
export const FETCH_SB_PAYMENT_ACCOUNT_SUCCESS = '@EVENT.FETCH_SB_PAYMENT_ACCOUNT_SUCCESS'

export const FETCH_SB_PAYMENT_METHODS = '@EVENT.FETCH_SB_PAYMENT_METHODS'
export const FETCH_SB_PAYMENT_METHODS_FAILURE =
'@EVENT.FETCH_SB_PAYMENT_METHODS_FAILURE'
export const FETCH_SB_PAYMENT_METHODS_LOADING =
'@EVENT.FETCH_SB_PAYMENT_METHODS_LOADING'
export const FETCH_SB_PAYMENT_METHODS_SUCCESS =
'@EVENT.FETCH_SB_PAYMENT_METHODS_SUCCESS'
export const FETCH_SB_PAYMENT_METHODS_FAILURE = '@EVENT.FETCH_SB_PAYMENT_METHODS_FAILURE'
export const FETCH_SB_PAYMENT_METHODS_LOADING = '@EVENT.FETCH_SB_PAYMENT_METHODS_LOADING'
export const FETCH_SB_PAYMENT_METHODS_SUCCESS = '@EVENT.FETCH_SB_PAYMENT_METHODS_SUCCESS'

export const FETCH_SB_QUOTE = '@EVENT.FETCH_SB_QUOTE'
export const FETCH_SB_QUOTE_FAILURE = '@EVENT.FETCH_SB_QUOTE_FAILURE'
Expand All @@ -79,8 +70,7 @@ export const FETCH_SELL_QUOTE_FAILURE = '@EVENT.FETCH_SELL_QUOTE_FAILURE'
export const FETCH_SELL_QUOTE_LOADING = '@EVENT.FETCH_SELL_QUOTE_LOADING'
export const FETCH_SELL_QUOTE_SUCCESS = '@EVENT.FETCH_SELL_QUOTE_SUCCESS'

export const HANDLE_SB_DEPOSIT_FIAT_CLICK =
'@EVENT.HANDLE_SB_DEPOSIT_FIAT_CLICK'
export const HANDLE_SB_DEPOSIT_FIAT_CLICK = '@EVENT.HANDLE_SB_DEPOSIT_FIAT_CLICK'

export const HANDLE_SB_METHOD_CHANGE = '@EVENT.HANDLE_SB_METHOD_CHANGE'

Expand All @@ -105,12 +95,9 @@ export const SWITCH_FIX = '@EVENT.SWITCH_SB_FIX'
export const UPDATE_ACTION_TYPE = '@EVENT.UPDATE_ACTION_TYPE'

export const FETCH_SDD_ELIGIBILITY = '@EVENT.FETCH_SDD_ELIGIBILITY'
export const FETCH_SDD_ELIGIBILITY_FAILURE =
'@EVENT.FETCH_SDD_ELIGIBILITY_FAILURE'
export const FETCH_SDD_ELIGIBILITY_LOADING =
'@EVENT.FETCH_SDD_ELIGIBILITY_LOADING'
export const FETCH_SDD_ELIGIBILITY_SUCCESS =
'@EVENT.FETCH_SDD_ELIGIBILITY_SUCCESS'
export const FETCH_SDD_ELIGIBILITY_FAILURE = '@EVENT.FETCH_SDD_ELIGIBILITY_FAILURE'
export const FETCH_SDD_ELIGIBILITY_LOADING = '@EVENT.FETCH_SDD_ELIGIBILITY_LOADING'
export const FETCH_SDD_ELIGIBILITY_SUCCESS = '@EVENT.FETCH_SDD_ELIGIBILITY_SUCCESS'

export const FETCH_SDD_VERIFIED = '@EVENT.FETCH_SDD_VERIFIED'
export const FETCH_SDD_VERIFIED_FAILURE = '@EVENT.FETCH_SDD_VERIFIED_FAILURE'
Expand All @@ -132,5 +119,6 @@ export const FETCH_LIMITS_FAILURE = '@EVENT.FETCH_LIMITS_FAILURE'
export const FETCH_LIMITS_LOADING = '@EVENT.FETCH_LIMITS_LOADING'
export const FETCH_LIMITS_SUCCESS = '@EVENT.FETCH_LIMITS_SUCCESS'

export const UPDATE_SDD_TRANSACTION_FINISHED =
'@EVENT.UPDATE_SDD_TRANSACTION_FINISHED'
export const UPDATE_SDD_TRANSACTION_FINISHED = '@EVENT.UPDATE_SDD_TRANSACTION_FINISHED'
export const SET_BUY_CRYPTO = '@EVENT.SET_BUY_CRYPTO'
export const SET_SELL_CRYPTO = '@EVENT.SET_SELL_CRYPTO'
12 changes: 12 additions & 0 deletions packages/blockchain-wallet-v4-frontend/src/data/components/simpleBuy/actions.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -620,3 +620,15 @@ export const fetchLimitsSuccess = (limits: SwapUserLimitsType): SimpleBuyActionT
export const updateSddTransactionFinished = () => ({
type: AT.UPDATE_SDD_TRANSACTION_FINISHED
})
export const setBuyCrypto = (origin: string) => ({
payload: {
props: { origin }
},
type: AT.SET_BUY_CRYPTO
})
export const setSellCrypto = (origin: string) => ({
payload: {
props: { origin }
},
type: AT.SET_SELL_CRYPTO
})
66 changes: 64 additions & 2 deletions packages/blockchain-wallet-v4-frontend/src/middleware/analyticsMiddleware/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,8 @@ const analyticsMiddleware = () => (store) => (next) => (action) => {
id,
nabuId,
origin,
originalTimestamp: getOriginalTimestamp()
originalTimestamp: getOriginalTimestamp(),
type: 'BUY'
})

analytics.push(AnalyticsKey.BUY_SELL_VIEWED, {
Expand All @@ -90,6 +91,7 @@ const analyticsMiddleware = () => (store) => (next) => (action) => {
referrer,
search,
title,
type: 'BUY',
url: href
})

Expand Down Expand Up @@ -482,7 +484,6 @@ const analyticsMiddleware = () => (store) => (next) => (action) => {

break
}

case AT.components.request.SET_ADDRESS_COPIED: {
const state = store.getState()
const accountType =
Expand All @@ -502,6 +503,67 @@ const analyticsMiddleware = () => (store) => (next) => (action) => {

break
}
case AT.components.simpleBuy.SET_BUY_CRYPTO: {
const rawOrigin = action.payload.props.origin
const { href, pathname, search } = window.location
const { referrer, title } = document

const origin = simpleBuyOriginDictionary(rawOrigin)

analytics.push(AnalyticsKey.BUY_SELL_CLICKED, {
analyticsType: AnalyticsType.EVENT,
id,
nabuId,
origin,
originalTimestamp: getOriginalTimestamp(),
type: 'BUY'
})

analytics.push(AnalyticsKey.BUY_SELL_VIEWED, {
analyticsType: AnalyticsType.EVENT,
id,
nabuId,
originalTimestamp: getOriginalTimestamp(),
path: pathname,
referrer,
search,
title,
type: 'BUY',
url: href
})
break
}
case AT.components.simpleBuy.SET_SELL_CRYPTO: {
const rawOrigin = action.payload.props.origin
const { href, pathname, search } = window.location
const { referrer, title } = document

const origin = simpleBuyOriginDictionary(rawOrigin)

analytics.push(AnalyticsKey.BUY_SELL_CLICKED, {
analyticsType: AnalyticsType.EVENT,
id,
nabuId,
origin,
originalTimestamp: getOriginalTimestamp(),
type: 'SELL'
})

analytics.push(AnalyticsKey.BUY_SELL_VIEWED, {
analyticsType: AnalyticsType.EVENT,
id,
nabuId,
originalTimestamp: getOriginalTimestamp(),
path: pathname,
referrer,
search,
title,
type: 'SELL',
url: href
})

break
}

default: {
break
Expand Down
7 changes: 3 additions & 4 deletions packages/blockchain-wallet-v4-frontend/src/middleware/analyticsMiddleware/types.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -79,14 +79,13 @@ type BuyPaymentMethodSelectedPayload = BasePayload & {
}

type BuySellClickedPayload = BasePayload & {
origin: 'BUY_WIDGET' | string

// type: "BUY" | "SELL"
origin: string
type: 'BUY' | 'SELL'
}

type BuySellViewedPayload = BasePayload &
PageViewPayload & {
// type: "BUY" | "SELL"
type: 'BUY' | 'SELL'
}

type DashboardClickedPayload = BasePayload & {
Expand Down
4 changes: 3 additions & 1 deletion packages/blockchain-wallet-v4-frontend/src/middleware/analyticsMiddleware/utils.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import * as crypto from 'crypto'
import { PaymentValue, SBPaymentTypes } from 'core/types'
import { SBShowModalOriginType } from 'data/types'

const simpleBuyOriginDictionary = (rawOrigin: SBShowModalOriginType) => {
const simpleBuyOriginDictionary = (rawOrigin: SBShowModalOriginType | string) => {
switch (rawOrigin) {
case 'InterestPage':
return 'SAVINGS'
Expand All @@ -17,6 +17,8 @@ const simpleBuyOriginDictionary = (rawOrigin: SBShowModalOriginType) => {
return 'PRICE_CHART'
case 'SimpleBuyLink':
return 'BUY_WIDGET'
case 'CurrencyList':
return 'CURRENCY_PAGE'
default: {
return rawOrigin
}
Expand Down

0 comments on commit 1215864

Please sign in to comment.