如何在 ReactJs 应用程序中使用 Google Analytics 来跟踪事件

Question

我想在我的 reactjs 应用中使用 Google Analytics 跟踪组件点击中的链接。我做了以下步骤：

1. npm install react-ga --save

2. 从“react-ga”导入 ReactGA； ReactGA.initialize('UA-mytrackId');

3. 我的 index.html 有 javascript 代码：

   var trackOutboundLink = 函数（网址）{ ga('发送', '事件', '出站', '点击', url, { '运输'：'信标'， 'hitCallback': function(){document.location = url;} }); }

如何跟踪下面我的组件中的点击次数：

import React from 'react';
import { Link} from 'react-router-dom';
const CourseDetail=({course, onCourseSelect})=>{
return (    
   <div>
     {course.SUBJECT} {course.CATALOG_NBR} - {course.COURSE_DESCR} 
     <ViewLink onCourseSelect={onCourseSelect} course={course}></ViewLink>
     <Link  to={{ pathname: '/course/'+course.CLASS_NBR
             
            }}
            target="_blank"
                        key={course.ID} onClick={()=>"ga('create', 'UA-mytrackId'); ga('send',   'event', 'Schedule', 'bookmarksClick', 'bookmarks');"} >
                        Bookmark link
                    </Link>
    </div>  
);
};
export default CourseDetail;

    

Answer 1

这是在React 中向 Google Analytics 发送事件的示例：

const sendOutbound = (event) => {
  event.preventDefault();
  ReactGA.event({
   category: 'Schedule',
   action: 'bookmarksClick',
   label: 'bookmarks'
 });

<a href... onClick={sendOutbound}>
   ...
</a>