用途:跟踪顾客浏览过的商品,并在商品页、购物车或首页的“最近浏览”组件中展示,帮助顾客继续上次的浏览。使用浏览器存储保存会话内及跨会话历史,展示时始终从服务器重新获取商品数据,避免过期价格或缺货商品。
主要能力:按平台提供不同实现方式。Shopify 可启用 OS2.0 主题内置的 Recently Viewed 区块,或安装 LimeSpot Personalizer(约 $15/月,支持跨设备 AI 个性化);WooCommerce 使用内置 Recently Viewed Products 小工具或短代码 [woocommerce_recently_viewed_products per_page="4"];BigCommerce 使用 Cornerstone 主题或 Page Builder 中的 Recently Viewed 组件;自定义/无头前端用 localStorage 记录浏览 ID,并通过服务端批量接口获取最新商品数据。
使用方式:Shopify 在 Online Store → Themes → Customize 中添加 Recently viewed products 区块并配置数量与标题;WooCommerce 在 Appearance → Widgets 拖入小工具或嵌入短代码;BigCommerce 在 Storefront → My Themes → Customize 或 Page Builder 中启用;自定义方案需实现 recordView、getRecentlyViewedIds 及 /api/products/by-ids 批量接口,并在 useEffect 中读取 localStorage。
适用场景:为回访顾客提供“继续浏览”体验、在商品详情页或购物车抽屉添加最近浏览组件、为个性化引擎提供客户端行为数据、构建无后端依赖的轻量浏览历史。
限制与注意事项:只存商品 ID,不存完整商品对象;排除当前商品;组件非关键,应静默失败;SSR 框架需在 useEffect 中读取 localStorage 避免水合不匹配;遵守隐私同意,仅在用户接受分析 Cookie 后写入;建议设置 30 天 TTL 过期;过滤已下架商品;避免重复项与布局偏移。具体平台版本、主题兼容性及第三方应用价格等细节以官方资料为准,部分信息暂未提供。