mirrors/posthog
0
0
Fork 0
mirror of https://github.com/PostHog/posthog.git synced 2024-12-01 12:21:02 +01:00
Code Issues Releases Activity

Merge pull request #133 from PostHog/explain-funnels-and-actions

Browse Source 
Closes #130 explain funnels and actions more clearly
This commit is contained in:
Tim Glaser 2020-02-19 18:06:02 -08:00 committed by GitHub
commit 03e9a7a460
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/Actions.js
View File

@ -80,6 +80,12 @@ export class ActionsTable extends Component {
<AppEditorLink user={this.props.user} className='btn btn-success'><i className='fi flaticon-export' /></AppEditorLink>
</div>
<h1>Actions</h1>
<p style={{maxWidth: 600}}><i>
Actions are PostHog’s way of easily cleaning up a large amount of Event data.
Actions consist of one or more events that you have decided to put into a manually-labelled bucket. They're used in Funnels, Live actions and Trends.<br /><br />
<a href='https://github.com/PostHog/posthog/wiki/Actions' target="_blank">See documentation</a>
</i></p>
<table className='table'>
<thead>
<tr>

5
frontend/src/Funnel.js
View File

@ -90,7 +90,7 @@ export class EditFunnel extends Component {
api.create('api/funnel', data).then((funnel) => this.props.history.push('/funnel/' + funnel.id))
}
render() {
let { dndLoaded, name, steps } = this.state;
let { dndLoaded, name, steps, actions } = this.state;
return <form onSubmit={this.onSubmit}>
<label>Name</label>
<input
@ -101,6 +101,9 @@ export class EditFunnel extends Component {
value={name}
onBlur={() => this.onSubmit()}
className='form-control' />
{actions && actions.length == 0 && <div className='alert alert-warning' style={{marginTop: '1rem'}}>
You don't have any actions set up. <Link to='/actions'>Click here to set up an action</Link>
</div>}
<br /><br />
<div className='row'>
<div className='col-10'>

3
frontend/src/Funnels.js
View File

@ -26,6 +26,9 @@ export default class Funnels extends Component {
return <div>
<Link to={'/new-funnel'} className='btn btn-outline-success float-right'><i className='fi flaticon-add'/>&nbsp;&nbsp;New funnel</Link>
<h1>Funnels</h1>
<p style={{maxWidth: 600}}><i>
If you need your users to carry out a series of actions in a row, funnels are a way of working out where users are dropping off. <a href='https://github.com/PostHog/posthog/wiki/Funnels' target="_blank">See documentation</a>
</i></p>
<table className='table'>
<tbody>
<tr><th>Funnel name</th><th>Completion rate</th><th>Users top of funnel</th><th>Users bottom of funnel</th><th>Steps in funnel</th><th>Actions</th></tr>

1
frontend/style/style.scss
View File

@ -36,6 +36,7 @@ $body-color:#37352F;
@import "../node_modules/bootstrap/scss/_card";
@import "../node_modules/bootstrap/scss/_modal";
@import "../node_modules/bootstrap/scss/_dropdown";
@import "../node_modules/bootstrap/scss/_alert";
// funnel
@import "../node_modules/funnel-graph-js/src/scss/main.scss";
@import "../node_modules/funnel-graph-js/src/scss/theme.scss";