feats

src/pages.js

@@ -3,17 +3,26 @@ const Main = [
   {
     name: '首页',
     page: 'pages/ShouYe/index',
-    type: 'main',
+    track: {
+      event: 'index',
+      eventType: 'main',
+    }
   },
   {
     name: '首页-活动',
     page: 'pages/ShouYe/HuoDong/index',
-    type: 'main',
+    track: {
+      event: 'list',
+      eventType: 'activity',
+    }
   },
   {
     name: '首页-资讯',
     page: 'pages/ShouYe/ZiXun/index',
-    type: 'main',
+    track: {
+      event: 'list',
+      eventType: 'news',
+    }
   }
 ]
 
@@ -21,17 +30,26 @@ const Property = [
   {
     name: '物业',
     page: 'pages/WuYe/index',
-    type: 'property',
+    track: {
+      event: 'list',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-服务详情',
     page: 'pages/WuYe/FuWuDetail/index',
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-公告详情',
     page: 'pages/WuYe/GongGaoDetail/index',
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-报修区域',
@@ -41,27 +59,42 @@ const Property = [
   {
     name: '物业-添加报修',
     page: 'pages/WuYe/TianJiaBaoXiu/index',
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-报修详情',
     page: 'pages/WuYe/BaoXiuDetail/index',
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-编辑报修',
     page: 'pages/WuYe/XiuGaiBaoXiu/index',
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-报修费用',
     page: 'pages/WuYe/BaoXiuFeiYong/index',
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-缴费详情',
     page: 'pages/WuYe/JiaoFeiDetail/index',
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   }
 ]
 
@@ -69,17 +102,26 @@ const Activity = [
   {
     name: '活动',
     page: 'pages/HuoDong/index',
-    type: 'activity',
+    track: {
+      event: 'list',
+      eventType: 'activity',
+    }
   },
   {
     name: '活动-活动详情',
     page: 'pages/HuoDong/HuoDongDetail/index',
-    type: 'activity',
+    track: {
+      event: 'detail',
+      eventType: 'activity',
+    }
   },
   {
     name: '活动-资讯详情',
     page: 'pages/HuoDong/ZiXunDetail/index',
-    type: 'activity',
+    track: {
+      event: 'detail',
+      eventType: 'news',
+    }
   }
 ]
 
@@ -87,27 +129,42 @@ const Shop = [
   {
     name: '福利',
     page: 'pages/FuLi/index',
-    type: 'shop',
+    track: {
+      event: 'list',
+      eventType: 'shop',
+    }
   },
   {
     name: '福利-商品详情',
     page: 'pages/FuLi/ShangPinXiangQing/index',
-    type: 'shop',
+    track: {
+      event: 'detail',
+      eventType: 'shop',
+    }
   },
   {
     name: '福利-商品兑换',
     page: 'pages/FuLi/ShangPinDuiHuan/index',
-    type: 'shop',
+    track: {
+      event: 'exchange',
+      eventType: 'shop',
+    }
   },
   {
     name: '福利-积分规则',
     page: 'pages/FuLi/JiFenGuiZe/index',
-    type: 'shop',
+    track: {
+      event: 'points_rule',
+      eventType: 'shop',
+    }
   },
   {
     name: '福利-积分明细',
     page: 'pages/FuLi/JiFenMingXi/index',
-    type: 'shop',
+    track: {
+      event: 'points_details',
+      eventType: 'shop',
+    }
   }
 ]
 
@@ -115,37 +172,58 @@ const Other = [
   {
     name: '我的',
     page: 'pages/WoDe/index',
-    type: 'other',
+    track: {
+      event: 'list',
+      eventType: 'other',
+    }
   },
   {
     name: '我的-个人信息',
     page: 'pages/WoDe/GeRenXinXi/index',
-    type: 'other',
+    track: {
+      event: 'detail',
+      eventType: 'other',
+    }
   },
   {
     name: '我的-业主认证',
     page: 'pages/WoDe/YeZhuRenZheng/index',
-    type: 'other',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '我的-业主审核',
     page: 'pages/WoDe/YeZhuShenHe/index',
-    type: 'other',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '我的-我的活动',
     page: 'pages/WoDe/WoDeHuoDong/index',
-    type: 'other',
+    track: {
+      event: 'list',
+      eventType: 'activity',
+    }
   },
   {
     name: '我的-推荐二维码',
     page: 'pages/WoDe/TuiJianErWeiMa/index',
-    type: 'other',
+    track: {
+      event: 'detail',
+      eventType: 'other',
+    }
   },
   {
     name: '我的-推荐分享',
     page: 'pages/WoDe/TuiJianFenXiang/index',
-    type: 'other',
+    track: {
+      event: 'detail',
+      eventType: 'other',
+    }
   },
 ]
 

src/pages/ShouYe/index.jsx

@@ -6,6 +6,7 @@ import { Swiper, SwiperItem, Text } from '@tarojs/components'
 import request, { apis } from '@/utils/request'
 import { useModel } from '@/store'
 import useUserMounted from '@/utils/hooks/useUserMounted'
+import useMountTrack from '@/utils/hooks/useMountTrack'
 import Taro from '@tarojs/taro'
 import Page from '@/layouts'
 import '@/assets/css/reset.less'
@@ -35,17 +36,20 @@ export default function Index (props) {
   const [ActivityList, setActivityList] = useState([])
   const [NewsList, setNewsList] = useState([])
 
-  useEffect(() => {
-    if (user) {
-      console.log(user, `user`)
-      OnRefresh()
-    }
-  }, [user])
+  // useEffect(() => {
+  //   if (user) {
+  //     console.log(user, `user`)
+  //     OnRefresh()
+  //   }
+  // }, [user])
+
+  useUserMounted(() => {
+    console.log(user, `user`)
+    OnRefresh()
+  })
 
-  // useUserMounted(() => {
-  //   console.log(user, `user`)
-  //   OnRefresh()
-  // })
+  // 埋点
+  useMountTrack()
 
   const Init = (done = () => { }) => { // 初始化
     let DownCount = 0

src/utils/api.js

@@ -124,6 +124,10 @@ const $api = {
   updateTracking: { // 更新埋点
     method: 'put',
     url: `${prefix}/taPersonVisitRecord/:id`
+  },
+  setShare: { // 分享
+    method: 'put',
+    url: `${prefix}/:type/share/:id`
   }
 
 }

src/utils/hooks/useMountTrack.js

@@ -0,0 +1,51 @@
+import React, { useEffect, useRef } from 'react'
+import { getCurrentInstance } from '@tarojs/taro'
+import { useModel } from '@/store'
+import request, { apis } from '../request'
+
+const pages = require('../../pages')
+
+/**
+ * 页面埋点
+ * params 一般不需要传值,
+ * 特殊情况, 可以参考 ta_person_visit 表
+ * 
+ * @param {*} params 
+ */
+export default function useMountTrack(params) {
+  const execed = useRef(false)
+  const { user } = useModel('user')
+
+  useEffect(() => {
+    if (!user || !user.personId) {
+      return
+    }
+
+    const router = getCurrentInstance().router
+    const page = pages.filter(x => router.path.indexOf(x.page) > -1)[0]
+    if (!page) {
+      return
+    }
+
+    // 只执行一次
+    if (execed.current) {
+      return
+    } else {
+      execed.current = true
+    }
+
+    const data = {
+      propertyName: page.name,
+      data: '{}',
+      ...page.track,
+      ...(params || {})
+    }
+
+    let id = undefined
+    request({ ...apis.saveTracking, silent: true, data }).then(res => {
+      id = res.recordId
+    })
+
+    return () => id && request({ ...apis.updateTracking, silent: true, args: { id } })
+  }, [params, user])
+}

src/utils/track.js

@@ -10,15 +10,14 @@ const pages = require('../pages')
 export async function trackUserSource(router, qrcode) {
   const { path, scene, params } = router || {}
 
-  const pageInfo = pages.filter(x => path.indexOf(x.page) > -1)[0] || { type: 'other', name: '其他' }
+  const page = pages.filter(x => path.indexOf(x.page) > -1)[0] || {}
 
   const trackPayload = {
+    ...(page.track || {}),
     event: 'start',
-    eventType: pageInfo.type,
-    propertyName: pageInfo.name,
+    propertyName: page.name,
     data: '{}',
     id: params.id,
-    buildingId: undefined,
     realScene: scene,
     sceneId: params.scene,
     sharePersonId: (qrcode || {}).recommender || params.recommender,
@@ -38,3 +37,49 @@ export async function trackUserSource(router, qrcode) {
     return function () { }
   }
 }
+
+/**
+ * 分享埋点
+ * params 一般需要如下传值：
+ *    targetId: 当前页面的ID
+ *    shareType: 分享内容类型, 目前约定的有 main 首页, project 项目, activity 普通活动, news 资讯 等
+ *    event: 默认是 share, 如果是海报分享, 请传值 poster
+ * 
+ * @param {*} params 
+ */
+export function shareTrack(params, user) {
+  const { shareType, targetId, ...trackParams } = params || {}
+  if (!shareType || !user || !user.personId) {
+    return
+  }
+
+  // 分享设置
+  if (targetId) {
+    request({
+      ...apis.setShare,
+      silent: true,
+      args: {
+        type: shareType,
+        id: targetId
+      }
+    }).then(res => console.log('--分享设置-->', res))
+  }
+
+  // 埋点
+  const router = getCurrentInstance().router
+  const page = pages.filter(x => router.path.indexOf(x.page) > -1)[0] || {}
+
+  const data = {
+    propertyName: page.name,
+    data: '{}',
+    ...(page.track || {}),
+    targetId,
+    sharePersonId: user.personId,
+    event: 'share',
+    ...trackParams
+  }
+
+  request({ ...apis.saveTracking, silent: true, data }).then(res => {
+    console.log('--分享埋点-->', res)
+  })
+}