SuperAPI AI 工具集

analytics-tracking

数据与分析

查看项目

更新于 10-16 04:22

技能介绍

Analytics and Tracking(分析与追踪)技能用于在项目中实现和维护分析系统,主要面向事件追踪、电商指标、GA4 集成与管理后台等需求。

快速开始方面,资料建议:实现分析功能时,使用来自 @/lib/integrations/analytics 的 trackEvent();追踪电商事件(view_item、add_to_cart、purchase);携带相关属性(item_id、price、category);并在 DevTools 的 Network 标签页中验证事件是否发送成功。

关键文件包括:src/lib/integrations/analytics/(分析集成)、src/components/Analytics/(分析组件)、src/app/api/track/(追踪 API)、src/hooks/useAnalytics.ts(分析钩子)。

常见事件的使用方式如下。追踪商品浏览时,调用 trackEvent 并传入 event 为 'view_item',properties 中包含 item_id(product.id)、item_name(product.name)、price(product.price)、currency('ARS')以及 category(product.category.name)。追踪购买时,event 为 'purchase',properties 包含 transaction_id(order.id)、value(order.total)、currency('ARS'),以及 items 数组,数组元素由 order.items 映射得到,每个元素包含 item_id(item.product_id)、item_name(item.product.name)、price(item.price)和 quantity(item.quantity)。

此外可以使用钩子方式:从 @/hooks/useAnalytics 引入 useAnalytics,在组件中取得 track 方法,在点击等交互中调用 track('product_click', { product_id: product.id, product_name: product.name })。资料给出的 Event Types 包括:page_view(页面浏览)、product_view(商品浏览)、add_to_cart(加入购物车)、remove_from_cart(从购物车移除)、begin_checkout(开始结账)、purchase(完成购买)、search(商品搜索)。

上述代码与路径为资料中提供的示例,应保持原样使用。关于该技能的安装命令、具体收费方式、平台限制、GA4 详细配置步骤以及管理后台界面细节,资料暂未提供。