本技術(shù)涉及互聯(lián)網(wǎng)，尤其涉及頁面交互方法、裝置、設(shè)備、存儲介質(zhì)及程序產(chǎn)品。

背景技術(shù)：

1、目前，隨著互聯(lián)網(wǎng)及電子商務(wù)領(lǐng)域的飛速發(fā)展。越來越多的企業(yè)開發(fā)了各種各樣的內(nèi)容分享應(yīng)用和電商平臺應(yīng)用，而這些應(yīng)用在進行業(yè)務(wù)推廣和激勵對象活躍度等應(yīng)用場景中，通常會在開屏頁面播放廣告等，從而提高對象活躍度。然而現(xiàn)有的廣告播放方式較為單一，導(dǎo)致無法有效提高對象活躍度。

技術(shù)實現(xiàn)思路

1、本技術(shù)實施例所要解決的技術(shù)問題在于，提供頁面交互方法、裝置、設(shè)備、存儲介質(zhì)及程序產(chǎn)品，能夠?qū)崿F(xiàn)商品元素和目標(biāo)發(fā)布內(nèi)容的聯(lián)動，從而有效提高對象活躍度。

2、一方面，本技術(shù)實施例提供一種頁面交互方法，該方法包括：

3、顯示開屏頁面，所述開屏頁面包括商品媒體內(nèi)容，所述商品媒體內(nèi)容包括商品元素；

4、響應(yīng)于開屏結(jié)束事件，顯示發(fā)布內(nèi)容推薦頁面；所述發(fā)布內(nèi)容推薦頁面顯示有所述商品媒體內(nèi)容的至少部分內(nèi)容；其中，所述至少部分內(nèi)容包括所述商品元素；

5、響應(yīng)于商品取消展示事件，在所述發(fā)布內(nèi)容推薦頁面中顯示目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面，所述目標(biāo)封面至少包括所述商品元素。

6、在一個實施例中，所述響應(yīng)于商品取消展示事件，在所述發(fā)布內(nèi)容推薦頁面中顯示目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面，所述目標(biāo)封面至少包括所述商品元素，包括：

7、在所述發(fā)布內(nèi)容推薦頁面的上方顯示所述商品媒體內(nèi)容，并播放用于呈現(xiàn)所述商品媒體內(nèi)容的尺寸變化的動畫；

8、在所述用于呈現(xiàn)所述商品媒體內(nèi)容的尺寸變化的動畫播放結(jié)束時，在所述發(fā)布內(nèi)容推薦頁面中顯示所述目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面，所述目標(biāo)封面包括所述商品媒體內(nèi)容。

9、在一個實施例中，所述響應(yīng)于商品取消展示事件，在所述發(fā)布內(nèi)容推薦頁面中顯示目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面，所述目標(biāo)封面至少包括所述商品元素，包括：

10、在所述發(fā)布內(nèi)容推薦頁面的上方顯示所述商品媒體內(nèi)容，并播放用于呈現(xiàn)所述商品媒體內(nèi)容的尺寸變化的動畫；

11、在所述用于呈現(xiàn)所述商品媒體內(nèi)容的尺寸變化的動畫播放結(jié)束時，將所述發(fā)布內(nèi)容推薦頁面中所述目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面中的初始元素替換為所述商品元素。

12、在一個實施例中，所述開屏頁面包括第一圖層和第二圖層，所述方法還包括：

13、播放商品展示動畫，所述商品展示動畫用于呈現(xiàn)所述商品元素從所述第一圖層移動至所述第二圖層的過程，所述第二圖層位于所述第一圖層之上，且所述第二圖層的透明度大于預(yù)設(shè)透明度閾值；

14、所述商品元素的顯示形態(tài)隨著所述商品元素的移動過程的變化而變化，所述顯示形態(tài)包括如下至少一種：顯示尺寸、顯示角度、顯示方式、顯示顏色、顯示區(qū)域、顯示維度。

