feat: Community 页面 PostHog 事件追踪完成

Custom Hook 集成(useEventFilters.js) 页面组件追踪
This commit is contained in:
zdl
2025-10-28 21:06:53 +08:00
parent fb76e442f7
commit 8f3af4ed07
2 changed files with 91 additions and 4 deletions

View File

@@ -20,12 +20,15 @@ import { useEventFilters } from './hooks/useEventFilters';
import { logger } from '../../utils/logger';
import { useNotification } from '../../contexts/NotificationContext';
import { usePostHogTrack } from '../../hooks/usePostHogRedux';
import { RETENTION_EVENTS } from '../../lib/constants';
// 导航栏已由 MainLayout 提供,无需在此导入
const Community = () => {
const navigate = useNavigate();
const dispatch = useDispatch();
const { track } = usePostHogTrack(); // PostHog 追踪
// Redux状态
const { popularKeywords, hotEvents } = useSelector(state => state.communityData);
@@ -59,6 +62,15 @@ const Community = () => {
dispatch(fetchHotEvents());
}, [dispatch]);
// 🎯 PostHog 追踪:页面浏览
useEffect(() => {
track(RETENTION_EVENTS.COMMUNITY_PAGE_VIEWED, {
timestamp: new Date().toISOString(),
has_hot_events: hotEvents && hotEvents.length > 0,
has_keywords: popularKeywords && popularKeywords.length > 0,
});
}, [track]); // 只在组件挂载时执行一次
// ⚡ 首次访问社区时,延迟显示权限引导
useEffect(() => {
if (showCommunityGuide) {