JakeHillion/storj
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

satellite/analytics: Add analytics for "path selected" in onboarding step (#4086)

Browse Source
This commit is contained in:
prerna-parashar 2021-04-19 09:44:25 -07:00 committed by GitHub
parent 75ca01e381
commit 613a95530b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 42 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
satellite/analytics/service.go
View File

@ -19,6 +19,7 @@ const (
eventGatewayCredentialsCreated = "Credentials Created"
eventPassphraseCreated = "Passphrase Created"
eventExternalLinkClicked = "External Link Clicked"
eventPathSelected = "Path Selected"
)
// Config is a configuration struct for analytics Service.
@ -50,7 +51,7 @@ func NewService(log *zap.Logger, config Config, satelliteName string) *Service {
if config.Enabled {
service.segment = segment.New(config.SegmentWriteKey)
}
for _, name := range []string{eventGatewayCredentialsCreated, eventPassphraseCreated, eventExternalLinkClicked} {
for _, name := range []string{eventGatewayCredentialsCreated, eventPassphraseCreated, eventExternalLinkClicked, eventPathSelected} {
service.clientEvents[name] = true
}
return service

42
web/satellite/src/components/onboardingTour/steps/OverviewStep.vue
View File

@ -36,7 +36,7 @@
class="overview-area__path-section__button"
label="Continue"
width="calc(100% - 4px)"
:on-press="onCreateGrantClick"
:on-press="onGatewayMTClick"
:is-blue-white="true"
:is-disabled="isLoading"
/>
@ -50,7 +50,7 @@
class="overview-area__path-section__button"
label="Continue"
width="calc(100% - 4px)"
:on-press="onCreateGrantClick"
:on-press="onUplinkCLIClick"
:is-blue-white="true"
:is-disabled="isLoading"
/>
@ -65,6 +65,7 @@
href="https://docs.storj.io/how-tos/sync-files-with-rclone"
target="_blank"
rel="noopener noreferrer"
@click="onRcloneClick"
>
Continue
</a>
@ -95,6 +96,8 @@ import { PAYMENTS_ACTIONS } from '@/store/modules/payments';
import { PROJECTS_ACTIONS } from '@/store/modules/projects';
import { ProjectFields } from '@/types/projects';
import { PM_ACTIONS } from '@/utils/constants/actionNames';
import { AnalyticsEvent } from '@/utils/constants/analyticsEventNames';
import { AnalyticsHttpApi } from '@/api/analytics';
@Component({
components: {
@ -105,6 +108,12 @@ import { PM_ACTIONS } from '@/utils/constants/actionNames';
export default class OverviewStep extends Vue {
public isLoading: boolean = false;
private readonly analytics: AnalyticsHttpApi = new AnalyticsHttpApi();
public onRcloneClick(): void {
this.analytics.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, "Rclone Sync");
}
/**
* Lifecycle hook after initial render.
* Sets area to needed state.
@ -125,11 +134,36 @@ export default class OverviewStep extends Vue {
* Holds button click logic.
* Creates untitled project and redirects to next step (creating access grant).
*/
public async onCreateGrantClick(): Promise<void> {
public async onGatewayMTClick(): Promise<void> {
if (this.isLoading) return;
this.isLoading = true;
await this.analytics.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, "GatewayMT");
try {
await this.createUntitledProject();
this.isLoading = false;
await this.$router.push(RouteConfig.OnboardingTour.with(RouteConfig.AccessGrant).with(RouteConfig.AccessGrantName).path);
} catch (error) {
await this.$notify.error(error.message);
this.isLoading = false;
}
}
/**
* Holds button click logic.
* Creates untitled project and redirects to next step (creating access grant).
*/
public async onUplinkCLIClick(): Promise<void> {
if (this.isLoading) return;
this.isLoading = true;
await this.analytics.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, "CLI");
try {
await this.createUntitledProject();
@ -150,6 +184,8 @@ export default class OverviewStep extends Vue {
this.isLoading = true;
await this.analytics.linkEventTriggered(AnalyticsEvent.PATH_SELECTED, "Continue in Browser");
try {
await this.createUntitledProject();

1
web/satellite/src/utils/constants/analyticsEventNames.ts
View File

@ -6,4 +6,5 @@ export enum AnalyticsEvent {
GATEWAY_CREDENTIALS_CREATED = 'Credentials Created',
PASSPHRASE_CREATED = 'Passphrase Created',
EXTERNAL_LINK_CLICKED = 'External Link Clicked',
PATH_SELECTED = 'Path Selected',
}