15、在一個實施例中，所述開屏頁面包括第一圖層和第二圖層，所述方法還包括：

16、播放商品展示動畫，所述商品展示動畫用于呈現(xiàn)所述商品元素從所述第一圖層移動至所述第二圖層，以及所述商品元素從所述第二圖層反向移動回所述第一圖層的過程，所述第二圖層位于所述第一圖層之上，且所述第二圖層的透明度大于預(yù)設(shè)透明度閾值；

17、所述商品元素的顯示形態(tài)隨著所述商品元素的移動過程的變化而變化，所述顯示形態(tài)包括如下至少一種：顯示尺寸、顯示角度、顯示方式、顯示顏色、顯示區(qū)域、顯示維度。

18、在一個實施例中，所述商品媒體內(nèi)容包括商品卡片，所述商品卡片與所述目標(biāo)發(fā)布內(nèi)容相關(guān)，所述商品卡片包括以下至少一項：商品描述信息、互動控件，所述商品描述信息隨著所述商品元素的移動過程而取消顯示，所述互動控件用于執(zhí)行針對所述目標(biāo)發(fā)布內(nèi)容相關(guān)的互動操作。

19、在一個實施例中，所述方法還包括：

20、響應(yīng)于對所述目標(biāo)封面的觸發(fā)操作，顯示所述目標(biāo)發(fā)布內(nèi)容頁面；

21、響應(yīng)于對所述目標(biāo)發(fā)布內(nèi)容頁面的媒體內(nèi)容顯示區(qū)域中的目標(biāo)媒體內(nèi)容執(zhí)行的手勢放大操作，對所述目標(biāo)媒體內(nèi)容進行放大顯示，并顯示所述商品元素對應(yīng)的推薦信息的加載提示信息；其中，所述目標(biāo)媒體內(nèi)容和所述商品元素相關(guān)；

22、響應(yīng)于所述推薦信息的加載完成，顯示所述推薦信息。

23、另一方面，本技術(shù)實施例提供一種頁面交互方法，該方法包括：

24、顯示目標(biāo)發(fā)布內(nèi)容的內(nèi)容詳情頁頁面，所述內(nèi)容詳情頁頁面包括媒體內(nèi)容展示區(qū)域和第一樣式的互動控件，所述媒體內(nèi)容展示區(qū)域展示有目標(biāo)商品相關(guān)的媒體內(nèi)容；

25、響應(yīng)于針對所述第一樣式的互動控件的觸發(fā)操作，執(zhí)行所述互動控件對應(yīng)的互動事件，并展示所述目標(biāo)商品相關(guān)的商品元素；

26、響應(yīng)于所述商品元素的展示結(jié)束事件，將所述互動控件由第一樣式切換為第二樣式，所述第二樣式包括所述商品元素。

27、另一方面，本技術(shù)實施例提供一種頁面交互方法，該方法包括：

28、顯示目標(biāo)發(fā)布內(nèi)容的內(nèi)容詳情頁頁面，所述內(nèi)容詳情頁頁面包括媒體內(nèi)容展示區(qū)域，所述媒體內(nèi)容展示區(qū)域展示有目標(biāo)商品相關(guān)的媒體內(nèi)容；

29、展示所述目標(biāo)商品相關(guān)的商品元素；

30、響應(yīng)于所述商品元素的展示結(jié)束事件，將所述商品元素移動至目標(biāo)控件的關(guān)聯(lián)位置。

31、另一方面，本技術(shù)實施例提供了一種頁面交互裝置，該頁面交互裝置包括：

32、顯示單元，用于顯示開屏頁面，所述開屏頁面包括商品媒體內(nèi)容，所述商品媒體內(nèi)容包括商品元素；

33、所述顯示單元，還用于響應(yīng)于開屏結(jié)束事件，顯示發(fā)布內(nèi)容推薦頁面；所述發(fā)布內(nèi)容推薦頁面顯示有所述商品媒體內(nèi)容的至少部分內(nèi)容；其中，所述至少部分內(nèi)容包括所述商品元素；

