Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Send tracks event for breadcrumb link clicks.

This commit is contained in:
Jeff Stieler 2019-07-09 13:10:49 -06:00
parent c31d5eeace
commit 849d556770
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
plugins/woocommerce-admin/client/header/index.js
View File

@ -19,6 +19,7 @@ import { Link } from '@woocommerce/components';
*/
import './style.scss';
import ActivityPanel from './activity-panel';
import { recordEvent } from 'lib/tracks';
class Header extends Component {
constructor() {
@ -29,6 +30,7 @@ class Header extends Component {
this.onWindowScroll = this.onWindowScroll.bind( this );
this.updateIsScrolled = this.updateIsScrolled.bind( this );
this.trackLinkClick = this.trackLinkClick.bind( this );
}
componentDidMount() {
@ -55,6 +57,12 @@ class Header extends Component {
}
}
trackLinkClick( event ) {
const href = event.target.closest( 'a' ).getAttribute( 'href' );
recordEvent( 'navbar_breadcrumb_click', { href, text: event.target.innerText } );
}
render() {
const { sections, isEmbedded } = this.props;
const { isScrolled } = this.state;
@ -83,7 +91,11 @@ class Header extends Component {
<div className={ className }>
<h1 className="woocommerce-layout__header-breadcrumbs">
<span>
<Link href={ 'admin.php?page=wc-admin' } type={ isEmbedded ? 'wp-admin' : 'wc-admin' }>
<Link
href={ 'admin.php?page=wc-admin' }
type={ isEmbedded ? 'wp-admin' : 'wc-admin' }
onClick={ this.trackLinkClick }
>
WooCommerce
</Link>
</span>
@ -92,6 +104,7 @@ class Header extends Component {
<Link
href={ isEmbedded ? section[ 0 ] : getNewPath( {}, section[ 0 ], {} ) }
type={ isEmbedded ? 'wp-admin' : 'wc-admin' }
onClick={ this.trackLinkClick }
>
{ section[ 1 ] }
</Link>