Revamped analytics
This commit is contained in:
parent
fcc26a1930
commit
a81924626d
7 changed files with 100 additions and 72 deletions
37
flow-typed/npm/mixpanel-browser_v2.11.x.js
vendored
Normal file
37
flow-typed/npm/mixpanel-browser_v2.11.x.js
vendored
Normal file
|
@ -0,0 +1,37 @@
|
|||
// flow-typed signature: 89b1643389fe61f97995bdeb2f68d847
|
||||
// flow-typed version: dcf8c1c580/mixpanel-browser_v2.11.x/flow_>=v0.25.x
|
||||
|
||||
declare module 'mixpanel-browser' {
|
||||
declare type People = {
|
||||
set(prop: Object|String, to?: any, callback?: Function): void;
|
||||
set_once(prop: Object|String, to?: any, callback?: Function): void;
|
||||
increment(prop: Object|string, by?: number, callback?: Function): void;
|
||||
append(prop: Object|string, value?: any, callback?: Function): void;
|
||||
union(prop: Object|string, value?: any, callback?: Function): void;
|
||||
track_charge(amount: number, properties?: Object, callback?: Function): void;
|
||||
clear_charges(callback?: Function): void;
|
||||
delete_user(): void;
|
||||
}
|
||||
|
||||
declare type MixpanelBrowser = {
|
||||
init(token: string, config?: Object, name?: string): void;
|
||||
push(item: [string, Object]): void;
|
||||
disable(events?: string[]): void;
|
||||
track(event_name: string, properties?: Object, callback?: Function): void;
|
||||
track_links(query: Object|string, event_name: string, properties?: Object|Function): void;
|
||||
track_forms(query: Object|string, event_name: string, properties?: Object|Function): void;
|
||||
time_event(event_name: string): void;
|
||||
register(properties: Object, days?: number): void;
|
||||
register_once(properties: Object, default_value?: any, days?: number): void;
|
||||
unregister(property: string): void;
|
||||
identify(unique_id: string): void;
|
||||
reset(): void;
|
||||
get_distinct_id(): string;
|
||||
alias(alias: string, original?: string): void;
|
||||
set_config(config: Object): void;
|
||||
get_config(): Object;
|
||||
people: People;
|
||||
}
|
||||
|
||||
declare module.exports: MixpanelBrowser;
|
||||
}
|
|
@ -29,7 +29,6 @@
|
|||
"lbry"
|
||||
],
|
||||
"dependencies": {
|
||||
"amplitude-js": "^4.0.0",
|
||||
"bluebird": "^3.5.1",
|
||||
"classnames": "^2.2.5",
|
||||
"country-data": "^0.0.31",
|
||||
|
@ -45,6 +44,7 @@
|
|||
"jshashes": "^1.0.7",
|
||||
"keytar-prebuild": "^4.0.4",
|
||||
"localforage": "^1.5.0",
|
||||
"mixpanel-browser": "^2.17.1",
|
||||
"moment": "^2.20.1",
|
||||
"npm": "^5.5.1",
|
||||
"qrcode.react": "^0.7.2",
|
||||
|
|
31
src/renderer/analytics.js
Normal file
31
src/renderer/analytics.js
Normal file
|
@ -0,0 +1,31 @@
|
|||
// @flow
|
||||
import mixpanel from 'mixpanel-browser';
|
||||
|
||||
mixpanel.init('691723e855cabb9d27a7a79002216967');
|
||||
|
||||
type Analytics = {
|
||||
track: (string, ?Object) => void,
|
||||
setUser: (Object) => void,
|
||||
}
|
||||
|
||||
const analytics: Analytics = {
|
||||
track: (name: string, payload: ?Object): void => {
|
||||
if(payload) {
|
||||
mixpanel.track(name, payload);
|
||||
} else {
|
||||
mixpanel.track(name);
|
||||
}
|
||||
},
|
||||
setUser: (user: Object): void => {
|
||||
if(user.id) {
|
||||
mixpanel.identify(user.id);
|
||||
}
|
||||
if(user.primary_email) {
|
||||
mixpanel.people.set({
|
||||
"$email": user.primary_email
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export default analytics;
|
|
@ -1,5 +1,4 @@
|
|||
/* eslint-disable react/jsx-filename-extension */
|
||||
import amplitude from 'amplitude-js';
|
||||
import App from 'component/app';
|
||||
import SnackBar from 'component/snackBar';
|
||||
import SplashScreen from 'component/splash';
|
||||
|
@ -17,6 +16,7 @@ import { doUserEmailVerify } from 'redux/actions/user';
|
|||
import 'scss/all.scss';
|
||||
import store from 'store';
|
||||
import app from './app';
|
||||
import analytics from './analytics';
|
||||
|
||||
const { autoUpdater } = remote.require('electron-updater');
|
||||
|
||||
|
@ -62,15 +62,6 @@ ipcRenderer.on('window-is-focused', () => {
|
|||
dock.setBadge('');
|
||||
});
|
||||
|
||||
((history, ...args) => {
|
||||
const { replaceState } = history;
|
||||
const newHistory = history;
|
||||
newHistory.replaceState = (_, __, path) => {
|
||||
amplitude.getInstance().logEvent('NAVIGATION', { destination: path ? path.slice(1) : path });
|
||||
return replaceState.apply(history, args);
|
||||
};
|
||||
})(window.history);
|
||||
|
||||
document.addEventListener('click', event => {
|
||||
let { target } = event;
|
||||
while (target && target !== document) {
|
||||
|
@ -79,12 +70,12 @@ document.addEventListener('click', event => {
|
|||
const hrefParts = window.location.href.split('#');
|
||||
const element = target.title || (target.textContent && target.textContent.trim());
|
||||
if (element) {
|
||||
amplitude.getInstance().logEvent('CLICK', {
|
||||
analytics.track('CLICK', {
|
||||
target: element,
|
||||
location: hrefParts.length > 1 ? hrefParts[hrefParts.length - 1] : '/',
|
||||
});
|
||||
} else {
|
||||
amplitude.getInstance().logEvent('UNMARKED_CLICK', {
|
||||
analytics.track('UNMARKED_CLICK', {
|
||||
location: hrefParts.length > 1 ? hrefParts[hrefParts.length - 1] : '/',
|
||||
source: target.outerHTML,
|
||||
});
|
||||
|
@ -120,28 +111,18 @@ const init = () => {
|
|||
app.store.dispatch(doDownloadLanguages());
|
||||
|
||||
function onDaemonReady() {
|
||||
lbry.status().then(info => {
|
||||
amplitude.getInstance().init(
|
||||
// Amplitude API Key
|
||||
'0b130efdcbdbf86ec2f7f9eff354033e',
|
||||
info.lbry_id,
|
||||
null,
|
||||
() => {
|
||||
window.sessionStorage.setItem('loaded', 'y'); // once we've made it here once per session, we don't need to show splash again
|
||||
app.store.dispatch(doDaemonReady());
|
||||
window.sessionStorage.setItem('loaded', 'y'); // once we've made it here once per session, we don't need to show splash again
|
||||
app.store.dispatch(doDaemonReady());
|
||||
|
||||
ReactDOM.render(
|
||||
<Provider store={store}>
|
||||
<div>
|
||||
<App />
|
||||
<SnackBar />
|
||||
</div>
|
||||
</Provider>,
|
||||
document.getElementById('app')
|
||||
);
|
||||
}
|
||||
);
|
||||
});
|
||||
ReactDOM.render(
|
||||
<Provider store={store}>
|
||||
<div>
|
||||
<App />
|
||||
<SnackBar />
|
||||
</div>
|
||||
</Provider>,
|
||||
document.getElementById('app')
|
||||
);
|
||||
}
|
||||
|
||||
if (window.sessionStorage.getItem('loaded') === 'y') {
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
import * as ACTIONS from 'constants/action_types';
|
||||
import { selectHistoryIndex, selectHistoryStack } from 'redux/selectors/navigation';
|
||||
import { toQueryString } from 'util/query_params';
|
||||
import analytics from 'analytics';
|
||||
|
||||
export function doNavigate(path, params = {}, options = {}) {
|
||||
return dispatch => {
|
||||
|
@ -13,6 +14,8 @@ export function doNavigate(path, params = {}, options = {}) {
|
|||
url += `?${toQueryString(params)}`;
|
||||
}
|
||||
|
||||
analytics.track('NAVIGATION', { destination: url });
|
||||
|
||||
const { scrollY } = options;
|
||||
|
||||
dispatch({
|
||||
|
|
|
@ -9,6 +9,7 @@ import {
|
|||
selectUserCountryCode,
|
||||
} from 'redux/selectors/user';
|
||||
import rewards from 'rewards';
|
||||
import analytics from 'analytics';
|
||||
|
||||
export function doFetchInviteStatus() {
|
||||
return dispatch => {
|
||||
|
@ -42,6 +43,7 @@ export function doAuthenticate() {
|
|||
});
|
||||
Lbryio.authenticate()
|
||||
.then(user => {
|
||||
analytics.setUser(user);
|
||||
dispatch({
|
||||
type: ACTIONS.AUTHENTICATION_SUCCESS,
|
||||
data: { user },
|
||||
|
@ -66,6 +68,7 @@ export function doUserFetch() {
|
|||
});
|
||||
Lbryio.getCurrentUser()
|
||||
.then(user => {
|
||||
analytics.setUser(user);
|
||||
dispatch(doRewardList());
|
||||
|
||||
dispatch({
|
||||
|
|
49
yarn.lock
49
yarn.lock
|
@ -79,13 +79,6 @@
|
|||
lodash "^4.2.0"
|
||||
to-fast-properties "^2.0.0"
|
||||
|
||||
"@segment/top-domain@^3.0.0":
|
||||
version "3.0.0"
|
||||
resolved "https://registry.yarnpkg.com/@segment/top-domain/-/top-domain-3.0.0.tgz#02e5a5a4fd42a9f6cf886b05e82f104012a3c3a7"
|
||||
dependencies:
|
||||
component-cookie "^1.1.2"
|
||||
component-url "^0.2.1"
|
||||
|
||||
"@types/node@^7.0.18":
|
||||
version "7.0.52"
|
||||
resolved "https://registry.yarnpkg.com/@types/node/-/node-7.0.52.tgz#8990d3350375542b0c21a83cd0331e6a8fc86716"
|
||||
|
@ -217,16 +210,6 @@ amdefine@>=0.0.4:
|
|||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5"
|
||||
|
||||
amplitude-js@^4.0.0:
|
||||
version "4.0.0"
|
||||
resolved "https://registry.yarnpkg.com/amplitude-js/-/amplitude-js-4.0.0.tgz#70bbc0ec893b01d00453d3765f78bc0f32a395cc"
|
||||
dependencies:
|
||||
"@segment/top-domain" "^3.0.0"
|
||||
blueimp-md5 "^2.10.0"
|
||||
json3 "^3.3.2"
|
||||
lodash "^4.17.4"
|
||||
ua-parser-js "github:amplitude/ua-parser-js#ed538f1"
|
||||
|
||||
ansi-align@^2.0.0:
|
||||
version "2.0.0"
|
||||
resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-2.0.0.tgz#c36aeccba563b89ceb556f3690f0b1d9e3547f7f"
|
||||
|
@ -1400,10 +1383,6 @@ bluebird@^3.4.7, bluebird@^3.5.0, bluebird@^3.5.1, bluebird@~3.5.0:
|
|||
version "3.5.1"
|
||||
resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.5.1.tgz#d9551f9de98f1fcda1e683d17ee91a0602ee2eb9"
|
||||
|
||||
blueimp-md5@^2.10.0:
|
||||
version "2.10.0"
|
||||
resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.10.0.tgz#02f0843921f90dca14f5b8920a38593201d6964d"
|
||||
|
||||
bn.js@^4.0.0, bn.js@^4.1.0, bn.js@^4.1.1, bn.js@^4.4.0:
|
||||
version "4.11.8"
|
||||
resolved "https://registry.yarnpkg.com/bn.js/-/bn.js-4.11.8.tgz#2cde09eb5ee341f484746bb0309b3253b1b1442f"
|
||||
|
@ -2081,16 +2060,6 @@ compare-version@^0.1.2:
|
|||
version "0.1.2"
|
||||
resolved "https://registry.yarnpkg.com/compare-version/-/compare-version-0.1.2.tgz#0162ec2d9351f5ddd59a9202cba935366a725080"
|
||||
|
||||
component-cookie@^1.1.2:
|
||||
version "1.1.3"
|
||||
resolved "https://registry.yarnpkg.com/component-cookie/-/component-cookie-1.1.3.tgz#053e14a3bd7748154f55724fd39a60c01994ebed"
|
||||
dependencies:
|
||||
debug "*"
|
||||
|
||||
component-url@^0.2.1:
|
||||
version "0.2.1"
|
||||
resolved "https://registry.yarnpkg.com/component-url/-/component-url-0.2.1.tgz#4e4f4799c43ead9fd3ce91b5a305d220208fee47"
|
||||
|
||||
compressible@~2.0.11:
|
||||
version "2.0.12"
|
||||
resolved "https://registry.yarnpkg.com/compressible/-/compressible-2.0.12.tgz#c59a5c99db76767e9876500e271ef63b3493bd66"
|
||||
|
@ -2451,18 +2420,18 @@ date-now@^0.1.4:
|
|||
version "0.1.4"
|
||||
resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
|
||||
|
||||
debug@*, debug@^3.0.0, debug@^3.0.1, debug@^3.1.0:
|
||||
version "3.1.0"
|
||||
resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
|
||||
dependencies:
|
||||
ms "2.0.0"
|
||||
|
||||
debug@2, debug@2.6.9, debug@^2.1.3, debug@^2.2.0, debug@^2.6.6, debug@^2.6.8:
|
||||
version "2.6.9"
|
||||
resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
|
||||
dependencies:
|
||||
ms "2.0.0"
|
||||
|
||||
debug@^3.0.0, debug@^3.0.1, debug@^3.1.0:
|
||||
version "3.1.0"
|
||||
resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
|
||||
dependencies:
|
||||
ms "2.0.0"
|
||||
|
||||
debuglog@^1.0.1:
|
||||
version "1.0.1"
|
||||
resolved "https://registry.yarnpkg.com/debuglog/-/debuglog-1.0.1.tgz#aa24ffb9ac3df9a2351837cfb2d279360cd78492"
|
||||
|
@ -5799,6 +5768,10 @@ mixin-object@^2.0.1:
|
|||
for-in "^0.1.3"
|
||||
is-extendable "^0.1.1"
|
||||
|
||||
mixpanel-browser@^2.17.1:
|
||||
version "2.17.1"
|
||||
resolved "https://registry.yarnpkg.com/mixpanel-browser/-/mixpanel-browser-2.17.1.tgz#1b90a0478ec912f35f761c52e08d4228fc37867f"
|
||||
|
||||
mkdirp@0.5, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
|
||||
version "0.5.1"
|
||||
resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
|
||||
|
@ -8795,7 +8768,7 @@ typo-js@*:
|
|||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/typo-js/-/typo-js-1.0.3.tgz#54d8ebc7949f1a7810908b6002c6841526c99d5a"
|
||||
|
||||
ua-parser-js@^0.7.9, "ua-parser-js@github:amplitude/ua-parser-js#ed538f1":
|
||||
ua-parser-js@^0.7.9:
|
||||
version "0.7.10"
|
||||
resolved "https://codeload.github.com/amplitude/ua-parser-js/tar.gz/ed538f16f5c6ecd8357da989b617d4f156dcf35d"
|
||||
|
||||
|
|
Loading…
Reference in a new issue