34、所述顯示單元，還用于響應(yīng)于商品取消展示事件，在所述發(fā)布內(nèi)容推薦頁面中顯示目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面，所述目標(biāo)封面至少包括所述商品元素。

35、另一方面，本技術(shù)實施例提供了一種頁面交互裝置，該頁面交互裝置包括：

36、顯示單元，用于顯示目標(biāo)發(fā)布內(nèi)容的內(nèi)容詳情頁頁面，所述內(nèi)容詳情頁頁面包括媒體內(nèi)容展示區(qū)域和第一樣式的互動控件，所述媒體內(nèi)容展示區(qū)域展示有目標(biāo)商品相關(guān)的媒體內(nèi)容；

37、處理單元，用于響應(yīng)于針對所述第一樣式的互動控件的觸發(fā)操作，執(zhí)行所述互動控件對應(yīng)的互動事件；

38、所述顯示單元，還用于展示所述目標(biāo)商品相關(guān)的商品元素；

39、所述處理單元，還用于響應(yīng)于所述商品元素的展示結(jié)束事件，將所述互動控件由第一樣式切換為第二樣式，所述第二樣式包括所述商品元素。

40、另一方面，本技術(shù)實施例提供了一種頁面交互裝置，該頁面交互裝置包括：

41、顯示單元，用于顯示目標(biāo)發(fā)布內(nèi)容的內(nèi)容詳情頁頁面，所述內(nèi)容詳情頁頁面包括媒體內(nèi)容展示區(qū)域，所述媒體內(nèi)容展示區(qū)域展示有目標(biāo)商品相關(guān)的媒體內(nèi)容；

42、所述顯示單元，還用于展示所述目標(biāo)商品相關(guān)的商品元素；

43、處理單元，用于響應(yīng)于所述商品元素的展示結(jié)束事件，將所述商品元素移動至目標(biāo)控件的關(guān)聯(lián)位置。

44、另一方面，本技術(shù)實施例提供一種計算機設(shè)備，包括處理器、存儲裝置和通信接口，處理器、存儲裝置和通信接口相互連接，其中，存儲裝置用于存儲支持計算機設(shè)備執(zhí)行上述方法的計算機程序，計算機程序包括程序指令，處理器被配置用于調(diào)用程序指令，執(zhí)行上述方面所述的頁面交互方法。

45、另一方面，本技術(shù)實施例提供了一種計算機可讀存儲介質(zhì)，計算機可讀存儲介質(zhì)存儲有計算機程序，計算機程序包括程序指令，程序指令當(dāng)被處理器執(zhí)行時使處理器執(zhí)行上述方面所述的頁面交互方法。

46、另一方面，本技術(shù)實施例提供了一種計算機程序產(chǎn)品，所述計算機程序產(chǎn)品包括計算機程序，所述計算機程序適于由處理器加載并執(zhí)行上述方面所述的頁面交互方法。

47、本技術(shù)實施例中，通過顯示包括商品媒體內(nèi)容的開屏頁面，商品媒體內(nèi)容包括商品元素；響應(yīng)于開屏結(jié)束事件，顯示發(fā)布內(nèi)容推薦頁面，發(fā)布內(nèi)容推薦頁面顯示有商品媒體內(nèi)容的至少部分內(nèi)容，至少部分內(nèi)容包括商品元素；響應(yīng)于商品取消展示事件，在發(fā)布內(nèi)容推薦頁面中顯示目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面，目標(biāo)封面至少包括商品元素，由于商品元素從開屏頁面至內(nèi)容推薦頁面，直至目標(biāo)發(fā)布內(nèi)容的目標(biāo)封面，因此可保證視覺的延續(xù)性，也就是說，本技術(shù)能夠?qū)崿F(xiàn)商品元素和目標(biāo)發(fā)布內(nèi)容的聯(lián)動，強化了對象對商品元素的感知，從而有效提高對象活躍度。