diff --git a/src/components/CopyBlock/index.tsx b/src/components/CopyBlock/index.tsx index 0f7e6b92ed649ea22e28f63fb0698c6d6cd8bc65..bb24d5842db7a89fcfba622d09c008d52c7fa818 100644 --- a/src/components/CopyBlock/index.tsx +++ b/src/components/CopyBlock/index.tsx @@ -4,6 +4,7 @@ import styles from './index.less'; import { connect } from 'dva'; import * as H from 'history'; import { FormattedMessage } from 'umi-plugin-react/locale'; +import { isAntDesignPro } from '@/utils/utils'; const firstUpperCase = (pathString: string) => { return pathString @@ -13,13 +14,34 @@ const firstUpperCase = (pathString: string) => { .filter(s => s) .join(''); }; + +// when click block copy, send block url to ga +const onBlockCopy = (label: string) => { + if (!isAntDesignPro()) { + return; + } + const ga = window && (window as any).ga; + if (ga) { + ga('send', 'event', { + eventCategory: 'block', + eventAction: 'copy', + eventLabel: label, + }); + } +}; + const BlockCodeView: React.SFC<{ url: string; }> = ({ url }) => { const blockUrl = `npx umi block add ${firstUpperCase(url)} --path=${url}`; return (
- + onBlockCopy(url), + }} + > {blockUrl}
diff --git a/src/typings.d.ts b/src/typings.d.ts index d32d9d232c9174f587886558cf95622bb82e99f6..9606b9d77710f81ebe7b6598a1fab1b3602f3526 100644 --- a/src/typings.d.ts +++ b/src/typings.d.ts @@ -20,6 +20,7 @@ declare module 'react-fittext'; declare module '@antv/data-set'; declare module 'nzh/cn'; +declare let ga: Function; // preview.pro.ant.design only do not use in your production ; // preview.pro.ant.design 专用环境变量,请不要在你的项目中使用它。 declare let ANT_DESIGN_PRO_ONLY_DO_NOT_USE_IN_YOUR_PRODUCTION: 'site' | undefined;