页面交互方法、装置、设备、存储介质及程序产品与流程

本技术涉及互联网，尤其涉及页面交互方法、装置、设备、存储介质及程序产品。

背景技术：

1、目前，随着互联网及电子商务领域的飞速发展。越来越多的企业开发了各种各样的内容分享应用和电商平台应用，而这些应用在进行业务推广和激励对象活跃度等应用场景中，通常会在开屏页面播放广告等，从而提高对象活跃度。然而现有的广告播放方式较为单一，导致无法有效提高对象活跃度。

技术实现思路

1、本技术实施例所要解决的技术问题在于，提供页面交互方法、装置、设备、存储介质及程序产品，能够实现商品元素和目标发布内容的联动，从而有效提高对象活跃度。

2、一方面，本技术实施例提供一种页面交互方法，该方法包括：

3、显示开屏页面，所述开屏页面包括商品媒体内容，所述商品媒体内容包括商品元素；

4、响应于开屏结束事件，显示发布内容推荐页面；所述发布内容推荐页面显示有所述商品媒体内容的至少部分内容；其中，所述至少部分内容包括所述商品元素；

5、响应于商品取消展示事件，在所述发布内容推荐页面中显示目标发布内容的目标封面，所述目标封面至少包括所述商品元素。

6、在一个实施例中，所述响应于商品取消展示事件，在所述发布内容推荐页面中显示目标发布内容的目标封面，所述目标封面至少包括所述商品元素，包括：

7、在所述发布内容推荐页面的上方显示所述商品媒体内容，并播放用于呈现所述商品媒体内容的尺寸变化的动画；

8、在所述用于呈现所述商品媒体内容的尺寸变化的动画播放结束时，在所述发布内容推荐页面中显示所述目标发布内容的目标封面，所述目标封面包括所述商品媒体内容。

9、在一个实施例中，所述响应于商品取消展示事件，在所述发布内容推荐页面中显示目标发布内容的目标封面，所述目标封面至少包括所述商品元素，包括：

10、在所述发布内容推荐页面的上方显示所述商品媒体内容，并播放用于呈现所述商品媒体内容的尺寸变化的动画；

11、在所述用于呈现所述商品媒体内容的尺寸变化的动画播放结束时，将所述发布内容推荐页面中所述目标发布内容的目标封面中的初始元素替换为所述商品元素。

12、在一个实施例中，所述开屏页面包括第一图层和第二图层，所述方法还包括：

13、播放商品展示动画，所述商品展示动画用于呈现所述商品元素从所述第一图层移动至所述第二图层的过程，所述第二图层位于所述第一图层之上，且所述第二图层的透明度大于预设透明度阈值；

14、所述商品元素的显示形态随着所述商品元素的移动过程的变化而变化，所述显示形态包括如下至少一种：显示尺寸、显示角度、显示方式、显示颜色、显示区域、显示维度。

15、在一个实施例中，所述开屏页面包括第一图层和第二图层，所述方法还包括：

16、播放商品展示动画，所述商品展示动画用于呈现所述商品元素从所述第一图层移动至所述第二图层，以及所述商品元素从所述第二图层反向移动回所述第一图层的过程，所述第二图层位于所述第一图层之上，且所述第二图层的透明度大于预设透明度阈值；

17、所述商品元素的显示形态随着所述商品元素的移动过程的变化而变化，所述显示形态包括如下至少一种：显示尺寸、显示角度、显示方式、显示颜色、显示区域、显示维度。

18、在一个实施例中，所述商品媒体内容包括商品卡片，所述商品卡片与所述目标发布内容相关，所述商品卡片包括以下至少一项：商品描述信息、互动控件，所述商品描述信息随着所述商品元素的移动过程而取消显示，所述互动控件用于执行针对所述目标发布内容相关的互动操作。

19、在一个实施例中，所述方法还包括：

20、响应于对所述目标封面的触发操作，显示所述目标发布内容页面；

21、响应于对所述目标发布内容页面的媒体内容显示区域中的目标媒体内容执行的手势放大操作，对所述目标媒体内容进行放大显示，并显示所述商品元素对应的推荐信息的加载提示信息；其中，所述目标媒体内容和所述商品元素相关；

