特网建站专注网站建设行业优质供应商,并且包含互联网基础服务(域名、云服务器、企业邮箱、网络营销等)应用服务。

微信咨询

zhstwkj

您敢托付 绝不辜负

邮件

mail@56dr.com

服务器、网站、业务系统保驾护航

合作企业用户

12500+

运维团队

10+

公司网站制作产品分类管理

2026-05-30 409 网站建设

    公司网站制作中的产品分类管理是提升用户体验与运营效率的关键模块,通过科学合理的分类体系,企业可清晰展示产品结构,便于访客快速定位所需商品,同时利于后台统一维护与更新,良好的分类管理支持多级目录、自定义排序、标签筛选等功能,适配不同行业需求,并能与搜索系统、购物车等模块无缝衔接,它还助力SEO优化,提高产品曝光率,定期优化分类逻辑,结合数据分析调整架构,可有效促进转化率提升,为企业的线上销售和品牌展示提供坚实支撑。

    构建高效、清晰与用户体验至上的电商架构

    在当今数字化商业环境中,公司网站不仅是企业对外展示形象的窗口,更是实现产品销售、客户服务和品牌传播的重要阵地,尤其对于以产品销售为核心的企业而言,网站的产品分类管理直接关系到用户能否快速找到所需商品、是否愿意继续浏览甚至完成购买行为,在公司网站制作过程中,科学、合理、人性化的“产品分类管理”系统设计,已成为决定网站成败的关键因素之一。

    本文将从产品分类管理的重要性、设计原则、技术实现、常见误区、优化策略以及未来发展趋势等六大维度,全面深入探讨如何在公司网站制作中构建高效、清晰且用户体验至上的产品分类管理体系。

    产品分类管理为何至关重要?

    1. 提升用户体验(UX)
      用户进入一个公司网站,最核心的需求就是“找产品”,如果产品分类混乱、层级不清、命名模糊,用户往往会在几秒钟内失去耐心并离开,良好的产品分类就像图书馆的索引系统或超市的货架布局,让用户能够按图索骥,迅速定位目标商品,极大提升浏览效率和满意度。

    2. 降低跳出率,提高转化率
      研究表明,用户在3秒内无法找到所需信息,跳出率将大幅上升,而清晰的产品分类能有效引导用户深入浏览,延长停留时间,增加交叉销售和关联推荐的机会,从而显著提升转化率和客单价。

    3. 有利于SEO优化
      搜索引擎蜘蛛爬取网站时,依赖清晰的导航结构和语义化标签来理解页面内容,科学的产品分类体系有助于建立合理的URL结构、内部链接网络和关键词布局,从而提升网站在搜索引擎中的可见度和排名。

    4. 便于后台管理与数据分析
      对运营人员而言,良好的分类管理意味着可以更高效地上架、下架、调整库存、设置促销、生成报表,不同类目的销售数据、访问热力、转化漏斗等分析结果,也能为企业决策提供精准依据。

    产品分类管理的设计原则

    1. 用户导向原则
      一切分类设计应围绕“用户怎么想、怎么找”展开,而非“企业怎么分、怎么管”,服装企业不应仅按“男装/女装/童装”划分,还应考虑“场合(商务/休闲/运动)”、“风格(简约/复古/潮流)”、“季节”等多维标签。

    2. 层级简洁原则
      心理学研究表明,人类短期记忆容量约为7±2个信息组块,顶级分类建议控制在5-8个以内,每个子分类不宜超过三级,过多层级会导致用户迷失,俗称“面包屑焦虑”。

    3. 逻辑清晰、命名准确
      分类名称应通俗易懂、无歧义,避免使用行业术语或内部代号,如“智能终端设备”不如“手机/平板/智能手表”直观;“B2B解决方案”不如“企业采购专区”明确。

    4. 支持多维度交叉分类
      现代用户购物需求日益复杂,单一树状结构已不能满足,优秀的分类系统应支持“属性筛选+标签聚合”,允许用户通过价格、品牌、颜色、材质、评分等多个维度自由组合筛选,实现“千人千面”的个性化浏览体验。

    5. 动态可扩展性
      随着企业产品线扩展或市场变化,分类体系需具备灵活调整能力,新增类目、合并类目、隐藏类目等功能应易于操作,不影响现有数据结构和SEO权重。

    技术实现路径

    1. 数据库结构设计
      通常采用“分类表(category) + 产品表(product) + 分类-产品关联表(category_product)”的三表结构,分类表包含id、parent_id、name、slug、sort_order、status等字段,支持无限级嵌套,关联表则实现产品与多个分类的多对多映射。

    2. 前端导航渲染
      前端需支持动态生成主导航菜单、侧边栏分类树、面包屑导航、筛选面板等组件,可采用Vue.js、React等框架结合状态管理(如Vuex/Pinia),实现分类数据的异步加载与局部刷新,提升性能体验。

    3. URL路由规范
      建议采用语义化、静态化的URL结构,如:

    • 一级分类:/products/electronics
    • 二级分类:/products/electronics/smartphones
    • 筛选页:/products/electronics?brand=apple&price=5000-8000 这样的结构既利于SEO,也方便用户分享和收藏。
    1. 搜索引擎优化(SEO)支持
      每个分类页应配置独立的、<meta description>、<h1>标签,并支持自定义SEO文案,生成XML站点地图(sitemap.xml)并提交搜索引擎,确保所有分类页被正确收录。</p> </li> <li> <p>权限与操作日志<br /> 后台管理系统需为不同角色(如管理员、编辑、客服)设置分类管理权限,并记录每一次分类结构调整的操作日志,便于审计追溯。</p> </li> </ol> <p><strong>常见误区与避坑指南</strong></p> <ol> <li> <p>过度细分导致“空架子”<br /> 有些企业为了追求“全面”,设置大量几乎无产品的子类目,反而造成页面稀疏、权重分散,应遵循“有货才设类”原则,初期宁缺毋滥。</p> </li> <li> <p>忽视移动端适配<br /> 在移动优先时代,分类导航必须适配小屏幕,常见的错误包括:下拉菜单层级过深、筛选面板遮挡内容、点击区域过小等,建议采用“抽屉式导航”、“滑动筛选条”、“折叠面板”等移动端友好设计。</p> </li> <li> <p>缺乏数据支撑的主观分类<br /> 很多企业凭经验或老板喜好设置分类,忽视真实用户行为数据,应通过热力图、搜索词报告、用户访谈等方式持续优化分类结构。</p> </li> <li> <p>忽略“找不到商品”的兜底方案<br /> 再完善的分类也无法覆盖所有用户意图,必须配备强大的站内搜索功能、智能推荐模块(如“看了又看”、“买了又买”)、人工客服入口等,作为分类系统的补充。</p> </li> <li> <p>不做A/B测试盲目上线<br /> 任何重大分类调整都应先进行小范围A/B测试,对比用户停留时长、点击深度、转化率等核心指标,用数据说话,避免“拍脑袋决策”。</p> </li> </ol> <p><strong>持续优化策略</strong></p> <ol> <li> <p>定期进行用户调研与可用性测试<br /> 每季度邀请真实用户参与“找商品任务测试”,观察其操作路径、卡点与反馈,据此迭代分类结构。</p> </li> <li> <p>利用AI与机器学习自动优化<br /> 引入NLP技术分析用户搜索词,自动聚类生成新标签;利用协同过滤算法推荐相关类目;通过点击流预测用户意图,动态调整分类排序。</p> </li> <li> <p>构建“场景化”分类入口<br /> 除传统品类导航外,增设“节日礼品专区”、“办公室必备”、“新手入门套装”等场景化导购入口,契合用户实际使用情境。</p> </li> <li> <p>多语言与本地化适配<br /> 跨国企业需根据不同地区用户的认知习惯调整分类命名,欧美用户习惯按“功能”分类家电,亚洲用户可能更倾向按“房间”(厨房电器、浴室电器)划分。</p> </li> <li> <p>与CRM、ERP系统打通<br /> 实现分类数据与客户画像、库存状态、促销活动联动,高价值客户登录后优先展示高端产品线;库存紧张商品自动归入“限时抢购”类目。</p> </li> </ol> <p><strong>未来发展趋势</strong></p> <ol> <li> <p>语音与图像识别驱动的无感分类<br /> 随着智能音箱、AR眼镜普及,用户将越来越多通过语音指令(“找一款适合跑步的蓝牙耳机”)或拍照识图(上传竞品照片找相似款)寻找商品,后台需构建语义理解与视觉匹配引擎,实现“所想即所得”。</p> </li> <li> <p>个性化动态分类<br /> 基于用户历史行为、地理位置、设备类型等实时生成专属分类视图,常买母婴用品的用户首页自动突出“婴儿辅食”“早教玩具”类目。</p> </li> <li> <p>区块链赋能的透明溯源分类<br /> 在高端食品、奢侈品等领域,用户越来越关注产品来源,未来分类系统或将整合区块链数据,展示“有机认证”“原产地直采”“碳足迹”等可信标签,增强信任感。</p> </li> <li> <p>元宇宙与3D空间分类<br /> 虚拟商店中,产品将以3D模型形式陈列在模拟真实场景的空间内(如“客厅区”“书房角”),用户通过VR手柄“走动”选购,分类逻辑从“列表树”转向“空间坐标”。</p> </li> <li> <p>可持续发展导向的绿色分类<br /> 环保意识崛起促使企业设立“低碳产品”“可回收包装”“节能认证”等专项分类,满足ESG消费趋势,塑造负责任品牌形象。</p> </li> </ol> <p>公司网站的产品分类管理,绝非简单的后台功能模块,而是融合信息架构学、认知心理学、数据科学与商业策略的系统工程,它既是技术活,也是艺术活;既要理性严谨,也要感性洞察,唯有坚持以用户为中心,持续迭代优化,才能构建出真正高效、清晰、智能的分类体系,让海量商品“各得其所”,让用户“所见即所需”,最终实现企业增长与用户体验的双赢。</p> <p>在竞争日益激烈的数字商业世界,</p> </ul> </p><p> </p><p><br/></p><p><br/></p> </div> </div> </div> </div> <div class="col-lg-4"> <div class="sidebar-area"> <div class="widget widget-search"> <div class="single-search-inner"> <form action="/search/" method="get"> <input type="text" name="keyword" placeholder="搜索文章、视频、直播等"> <button type="submit"><i class="la la-search"></i></button> </form> </div> </div> <div class="widget widget-category widget-border"> <ul> <li><a href="/notice/">网站公告<i class="la la-angle-right"></i></a></li> <li><a href="/wenti/">常见问题<i class="la la-angle-right"></i></a></li> <li><a href="/baike/">建站百科<i class="la la-angle-right"></i></a></li> <li><a href="/news/">建站资讯<i class="la la-angle-right"></i></a></li> </ul> </div> <!-- ad --> <a href="https://www.56dr.net/muban/" target="_blank"><img src="/static/upload/image/20241230/1735547144932105.png" width="360" height="360"/></a> <p> <br/> <!-- ad --> <div class="widget widget-news widget-border"> <h5 class="widget-title">相关内容</h5> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66676.html">摆线减速机公司网站设计</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66675.html">保温板公司网站设计</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66674.html">脚手架租赁网站设计</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66673.html">床垫家具公司网站设计</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66672.html">润滑油添加剂网站设计</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66671.html">网站模版低成本推广</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66670.html">网站模版全屏</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-09</p> <h6><a href="https://www.56dr.net/news/66669.html">货车改装厂家网站设计</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66668.html">网站模版窄屏 cms 网站模版</a></h6> </div> </div> <div class="single-news-wrap media"> <div class="media-body"> <p class="date"><i class="far fa-calendar-alt"></i>2026-06-08</p> <h6><a href="https://www.56dr.net/news/66667.html">网站模版 asp</a></h6> </div> </div> </div> <div class="widget widget-tags widget-border"> <h5 class="widget-title">网站标签</h5> <div class="tagcloud"> <a href="https://www.56dr.net/news/tags-48.html" title="网站制作">网站制作</a><a href="https://www.56dr.net/news/tags-30469.html" title="产品分类">产品分类</a><a href="https://www.56dr.net/news/tags-4758.html" title="管理">管理</a> </div> </div> </div> </div> </div> </div> </section> <!-- product-slider area start --> <!-- product-slider area start --> <section class="product-slider-area pd-bottom-40"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="section-title"> <h2>相关模板</h2> </div> </div> </div> <div class="row"> <div class="col-lg-12"> <div class="product-slider owl-carousel owl-theme"> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/537.html"> <img src="/static/upload/image/20250107/1736215109542368.jpg" alt="(PC+WAP)艺术石雕雕刻类企业网站模板 古典水墨风格网站"> </a> <a class="btn btn-white" href="/537.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/537.html">(PC+WAP)艺术石雕雕刻类企业网站模板 古典水墨风格网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/536.html"> <img src="/static/upload/image/20250107/1736215043911042.jpg" alt="(自适应手机端)简约大气的通用企业网站模板 产品展示型"> </a> <a class="btn btn-white" href="/536.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/536.html">(自适应手机端)简约大气的通用企业网站模板 产品展示型</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/535.html"> <img src="/static/upload/image/20250107/1736214954842811.jpg" alt="(PC+WAP)纸箱类网站模板 纸盒包装材料网站"> </a> <a class="btn btn-white" href="/535.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/535.html">(PC+WAP)纸箱类网站模板 纸盒包装材料网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/534.html"> <img src="/static/upload/image/20250107/1736214911465488.jpg" alt="(自适应移动端)壁挂炉暖气设备网站模板-带下载功能"> </a> <a class="btn btn-white" href="/534.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/534.html">(自适应移动端)壁挂炉暖气设备网站模板-带下载功能</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/533.html"> <img src="/static/upload/image/20250107/1736214843493205.jpg" alt="(PC+WAP)纸盒包装类网站模板 包装印刷网站"> </a> <a class="btn btn-white" href="/533.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/533.html">(PC+WAP)纸盒包装类网站模板 包装印刷网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/532.html"> <img src="/static/upload/image/20250107/1736214803960954.jpg" alt="(PC+WAP)照明科技类网站模板 LED灯具照明网站"> </a> <a class="btn btn-white" href="/532.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/532.html">(PC+WAP)照明科技类网站模板 LED灯具照明网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/531.html"> <img src="/static/upload/image/20250107/1736214700631052.jpg" alt="(PC+WAP)花卉租赁盆栽绿植类网站模板"> </a> <a class="btn btn-white" href="/531.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/531.html">(PC+WAP)花卉租赁盆栽绿植类网站模板</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/530.html"> <img src="/static/upload/image/20250107/1736214664493887.jpg" alt="(PC+WAP)生物科技公司网站模板 带三级子栏目"> </a> <a class="btn btn-white" href="/530.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/530.html">(PC+WAP)生物科技公司网站模板 带三级子栏目</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> <div class="item"> <div class="all-isotope-item"> <div class="thumb"> <a class="gallery-fancybox" href="/529.html"> <img src="/static/upload/image/20250107/1736214598224257.jpg" alt="(自适应移动端)企业通用型网站模板 产品展示类网站"> </a> <a class="btn btn-white" href="/529.html">查看模板</a> </div> <div class="item-details"> <span class="price">¥1280元</span> <h4><a href="/529.html">(自适应移动端)企业通用型网站模板 产品展示类网站</a></h4> <p>CMS内容管理系统系统是采用PHP技术进行开发的,架构清晰,代码易···</p> </div> </div> </div> </div> </div> </div> </div> </section> <!-- product-slider area end --> <!-- footer area start --> <footer class="footer-area pd-top-100"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-6"> <div class="footer-widget widget widget_contact"> <h4 class="widget-title">关于我们</h4> <div class="media"> <div class="thumb"> </div> <div class="media-body"> <p>我们的团队专注高端网站建设,品牌策划及创意设计、集群建站、小程序开发,APP开发,业务系统定制等业务 为用户提供一站式解决方案。持续的服务运维为用户带来更多流量,实现长期合作、发展共赢。</p> </div> </div> <div class="media"> <div class="thumb mt-0"> <img src="https://www.56dr.net/skin/images/670de1e97cdeb.png" width="125" height="125"></div> <div class="thumb mt-0"> <img src="https://www.56dr.net/skin/images/670de1e97cdeb.png" width="125" height="125"></div> <div class="media-body"> <p class="m-0"></p> </div> </div> </div> </div> <div class="col-lg-2 col-md-6"> <div class="footer-widget widget widget_nav_menu"> <h4 class="widget-title">站点导航</h4> <ul> <li><a href="/muban/">模板商场</a></li> <li><a href="/price/">建站套餐</a></li> <li><a href="/news/">知识库</a></li> <li><a href="/wenti/">常见问题</a></li> <li><a href="/contact/">联系我们</a></li> <li><a href="/about/">关于我们</a></li> <li><a href="/notice/">网站公告</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-6"> <div class="footer-widget widget widget widget_products"> <h4 class="widget-title">模板商场</h4> <ul> <li><a href="/lm1/">IT/软件/信息/互联网</a></li> <li><a href="/lm2/">科技/电子/数码/通信</a></li> <li><a href="/lm3/">文化/艺术/广告/传媒</a></li> <li><a href="/lm4/">装修/设计/家居/家具</a></li> <li><a href="/lm5/">基建/施工/地产/物业</a></li> <li><a href="/lm6/">餐饮/酒店/旅游/票务</a></li> <li><a href="/muban/">查看更多服务</a></li> </ul> </div> </div> <div class="col-lg-3 offset-lg-1 col-md-6"> <div class="footer-widget widget widget_news"> <h4 class="widget-title">知识库</h4> <div class="widget-news-wrap"> <div class="date">2025-03-07</div> <p><a href="/539.html">数字门户——全域数字营销平台与企业数字业务平台</a></p> </div> <div class="widget-news-wrap"> <div class="date">2025-01-03</div> <p><a href="/527.html">从零开始构建您的在线业务网站</a></p> </div> <div class="widget-news-wrap"> <div class="date">2025-01-03</div> <p><a href="/526.html">如何选择及构建适合您企业的最佳网站方案</a></p> </div> </div> </div> </div> </div> <!--Footer bottom--> <div class="container"> <div class="copyright-area"> <div class="row"> <div class="col-lg-6 align-self-center"> <p>建议您使用Chrome、Firefox、Edge、IE10及以上版本和360等主流浏览器浏览本网站 域名注册服务机构:阿里云计算有限公司(万网) 域名服务机构:烟台帝思普网络科技有限公司(DNSPod) CDN服务:阿里云计算有限公司 百度云 中国互联网举报中心 <a href="http://beian.miit.gov.cn" target="_blank" rel="nofllow">粤ICP备16109289号</a> </p> </div> <div class="col-lg-6 text-lg-right"> <ul> <li> <a href="https://www.56dr.net/sitemap.xml" target="_blank">XML</a> </li> <li> <a href="/contact/" target="_blank">售后支持</a> </li> <li> <a href="/agreement/" target="_blank">服务协议</a> </li> <li> <a href="/price/" target="_blank">产品价格</a> </li> <li> <a href="/" target="_blank">客户案例</a> </li> </ul> </div> </div> </div> </div> </footer> <!-- footer area end --> <div class="back-to-top"> <span class="back-top"><i class="fa fa-angle-up"></i></span> </div> <script src="https://www.56dr.net/skin/js/email-decode.min.js"></script> <script src="https://www.56dr.net/skin/js/vendor.js"></script> <script src="https://www.56dr.net/skin/js/main.js"></script> <script src="https://chat.youtochat.com/front/js/chat-exhibition.js"></script> <script src="https://chat.youtochat.com/front/js/chat-exhibition.js"></script> <link rel="stylesheet" href="/kf/kf.css"> <script src="/kf/jquery-1.7.1.min.js"></script> <div class="livechat-girl animated"> <img class="girl" src="/kf/img/weixin_aigei_com.png"> <div class="livechat-hint rd-notice-tooltip rd-notice-type-success rd-notice-position-left single-line show_hint"> <div class="rd-notice-content"> 嘿!我是企业微信客服! </div> </div> <div class="animated-circles"> <div class="circle c-1"> </div> <div class="circle c-2"> </div> <div class="circle c-3"> </div> </div> </div> <script type="text/javascript"> jQuery( function ( $ ) { var isMobile = { Android : function() { return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry : function() { return navigator.userAgent.match(/BlackBerry/i) ? true : false; }, iOS : function() { return navigator.userAgent.match(/iPhone|iPad|iPod/i) ? true : false; }, Windows : function() { return navigator.userAgent.match(/IEMobile/i) ? true : false; }, any : function() { return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows()); } }; setInterval(function(){ if($(".animated-circles").hasClass("animated")){ $(".animated-circles").removeClass("animated"); }else{ $(".animated-circles").addClass('animated'); } },3000); var wait = setInterval(function(){ $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); clearInterval(wait); },4500); $(".livechat-girl").hover(function(){ clearInterval(wait); $(".livechat-hint").removeClass("hide_hint").addClass("show_hint"); },function(){ $(".livechat-hint").removeClass("show_hint").addClass("hide_hint"); }).click(function(){ if(isMobile.any()){ window.open("https://work.weixin.qq.com/kfid/kfc52ecf18c8f15bd54"); }else{ window.open("https://work.weixin.qq.com/kfid/kfc52ecf18c8f15bd54"); } }); } ); </script> </body> </html> </div> <div class="clear"></div> </div> <div class="clear"></div> </div> </body> </html><!--193.50 ms , 7 queries , 2996kb memory , 0 error-->