aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-27 07:51:40 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-11-27 07:51:40 +0800
commit7610130f7353ea6134fae441a8fe23e0fd0ddb2f (patch)
tree5e8ff7cc28740790834a804705249c22764a2696
parentd5898a3a050a8c97e516dba62ba040140fd74c62 (diff)
downloaddexon-0x-contracts-7610130f7353ea6134fae441a8fe23e0fd0ddb2f.tar
dexon-0x-contracts-7610130f7353ea6134fae441a8fe23e0fd0ddb2f.tar.gz
dexon-0x-contracts-7610130f7353ea6134fae441a8fe23e0fd0ddb2f.tar.bz2
dexon-0x-contracts-7610130f7353ea6134fae441a8fe23e0fd0ddb2f.tar.lz
dexon-0x-contracts-7610130f7353ea6134fae441a8fe23e0fd0ddb2f.tar.xz
dexon-0x-contracts-7610130f7353ea6134fae441a8fe23e0fd0ddb2f.tar.zst
dexon-0x-contracts-7610130f7353ea6134fae441a8fe23e0fd0ddb2f.zip
Track numberAvailableAssets, selectedAssetName, selectedAssetData event properties
-rw-r--r--packages/instant/src/components/zero_ex_instant_provider.tsx1
-rw-r--r--packages/instant/src/redux/analytics_middleware.ts21
-rw-r--r--packages/instant/src/util/analytics.ts16
3 files changed, 33 insertions, 5 deletions
diff --git a/packages/instant/src/components/zero_ex_instant_provider.tsx b/packages/instant/src/components/zero_ex_instant_provider.tsx
index fe34c4466..e006a5a5f 100644
--- a/packages/instant/src/components/zero_ex_instant_provider.tsx
+++ b/packages/instant/src/components/zero_ex_instant_provider.tsx
@@ -131,6 +131,7 @@ export class ZeroExInstantProvider extends React.Component<ZeroExInstantProvider
this.props.orderSource,
state.providerState,
window,
+ state.selectedAsset,
this.props.affiliateInfo,
),
);
diff --git a/packages/instant/src/redux/analytics_middleware.ts b/packages/instant/src/redux/analytics_middleware.ts
index 1a8aefb38..8aa76eb77 100644
--- a/packages/instant/src/redux/analytics_middleware.ts
+++ b/packages/instant/src/redux/analytics_middleware.ts
@@ -55,10 +55,25 @@ export const analyticsMiddleware: Middleware = store => next => middlewareAction
}
break;
case ActionTypes.UPDATE_SELECTED_ASSET:
- if (curState.selectedAsset) {
+ const selectedAsset = curState.selectedAsset;
+ if (selectedAsset) {
+ const assetName = selectedAsset.metaData.name;
+ const assetData = selectedAsset.assetData;
analytics.trackTokenSelectorChose({
- assetName: curState.selectedAsset.metaData.name,
- assetData: curState.selectedAsset.assetData,
+ assetName,
+ assetData,
+ });
+ analytics.addEventProperties({
+ selectedAssetName: assetName,
+ selectedAssetData: assetData,
+ });
+ }
+ break;
+ case ActionTypes.SET_AVAILABLE_ASSETS:
+ const availableAssets = curState.availableAssets;
+ if (availableAssets) {
+ analytics.addEventProperties({
+ numberAvailableAssets: availableAssets.length,
});
}
break;
diff --git a/packages/instant/src/util/analytics.ts b/packages/instant/src/util/analytics.ts
index 51be63da2..331cd86e8 100644
--- a/packages/instant/src/util/analytics.ts
+++ b/packages/instant/src/util/analytics.ts
@@ -1,4 +1,4 @@
-import { AffiliateInfo, Network, OrderSource, ProviderState } from '../types';
+import { AffiliateInfo, Asset, Network, OrderSource, ProviderState } from '../types';
import { EventProperties, heapUtil } from './heap';
@@ -25,6 +25,7 @@ enum EventNames {
TOKEN_SELECTOR_CHOSE = 'Token Selector - Chose',
TOKEN_SELECTOR_SEARCHED = 'Token Selector - Searched',
}
+
const track = (eventName: EventNames, eventProperties: EventProperties = {}): void => {
evaluateIfEnabled(() => {
heapUtil.evaluateHeapCall(heap => heap.track(eventName, eventProperties));
@@ -56,6 +57,9 @@ export interface AnalyticsEventOptions {
orderSource?: string;
affiliateAddress?: string;
affiliateFeePercent?: number;
+ numberAvailableAssets?: number;
+ selectedAssetName?: string;
+ selectedAssetData?: string;
}
export enum TokenSelectorClosedVia {
ClickedX = 'Clicked X',
@@ -77,12 +81,13 @@ export const analytics = {
orderSource: OrderSource,
providerState: ProviderState,
window: Window,
+ selectedAsset?: Asset,
affiliateInfo?: AffiliateInfo,
): AnalyticsEventOptions => {
const affiliateAddress = affiliateInfo ? affiliateInfo.feeRecipient : 'none';
const affiliateFeePercent = affiliateInfo ? parseFloat(affiliateInfo.feePercentage.toFixed(4)) : 0;
const orderSourceName = typeof orderSource === 'string' ? orderSource : 'provided';
- return {
+ const eventOptions: AnalyticsEventOptions = {
embeddedHost: window.location.host,
embeddedUrl: window.location.href,
networkId: network,
@@ -93,6 +98,13 @@ export const analytics = {
affiliateAddress,
affiliateFeePercent,
};
+
+ if (selectedAsset) {
+ eventOptions.selectedAssetName = selectedAsset.metaData.name;
+ eventOptions.selectedAssetData = selectedAsset.assetData;
+ }
+
+ return eventOptions;
},
trackInstantOpened: trackingEventFnWithoutPayload(EventNames.INSTANT_OPENED),
trackAccountLocked: trackingEventFnWithoutPayload(EventNames.ACCOUNT_LOCKED),