22、响应于所述推荐信息的加载完成，显示所述推荐信息。

23、另一方面，本技术实施例提供一种页面交互方法，该方法包括：

24、显示目标发布内容的内容详情页页面，所述内容详情页页面包括媒体内容展示区域和第一样式的互动控件，所述媒体内容展示区域展示有目标商品相关的媒体内容；

25、响应于针对所述第一样式的互动控件的触发操作，执行所述互动控件对应的互动事件，并展示所述目标商品相关的商品元素；

26、响应于所述商品元素的展示结束事件，将所述互动控件由第一样式切换为第二样式，所述第二样式包括所述商品元素。

27、另一方面，本技术实施例提供一种页面交互方法，该方法包括：

28、显示目标发布内容的内容详情页页面，所述内容详情页页面包括媒体内容展示区域，所述媒体内容展示区域展示有目标商品相关的媒体内容；

29、展示所述目标商品相关的商品元素；

30、响应于所述商品元素的展示结束事件，将所述商品元素移动至目标控件的关联位置。

31、另一方面，本技术实施例提供了一种页面交互装置，该页面交互装置包括：

32、显示单元，用于显示开屏页面，所述开屏页面包括商品媒体内容，所述商品媒体内容包括商品元素；

33、所述显示单元，还用于响应于开屏结束事件，显示发布内容推荐页面；所述发布内容推荐页面显示有所述商品媒体内容的至少部分内容；其中，所述至少部分内容包括所述商品元素；

34、所述显示单元，还用于响应于商品取消展示事件，在所述发布内容推荐页面中显示目标发布内容的目标封面，所述目标封面至少包括所述商品元素。

35、另一方面，本技术实施例提供了一种页面交互装置，该页面交互装置包括：

36、显示单元，用于显示目标发布内容的内容详情页页面，所述内容详情页页面包括媒体内容展示区域和第一样式的互动控件，所述媒体内容展示区域展示有目标商品相关的媒体内容；

37、处理单元，用于响应于针对所述第一样式的互动控件的触发操作，执行所述互动控件对应的互动事件；

38、所述显示单元，还用于展示所述目标商品相关的商品元素；

39、所述处理单元，还用于响应于所述商品元素的展示结束事件，将所述互动控件由第一样式切换为第二样式，所述第二样式包括所述商品元素。

40、另一方面，本技术实施例提供了一种页面交互装置，该页面交互装置包括：

41、显示单元，用于显示目标发布内容的内容详情页页面，所述内容详情页页面包括媒体内容展示区域，所述媒体内容展示区域展示有目标商品相关的媒体内容；

42、所述显示单元，还用于展示所述目标商品相关的商品元素；

43、处理单元，用于响应于所述商品元素的展示结束事件，将所述商品元素移动至目标控件的关联位置。

44、另一方面，本技术实施例提供一种计算机设备，包括处理器、存储装置和通信接口，处理器、存储装置和通信接口相互连接，其中，存储装置用于存储支持计算机设备执行上述方法的计算机程序，计算机程序包括程序指令，处理器被配置用于调用程序指令，执行上述方面所述的页面交互方法。

45、另一方面，本技术实施例提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机程序，计算机程序包括程序指令，程序指令当被处理器执行时使处理器执行上述方面所述的页面交互方法。

46、另一方面，本技术实施例提供了一种计算机程序产品，所述计算机程序产品包括计算机程序，所述计算机程序适于由处理器加载并执行上述方面所述的页面交互方法。

47、本技术实施例中，通过显示包括商品媒体内容的开屏页面，商品媒体内容包括商品元素；响应于开屏结束事件，显示发布内容推荐页面，发布内容推荐页面显示有商品媒体内容的至少部分内容，至少部分内容包括商品元素；响应于商品取消展示事件，在发布内容推荐页面中显示目标发布内容的目标封面，目标封面至少包括商品元素，由于商品元素从开屏页面至内容推荐页面，直至目标发布内容的目标封面，因此可保证视觉的延续性，也就是说，本技术能够实现商品元素和目标发布内容的联动，强化了对象对商品元素的感知，从而有效提高对象活跃度。