Shopping webpage development method and device, storage medium and computer equipment

Abstract

The invention discloses a shopping webpage development method and device, a storage medium and computer equipment, relates to the technical field of information, and mainly aims to improve the development efficiency and the development accuracy of shopping webpages. Comprising the steps that a preset integration toolkit is installed and configured, and integration between a webpage development end and a webpage development material end is achieved through the preset integration toolkit; in response to a development request of a to-be-developed webpage of the webpage development end, determining development environment information and development demand information of the webpage development end, and based on the development environment information and the development demand information, calling the preset integrated toolkit to perform webpage function module adaptation at the webpage development material end; based on the brand side identifier of the to-be-developed webpage and the adaptive webpage function module, calling the preset integrated toolkit to obtain materials required by the to-be-developed webpage in the webpage development material end; and constructing a shopping webpage based on the webpage function module and the material.

Description

Technical Field

[0001] The present invention relates to the field of information technology, and in particular, to a method, device, storage medium, and computer device for developing a shopping web page. Background Art

[0002] With the continuous development of society, currently, there are more and more online sales platforms. In order to provide more display opportunities for brand promotion and promotional activities for brand owners, and at the same time to provide users with a more personalized, convenient, and efficient shopping experience, it is necessary to develop the shopping web page of the brand owner.

[0003] Currently, it is usually necessary to manually write complete code step by step to implement the development of a shopping web page. However, this way of developing a web page by writing code is time-consuming and laborious, and is affected by the technical level of technicians, and there may be situations of web page development errors. Summary of the Invention

[0004] The present invention provides a method, device, storage medium, and computer device for developing a shopping web page, mainly capable of improving the development efficiency and development accuracy of the shopping web page.

[0005] According to a first aspect of the present invention, there is provided a method for developing a shopping web page, including:

[0006] Install and configure a preset integration toolkit, wherein the preset integration toolkit realizes the integration between the web page development end and the web page development material end;

[0007] In response to a development request for a web page to be developed at the web page development end, determine the development environment information and development requirement information of the web page development end, and based on the development environment information and the development requirement information, call the preset integration toolkit to perform web page function module adaptation at the web page development material end;

[0008] Based on the brand owner identifier of the web page to be developed and the adapted web page function modules, call the preset integration toolkit to obtain the materials required for the web page to be developed at the web page development material end;

[0009] Build a shopping web page based on the web page function modules and the materials.

[0010] Optionally, the building a shopping web page based on the web page function modules and the materials includes:

[0011] In response to the drag and zoom operations of each web page function module in the web page infrastructure at the web page development end, determine the position information and size information of each web page function module;

[0012] Based on the position information and the dimension information, adjust the positions and dimensions of each of the web page function modules to obtain the adjusted web page infrastructure;

[0013] Determine the resource positions of the materials in the adjusted web page infrastructure, and place the materials into the adjusted web page infrastructure according to the resource positions to obtain the shopping web page.

[0014] Optionally, after constructing the shopping web page based on the web page function modules and the materials, the method further includes:

[0015] Obtain the exposure event detection requirement information of the user's operation behavior on the shopping web page, and based on the exposure event detection requirement information, determine the target page elements and target page areas in the shopping web page, and construct an exposure view based on the target page elements and the target page areas;

[0016] Obtain a preset exposure condition, and determine an exposure event capture viewport based on the device attribute information of the mobile device to which the user belongs;

[0017] In response to the detection signal of the exposure event, obtain and store the click information of the user on the shopping web page, and judge the exposure parameters of the exposure view in the exposure event capture viewport, and based on the exposure parameters, judge whether the exposure view meets the preset exposure condition. If it meets, store the exposure parameters corresponding to the exposure view;

[0018] Perform web interaction data analysis on the click information and the exposure parameters, and based on the analysis results, determine the change information of the shopping web page, and construct a new shopping web page based on the change information.

[0019] Optionally, before performing web interaction data analysis on the click information and the exposure parameters, the method further includes:

[0020] Collectively refer to the click information and the exposure parameters as web interaction data, obtain the uniform resource locator of the shopping web page, and parse out the query string in the uniform resource locator;

[0021] Split the query string into key-value pairs corresponding to each parameter, parse out the parameter value corresponding to the environment variable parameter in the key-value pair, and determine the current running environment of the shopping web page based on the parameter value;

[0022] Based on the current running environment, determine whether it is necessary to verify the web page interaction data. If it is necessary, perform at least one verification on the data format and data content of the web page interaction data, and analyze the verified web page interaction data. Otherwise, directly analyze the web page interaction data.

[0023] Optionally, after constructing a shopping web page based on the web page function module and the material, the method further includes:

[0024] In response to the browsing signal of the shopping web page, obtain the browsing product channel information and browsing attribute information for the shopping web page;

[0025] Based on the browsing product channel information and the browsing attribute information, determine whether there is an abnormal browsing behavior. If there is, determine the browsing influence parameter based on the behavior type corresponding to the abnormal browsing behavior;

[0026] Based on the browsing influence parameter, determine the management strategy for the abnormal browsing behavior, and manage the abnormal browsing behavior based on the management strategy.

[0027] Optionally, after constructing a shopping web page based on the web page function module and the material, the method further includes:

[0028] In response to the update request of the shopping web page, obtain the current web page access path of the shopping web page;

[0029] Based on the current web page access path, determine the target jump method from the web page update end to the web page development material end, and jump to the web page development material end according to the target jump method;

[0030] Call the preset integration toolkit to select the target web page materials required to update the shopping web page in the jumped web page development material end, and based on the current running environment of the shopping web page, determine whether it is necessary to identify the review status of the target web page materials. If it is necessary, update the shopping web page with the web page materials that have passed the review. Otherwise, directly update the shopping web page with the target web page materials.

[0031] Optionally, determining the development environment information of the web page development end includes:

[0032] Obtain the user agent string of the web page development end, and use a preset regular expression to identify the key information in the user agent string;

[0033] Based on the key information, determine the development environment information of the web page development end.

[0034] According to a second aspect of the present invention, there is provided a development device for a shopping web page, comprising:

[0035] An installation unit for installing and configuring a preset integration toolkit, wherein the preset integration toolkit realizes the integration between the web page development end and the web page development material end;

[0036] An adaptation unit for determining, in response to a development request for a web page to be developed at the web page development end, the development environment information and development requirement information of the web page development end, and based on the development environment information and the development requirement information, calling the preset integration toolkit to perform web page function module adaptation at the web page development material end;

[0037] An acquisition unit for calling the preset integration toolkit to acquire the materials required for the web page to be developed at the web page development material end based on the brand party identifier of the web page to be developed and the adapted web page function modules;

[0038] A construction unit for constructing a shopping web page based on the web page function modules and the materials.

[0039] According to a third aspect of the present invention, there is provided a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the above-mentioned development method of the shopping web page is implemented.

[0040] According to a fourth aspect of the present invention, there is provided a computer device, comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, and when the processor executes the program, the above-mentioned development method of the shopping web page is implemented.

[0041] According to a development method, device, storage medium, and computer device for a shopping web page provided by the present invention, compared with the current method of gradually writing complete codes manually to implement the development of a shopping web page, the present invention can achieve rapid and effective integration between the web page development end and the web page development material end through a preset integration toolkit, without the need to develop and debug multiple data call interfaces, saving time and effort; at the same time, the present invention directly obtains web page function modules and materials adapted to the web page development requirements and development environment at the web page development material end, and finally constructs a web page based on the ready-made web page function modules and materials. Developers do not need to write codes and design pages from scratch, shortening the development cycle and improving the development accuracy, and the function modules and materials usually have high reusability and can be reused in different projects, reducing repetitive labor. BRIEF DESCRIPTION OF THE DRAWINGS

[0042] The accompanying drawings described herein are used to provide a further understanding of the present invention and form a part of this application. The illustrative embodiments of the present invention and their descriptions are used to explain the present invention and do not constitute an improper limitation of the present invention. In the drawings:

[0043] Figure 1 A flowchart of a method for developing a shopping web page provided by an embodiment of the present invention is shown;

[0044] Figure 2 A schematic diagram of a preset integration toolkit architecture provided by an embodiment of the present invention is shown;

[0045] Figure 3 A flowchart of another method for developing a shopping web page provided by an embodiment of the present invention is shown;

[0046] Figure 4 A schematic diagram of the structure of a device for developing a shopping web page provided by an embodiment of the present invention is shown;

[0047] Figure 5 A schematic diagram of the structure of another device for developing a shopping web page provided by an embodiment of the present invention is shown;

[0048] Figure 6 A schematic diagram of the physical structure of a computer device provided by an embodiment of the present invention is shown. Detailed Embodiments

[0049] The present invention will be described in detail below with reference to the accompanying drawings and in conjunction with embodiments. It should be noted that, without conflict, the embodiments in this application and the features in the embodiments may be combined with each other.

[0050] Currently, the method of gradually writing complete code manually to implement the development of a shopping web page is time-consuming and laborious, and there may be cases of web page development errors due to the technical level of technicians.

[0051] To solve the above problems, an embodiment of the present invention provides a method for developing a shopping web page, as Figure 1 shown, the method includes:

[0052] 101. Install and configure a preset integration toolkit, where the preset integration toolkit realizes the integration between the web page development end and the web page development material end.

[0053] Among them, the web development end can specifically be the client side, and the web development material end can be a certain application, which provides functions such as materials and web management for web development. Specifically, according to the type of the web development end (client side) (such as Web application, mobile application, desktop application, etc.) and the functional requirements of the client side (such as developing a shopping web page based on a brand museum) in advance, the data interfaces and integration requirements (such as API documents, data formats, security mechanisms, etc.) provided by the web development material end (a certain application end) are determined at the same time. According to the integration requirements, the functions that the preset integration toolkit needs to implement are determined, such as data request, data processing, security authentication, tax rate calculation, page jump, communication, material management and retrieval, function extension, etc. Finally, according to the above functions and information such as the client environment, the preset integration toolkit is constructed. Figure 2 It shows a schematic diagram of the architecture of a preset integration toolkit provided by an embodiment of the present invention. Vue in the figure is a progressive framework for building user interfaces, React native is a cross-platform mobile application development framework, and React is a database for building user interfaces. Subsequently, when data calls between the web development end and the web development material end need to be realized, the pre-built preset integration toolkit is directly used to achieve this. The preset integration toolkit can encapsulate complex integration logics into easy-to-use functions, simplifies the integration process between the web development end and the web development material end. At the same time, the toolkit has high reusability and can be reused in multiple projects, thus reducing the workload of project development and lowering the development cost and time.

[0054] 102. In response to the development request of the web page to be developed at the web development end, determine the development environment information and development requirement information of the web development end, and based on the development environment information and development requirement information, call the preset integration toolkit to perform web function module adaptation at the web development material end.

[0055] Among them, the development environment information such as the browser type, operating system type, device type, etc. of the development end; the development requirement information refers to the functions that the shopping web page should have (such as search, navigation, purchase, etc.), the information such as the content to be displayed, etc.; the web function module refers to various independent functional units or components that make up the shopping web page. These function modules cooperate together to provide a complete shopping experience for users, including a home page module, a product display module, a shopping cart module, a user center module, a payment module, a promotion module, a security authentication module, etc.

[0056] For the embodiments of the present invention, a variety of web page function modules, pictures, videos and other materials related to web page development are stored at the web page development material end. The web page function modules are stored corresponding to the development environment information and development requirement information, and the materials such as pictures and videos are stored corresponding to the web page function modules and brand museum identifiers. When a shopping web page development request for a certain brand museum is received, first, the environment information such as the system type and device type of the web page development client is obtained, and the development requirement information for the shopping web page is collected. Then, a preset integration toolkit is used to determine the web page function modules that match the development environment information and development requirement information at the web page development material end. Through this web page function module, a basic web page architecture can be realized. Then, the shopping web page is constructed according to this basic web page architecture. By directly storing and obtaining the pre-encapsulated web page function modules at the web page development material end through the preset integration toolkit in the embodiments of the present invention, the time and energy wasted by manual code writing can be avoided, thereby improving the web page development efficiency and development accuracy. Moreover, the web page function modules are reused in multiple projects, thus reducing the project development workload and lowering the development cost and time.

[0057] 103. Based on the brand owner identifier of the web page to be developed and the adapted web page function module, call the preset integration toolkit to obtain the materials required for the web page to be developed at the web page development material end.

[0058] Among them, the brand owner identifier can be a character identifier, an image identifier, etc. As long as the identifier can uniquely determine the brand owner, the embodiments of the present invention do not make specific limitations on the identifier type; the materials include pictures matching the function module, pictures, videos, etc. that need to be displayed on the shopping web page.

[0059] For the embodiments of the present invention, various materials such as pictures and videos in the web development material end are stored corresponding to the brand owner's logo. For example, the same commodity may correspond to multiple pictures and multiple videos, and the same web page function module may also correspond to multiple pictures or multiple videos. If only one picture or several pictures can be displayed for a certain commodity on the shopping web page, and the web page function module can only correspond to one picture, then in order to select the pictures that can be displayed from multiple pictures, taking the selection of the picture to be displayed for commodity A on the shopping web page as an example, first, it is necessary to obtain the historical behavior data of the user on the shopping website and the display requirement information of the brand owner, as well as obtain multiple pictures or videos corresponding to the commodity; determine the behavior feature vector corresponding to the historical behavior data, the requirement feature vector corresponding to the display requirement information, and the picture feature vectors corresponding to each of the pictures; perform cross-processing on the behavior feature vector and the requirement feature vector to obtain a cross feature vector; input the cross feature vector and the picture feature vectors into a preset picture selection model for picture selection to obtain the target picture corresponding to the commodity. Among them, the method for performing cross-processing on the behavior feature vector and the requirement feature vector includes: performing feature-level cross-processing on the behavior feature vector and the requirement feature vector to obtain a feature cross vector; performing element-level cross-processing on the behavior feature vector and the requirement feature vector to obtain an element cross vector; performing low-order cross-processing on the behavior feature vector and the requirement feature vector to obtain a low-order cross vector; using a preset transformation function to perform transformation processing on the feature cross vector, the element cross vector, and the low-order cross vector to obtain the cross feature vector.

[0060] Among them, the historical behavior data of the user on the shopping website refers to the number of clicks on the commodity on the web page, the browsing stay duration, the purchase behavior, etc.; the display requirement information of the brand owner includes requirements such as display details, display content, and prominent content for the commodity.

[0061] Specifically, since the historical behavior data of the user for the shopping website and the display requirement information in the shopping web page are information in different fields, the behavior feature vector corresponding to the historical behavior data and the requirement feature vector corresponding to the display requirement information are first determined by means of word embedding and dimension processing, and then the two feature vectors are cross-processed. For example, if the behavior feature vector is (a1, a2) and the requirement feature vector is (b1, b2), the specific cross-processing methods include: performing cross at the feature level between different feature vectors, that is, after performing the Hadamard product on all elements between the vectors, performing a convolution transformation under a certain weight to obtain the feature cross vector as f(w*(a1*b1, a2*b2)); at the same time, performing cross at the element level on all feature vector data, that is, performing the Hadamard product on each element between the vectors, assigning different weight values w1 and w2 to each result after the product, and then performing a linear transformation to obtain the element cross vector as f(w1*a1*b1, w2*a2*b2); in addition, performing low-order cross processing on all feature vectors, assigning a weight coefficient w3 to the result after the cross processing, and then performing a linear transformation to obtain the low-order cross vector as f(w3(a1, a2, b1, b2)); finally, combining the above feature cross vector, element cross vector, and low-order cross vector together, and performing a transformation process using a preset function to obtain a cross feature vector. The preset function here can be set according to the actual situation, and this embodiment does not limit it. It should be noted that the above examples are only illustrative and do not limit the embodiments of the present application. Thus, by cross-processing the behavior feature vector and the requirement feature vector, different features can be automatically or explicitly combined to generate new feature combinations, and these combined features may contain complex non-linear relationships between the original features, enabling the model to capture more refined and rich information in the data, that is, being able to make full use of the relationships between various data, extract more implicit features, taking into account both high-order and low-order processing at the same time, making the data utilization more sufficient, and making the subsequent obtained picture recommendation results more accurate, meeting the requirements of web page development and browsing users.

[0062] Further, in order to improve the image selection accuracy of the preset image selection model, it is first necessary to construct and train the preset image selection model. Based on this, the method includes: obtaining an initial image selection model and a sample data set, where the sample data set includes sample user behavior data with image selection annotation labels and sample web development requirement information; dividing the sample data set into training data and test data, training the initial image selection model with the training data, and testing the trained initial image selection model with the test data. Finally, the trained initial image selection model that meets the test conditions is used as the preset image selection model. The test conditions can test the accuracy. Further, input the cross-feature vector and the image feature vector into the preset image selection model, output the selection probability values corresponding to each image through the preset image selection model, and based on each selection probability value, select at least one image from each image. Finally, use this image as the display image of the product on the shopping web page. Similarly, the selection method for the video corresponding to the product and the selection method for the icons (images) of each web page function module are the same as the above method, and the embodiments of the present invention will not be repeated. Thus, images that meet the display requirements and user browsing behaviors can be selected in the above manner, improving the user experience. For a certain product on the web page, multiple images can also be displayed, and the multiple images can be displayed in a carousel form.

[0063] 104. Based on the web page function module and the material, construct a shopping web page.

[0064] For the embodiments of the present invention, after obtaining the web page function module and the material, it is necessary to construct a shopping web page based on each web page function module and the material. Based on this, step 104 specifically includes: in response to the dragging and scaling operations of each web page function module in the web page infrastructure by the web development side, determining the position information and size information of each web page function module; based on the position information and the size information, adjusting the positions and sizes of each web page function module to obtain the adjusted web page infrastructure; determining the resource positions of the materials in the adjusted web page infrastructure, and placing the materials into the adjusted web page infrastructure according to the resource positions to obtain the shopping web page.

[0065] Specifically, after obtaining each web page function module, each web page function module will be projected into the web page template in the default order. Among them, the web page template is pre-constructed according to information such as the device type and screen size of the web development side. The web page template can be a blank web page or a web page with some basic function modules common to each web page. If the web development user wants to adjust the size and position of each web page function module in the web page template, operations such as zooming or dragging can be performed on each web page function module in the web page template to obtain the web page basic structure. There are no icons or other identifiers for each web page function module in the web page basic structure. At the same time, the display position (resource position) of pictures such as products is indicated in the web page basic structure. According to the size of the product display position and the size of each function module, the size of the pictures or videos corresponding to the products in the vegetarian dishes is adjusted, and the icons (pictures) corresponding to each function module in the vegetarian dishes are sized to match the size of the corresponding position in the web page basic structure. Then, based on the display position of the product in the web page basic structure and the positions of each web page function module in the web page basic structure, the pictures or videos corresponding to the product and the pictures corresponding to each web page function module are placed into the web page basic structure, and the web page basic structure after placing the pictures and videos is used as the shopping web page. Thus, through directly obtaining web page function modules and materials adapted to the web development requirements and development environment at the web development material side in the embodiment of the present invention, finally constructing the web page according to the ready-made web page function modules and materials, developers do not need to write code and design the page from scratch, shortening the development cycle and improving the development accuracy. Moreover, the function modules and materials usually have high reusability and can be reused in different projects, reducing repetitive labor.

[0066] Further, after constructing the shopping web page, with the replacement of the displayed products, price changes, etc., the shopping web page needs to be updated. Based on this, the specific update method includes: in response to the update request of the shopping web page, obtaining the current web page access path of the shopping web page; based on the current web page access path, determining the target jump method for jumping from the web page update end to the web page development material end, and jumping to the web page development material end according to the target jump method; calling the preset integration toolkit to select the target web page materials required to update the shopping web page in the jumped web page development material end, and based on the current running environment of the shopping web page, determining whether it is necessary to identify the review status of the target web page materials. If so, using the reviewed and approved web page materials to update the shopping web page, otherwise, directly using the target web page materials to update the shopping web page.

[0067] Among them, the current web page access method refers to the way of opening the shopping web page on the premise of web page update, including opening through a browser, opening through a small program belonging to the web page development material end, opening through a web page link, etc.; the jump methods include direct jump, calling an application to jump, web page jump, etc.; the current running environment includes: development and test running environment, production and online running environment, etc.

[0068] Specifically, when receiving an update request for the shopping web page, first use the Platform module in the preset integration toolkit to automatically identify the current web page access method, that is, determine the opening method of the shopping web page in the case of updating the web page. If the shopping web page is opened through the browser of the client, use the jump method of calling an application to jump to the web page development material end. If the shopping web page is opened through a small program belonging to the web page development material end, use the small program to directly jump to the web page development material end. If the shopping web page is opened through a web page link, use the jump method of the web page to jump to the web page development material end. After jumping to the web page development material end page, the embodiment of the present invention can ensure seamless switching to the web page development material end in different devices and environments by identifying the current web page access method to select the jump method. Further, after jumping to the web page development material end, based on the update requirements (such as alternative products, updated information, etc.), use the preset integration toolkit to select the target web page materials required to update the shopping web page on the web page development material end (wherein, the target web page materials can be web page function modules, product pictures, videos, etc.). Further, in the production and online environment, in order to ensure the accuracy and compliance of the materials, it is also necessary to identify the review status of the target web page materials. If the review status of a certain target web page material is un-reviewed or fails the review, obtain the materials that have passed the review again on the web page development material end. In the development and test environment, it is not necessary to identify the review status of the target web page materials. Among them, the review status such as reviewed and un-reviewed corresponding to each material is stored in the web page development material library. Finally, in the production and online environment, use the web page materials that have passed the review to update the shopping web page. In the development and test environment, directly use the target web page materials to update the shopping web page. The embodiment of the present invention identifies the review status of the web page materials in the production and online environment and does not identify the review status of the web page materials in the development and test environment, which can ensure the standardization, compliance and security of the web page running online, and can also avoid the unnecessary computational burden added when reviewing the web pages that are not online in the development and test environment, affecting the development efficiency. That is, the embodiment of the present invention mainly applies the review status identification to the production and online stage, which can save the resources and time wasted in the review status identification in the production and test stage, and can also ensure the standardization and security of the web page after production and online.

[0069] A method for developing a shopping web page provided by the present invention, compared with the current method of gradually writing complete code manually to implement the development of a shopping web page, can achieve rapid and effective integration between the web page development end and the web page development material end through a preset integration toolkit, without the need to develop and debug multiple data call interfaces, saving time and effort. At the same time, the present invention directly obtains web page function modules and materials adapted to the web page development requirements and development environment at the web page development material end, and finally constructs the web page based on the ready-made web page function modules and materials. Developers do not need to write code and design the page from scratch, shortening the development cycle and improving the development accuracy. Moreover, the function modules and materials usually have high reusability and can be reused in different projects, reducing repetitive labor.

[0070] Further, in order to better illustrate the process of developing the shopping web page above, as a refinement and extension of the above embodiment, the embodiment of the present invention provides another method for developing a shopping web page, as Figure 3 shown, the method includes:

[0071] 201. Install and configure a preset integration toolkit, where the preset integration toolkit realizes the integration between the web page development end and the web page development material end.

[0072] Among them, the preset integration toolkit is configured with functions such as jump function, communication function, information recognition function, etc. Specifically, after obtaining the preset integration toolkit, clarify the specific type, version, function requirements and other information of the preset integration toolkit to be installed, determine whether the operating system and hardware environment of the web page development client meet the requirements of the toolkit, and then start the installation program to gradually complete the installation process. At the same time, configure the environment variables to ensure that the client system can correctly identify and use the preset integration toolkit. After the installation is completed, start the toolkit for configuration. If the toolkit supports preset configuration, the prepared configuration file can be imported into the toolkit. The toolkit can also be customized according to actual needs. For example, network connection, security settings, user permissions, etc. can be configured. After the installation is completed, verify whether the toolkit has been successfully installed and configured correctly.

[0073] 202. In response to the development request of the web page to be developed at the web page development end, determine the development environment information and development requirement information of the web page development end, and based on the development environment information and development requirement information, call the preset integration toolkit to perform web page function module adaptation at the web page development material end.

[0074] For the embodiments of the present invention, after receiving a web development request, it is first necessary to determine the development environment information of the web development end. Based on this, step 202 specifically includes: obtaining the user agent string of the web development end, and using a preset regular expression to identify the key information in the user agent string; based on the key information, determining the development environment information of the web development end.

[0075] Among them, the development environment includes the browser type, operating system type, device type, etc. of the web development client. Specifically, the user agent string can be obtained in various ways. For example, in the front end, JavaScript (an object-based or event-driven scripting language) is used to obtain the navigator.userAgent property, which contains the user agent string. Or on the server side, PHP (Hypertext Preprocessor) can be used to obtain the user agent string through the $_SERVER['HTTP_USER_AGENT'] global variable. Use a preset regular expression related to the operating system type to identify the key information related to the operating system type in the user agent string, such as Windows NT, MacOS X, Linux, etc. The operating system type of the web development end can be determined through the key information related to the operating system type. Use a preset regular expression related to the operating system type to identify the key information related to the device type in the user agent string. The device type of the web development end can be determined through the key information related to the device type. At the same time, the navigator.platform property of JavaScript can also be used to obtain the platform information of the device. For example, on a mobile device, this property may return iPhone, iPad, Android, etc. The device type can also be judged by combining other information (such as screen size, touch support, etc.) in the user agent string. At the same time, use a preset regular expression related to the browser type to match the keywords (such as Chrome, Firefox, Safari, Edge, etc.) in the user agent string to determine the browser type used by the web development client. In the embodiments of the present invention, the development environment of the web development client is determined through the user agent string. Since the user agent string detection does not require additional hardware devices or software licenses to implement, writing multiple versions of code for different client environments is avoided, thereby reducing the detection cost and improving the detection efficiency.

[0076] Further, according to the development environment information and the development requirement information, call a preset integration toolkit to perform web function module adaptation on the web development material end.

[0077] 203. Based on the brand logo of the web page to be developed and the adapted web page function modules, call the preset integration toolkit to obtain the materials required for the web page to be developed from the web page development material side.

[0078] Specifically, use the data communication and transmission functions in the preset integration toolkit to obtain materials such as pictures and videos corresponding to the brand logo and web page function modules from the web page development material side.

[0079] 204. Build a shopping web page based on the web page function modules and materials.

[0080] Specifically, obtain a web page template, configure the web page function modules in the web page template to obtain the basic web page architecture, and then configure information such as product pictures and icons corresponding to each web page function module in the basic web page architecture to obtain the shopping web page.

[0081] 205. Obtain the exposure event detection requirement information for the user's operation behavior on the shopping web page, and based on the exposure event detection requirement information, determine the target page elements and target page areas on the shopping web page, and build an exposure view based on the target page elements and target page areas.

[0082] Among them, the exposure event detection requirement information refers to information such as page elements or page areas that require detection of interaction data between the user and the page.

[0083] Specifically, if it is necessary to perform exposure event detection on a target page element such as an image and a target page area such as a function area on the shopping web page, then combine the target page element and the target page area into an exposure view. Among them, the exposure view is a virtual view used to detect exposure events, which contains all the page content and layout information that needs to be exposed for detection.

[0084] 206. Obtain the preset exposure conditions, and based on the device attribute information of the mobile device to which the user belongs, determine the exposure event capture viewport.

[0085] Among them, the preset exposure conditions refer to the preset visibility, preset residence time, preset scrolling position, etc. of the target page elements and target page areas in the exposure event capture viewport; the device attribute information includes the device type, screen size, resolution, etc. of the device that opens the shopping web page; the exposure event capture viewport refers to the visible area of the shopping web page, that is, the part of the web page that the user can currently see on the device.

[0086] Specifically, first, set the preset exposure conditions according to actual requirements. At the same time, set a reasonable exposure event capture viewport based on information such as the device size to which the shopping web page belongs. For example, on a mobile device, the width of the viewport usually matches the screen width of the device, but the height may vary due to the display of browser interfaces (such as the address bar, toolbar, etc.). On a desktop browser, the width and height of the viewport depend on the size of the browser window.

[0087] 207. In response to the detection signal of the exposure event, obtain and store the click information of the user on the shopping web page, and determine the exposure parameters of the exposure view in the exposure event capture viewport. Based on the exposure parameters, determine whether the exposure view meets the preset exposure conditions. If it meets, store the exposure parameters corresponding to the exposure view.

[0088] Among them, the click information includes information such as the number of clicks and click frequency of the browsing user on the target page elements and target page areas in the shopping web page. The exposure parameters refer to parameters such as the time of user operation or browsing of the exposure view, the residence time, visibility, and scroll position of the exposure view in the exposure event capture viewport.

[0089] Specifically, respectively determine whether the residence time of the exposure view in the exposure event capture viewport meets the preset residence time in the preset exposure conditions, whether the visibility meets the preset visibility in the preset exposure conditions, and whether the scroll position meets the preset scroll position in the preset exposure conditions, and record and store the exposure parameters that meet the preset exposure conditions.

[0090] 208. Perform web interaction data analysis on the click information and exposure parameters, and based on the analysis results, determine the change information of the shopping web page. Based on the change information, construct a new shopping web page.

[0091] For the embodiments of the present invention, in order to analyze the web interaction data between the user and the shopping web page for the click information and exposure parameters, it is first necessary to determine whether it is necessary to verify the web interaction data. Based on this, the method includes: collectively referring to the click information and the exposure parameters as web interaction data, obtaining the uniform resource locator of the shopping web page, and parsing out the query string in the uniform resource locator; splitting the query string into key-value pairs corresponding to each parameter, parsing out the parameter value corresponding to the environment variable parameter in the key-value pair, and based on the parameter value, determining the current running environment of the shopping web page; based on the current running environment, determine whether it is necessary to verify the web interaction data. If it is necessary, perform at least one verification of the data format and data content on the web interaction data, and analyze the verified web interaction data. Otherwise, directly analyze the web interaction data.

[0092] Among them, the current operating environment includes development and test environments, production online environments, etc. Specifically, the env parameter (environment variable parameter) is parsed from the uniform resource locator corresponding to the shopping web page. For example, the URL of the current page can be obtained through the window.location object, and a regular expression or URLSearchParams can be used to extract the parameter value corresponding to the env parameter. This parameter value can indicate whether the shopping web page is in a development and test environment or a production online environment. In the development and test environment, it is necessary to verify the web page interaction data. In the production online environment, it is not necessary to verify the web page interaction data. During the process of verifying the web page interaction data, the data format and data content of the web page interaction data are mainly verified, and according to the verification results, data format specification and content specification processing are performed on the web page interaction data. Through verifying the web page interaction data in the development and test environment in the embodiments of the present invention, the accuracy, integrity, and standardization of the data can be ensured, which helps developers identify and fix potential data problems. In the production online environment, the web page interaction data is not verified. If the web page becomes slow or fails due to data verification, the user experience will be negatively affected. Not performing verification in the production environment can reduce this risk and improve user satisfaction. Further, in the development and test environment, user behavior analysis is performed on the standardized web page interaction data. In the production online environment, user behavior analysis is directly performed on the web page interaction data, such as analyzing behaviors such as users' browsing preferences and browsing habits. Based on the analysis results, change information such as position adjustment, icon adjustment, and replacement of product display information of each functional module in the shopping web page is determined, and the shopping web page is changed according to the above change information, so that the changed shopping web page can better meet users' browsing, shopping, and other needs, and improve the product conversion rate and user browsing experience.

[0093] Further, after the shopping web page is built or updated and goes online, it is necessary to manage the browsing behavior to ensure the security of the web page data. Based on this, the method includes: in response to the browsing signal of the shopping web page, obtaining the browsing product channel information and browsing attribute information for the shopping web page; based on the browsing product channel information and the browsing attribute information, determining whether there is an abnormal browsing behavior. If so, determining a browsing impact parameter based on the behavior type corresponding to the abnormal browsing behavior; based on the browsing impact parameter, determining a management strategy for the abnormal browsing behavior, and managing the abnormal browsing behavior based on the management strategy.

[0094] Among them, the browsing product channel information refers to the source channels of the products browsed by the user, such as duty-free channels, duty-paid channels, cross-border channels, etc.; the browsing attribute information refers to information such as the identity identifier of the browsing user.

[0095] For the embodiments of the present invention, based on the browsing product channel information and the browsing attribute information, it is determined whether the browsing user has abnormal browsing behavior. The specific way to determine whether there is abnormal browsing behavior is as follows: determine the channel feature vector corresponding to the browsing product channel information and the browsing feature vector corresponding to the browsing attribute information; perform cross-processing on the channel feature vector and the browsing feature vector to obtain a behavior cross-feature vector; input the behavior cross-feature vector into a preset behavior recognition model (where the preset behavior recognition model is pre-constructed based on a sample data set with abnormal browsing behavior labels) for behavior recognition to obtain whether the browsing behavior is abnormal. If it is an abnormal browsing behavior, the model will also output the behavior type of the abnormal browsing behavior, such as accessing illegal content, making overly frequent requests, crawler behavior, false requests or disguised identities, violating service terms, automated script operations, malware propagation, and other abnormal browsing behaviors. When the embodiments of the present invention perform abnormal browsing behavior recognition, by performing cross-processing on the browsing product channel information and the browsing attribute information, deeper features can be obtained, thereby improving the recognition accuracy of abnormal browsing behavior. Further, if there is at least one of the above abnormal browsing behaviors, the influence parameter (degree of abnormal browsing) corresponding to the behavior type of the abnormal browsing behavior is determined. Among them, different behavior type corresponding influence parameters are stored in a preset influence parameter database. The influence parameter corresponding to the behavior type can be obtained in the preset influence parameter database, and based on the size of the influence parameter, the management strategy for abnormal browsing behavior is determined. For example, if the influence parameter is large or exceeds a first preset threshold (the preset threshold is a value set according to actual needs), the browsing user's account is blocked, and the blocking duration is set according to the size of the influence parameter. If the influence parameter is relatively small, that is, within the interval between the second preset threshold and the first preset threshold (where the first preset threshold is greater than the second preset threshold, and this interval includes the first preset threshold and the second preset threshold), restricted access is implemented for the browsing user, that is, an access time is set for the browsing user. If the influence parameter is less than the second preset threshold, a warning operation is performed on the browsing user. The embodiments of the present invention can ensure the security of web page data by identifying abnormal browsing behavior and managing abnormal browsing behavior.

[0096] The shopping web page of the embodiment of the present invention provides web page development support specifically for shopping business for brand owners, meets the sales needs of brand owners under different policies, supports brand owners to carry out brand promotion, new product release, promotional activities, etc. through the web page, and improves brand awareness and user participation. Through the preset integration toolkit, it is possible to integrate online and offline sales channels, realize unified management of data and business processes, and help brand owners better conduct multi-channel sales. The preset integration toolkit provides a seamless jump function with applications, supports directly calling the core functions of applications in the page, and realizes smooth switching between applications. It supports communication with applications, including data transmission and status synchronization, to ensure smooth interaction and consistent data between the user at the page end and the application. It supports integration with e-commerce platforms to simplify the web page development process of brand owners. Through this preset integration toolkit, it is possible to connect to the brand material management system to realize efficient management and retrieval of brand materials. It supports finding specified resource positions of specified brand halls according to brandCode and positionCode, which is convenient for precise management and placement of materials. The preset integration toolkit provides extended function plugins to support brand owners to expand and customize the functions of the web page according to their own needs.

[0097] According to another method for developing a shopping web page provided by the present invention, compared with the current method of gradually writing complete code manually to implement the development of a shopping web page, the present invention can achieve rapid and effective integration between the web page development end and the web page development material end through the preset integration toolkit, without the need to develop and debug multiple data call interfaces, saving time and effort; at the same time, the present invention directly obtains web page function modules and materials adapted to the web page development requirements and development environment at the web page development material end, and finally constructs the web page based on the ready-made web page function modules and materials. Developers do not need to write code and design the page from scratch, shortening the development cycle and improving the development accuracy. Moreover, the function modules and materials usually have high reusability and can be reused in different projects, reducing repetitive labor.

[0098] Further, as Figure 1 a specific implementation of, the embodiment of the present invention provides a device for developing a shopping web page, as Figure 4 shown, the device includes: an installation unit 31, an adaptation unit 32, an acquisition unit 33, and a construction unit 34.

[0099] The installation unit 31 can be used to install and configure the preset integration toolkit, wherein the preset integration toolkit realizes the integration between the web page development end and the web page development material end.

[0100] The adaptation unit 32 can be used to respond to the development request of the web page to be developed by the web page development end, determine the development environment information and development requirement information of the web page development end, and based on the development environment information and the development requirement information, call the preset integration toolkit to perform web page function module adaptation on the web page development material end.

[0101] The acquisition unit 33 can be used to call the preset integration toolkit to acquire the materials required for the web page to be developed on the web page development material end based on the brand side identifier of the web page to be developed and the adapted web page function modules.

[0102] The construction unit 34 can be used to construct a shopping web page based on the web page function modules and the materials.

[0103] In a specific application scenario, in order to construct a shopping web page, as Figure 5 shown, the construction unit 34 includes a first determination module 341, an adjustment module 342, and a placement module 343.

[0104] The first determination module 341 can be used to respond to the dragging operation and scaling operation of each web page function module in the web page infrastructure by the web page development end, and determine the position information and size information of each web page function module.

[0105] The adjustment module 342 can be used to adjust the positions and sizes of each web page function module based on the position information and the size information to obtain the adjusted web page infrastructure.

[0106] The placement module 343 can be used to determine the resource positions of the materials in the adjusted web page infrastructure and place the materials into the adjusted web page infrastructure according to the resource positions to obtain the shopping web page.

[0107] In a specific application scenario, in order to analyze the interaction data used for interaction with the web page, the device further includes an analysis unit 35.

[0108] The analysis unit 35 can be used to obtain the exposure event detection requirement information of the user's operation behavior on the shopping web page, and based on the exposure event detection requirement information, determine the target page element and the target page area in the shopping web page, and construct an exposure view based on the target page element and the target page area; obtain a preset exposure condition, and determine an exposure event capture viewport based on the device attribute information of the mobile device to which the user belongs; in response to the detection signal of the exposure event, obtain and store the click information of the user on the shopping web page, and judge the exposure parameter of the exposure view in the exposure event capture viewport, and based on the exposure parameter, judge whether the exposure view meets the preset exposure condition, if so, store the exposure parameter corresponding to the exposure view; perform web interaction data analysis on the click information and the exposure parameter, and based on the analysis result, determine the change information of the shopping web page, and construct a new shopping web page based on the change information.

[0109] In a specific application scenario, in order to determine whether it is necessary to verify web interaction data, the device further includes a verification unit 36.

[0110] The verification unit 36 can be used to collectively refer to the click information and the exposure parameter as web interaction data, obtain the uniform resource locator of the shopping web page, and parse out the query string in the uniform resource locator; split the query string into key-value pairs corresponding to each parameter, parse out the parameter value corresponding to the environment variable parameter in the key-value pair, and based on the parameter value, determine the current running environment of the shopping web page; based on the current running environment, judge whether it is necessary to verify the web interaction data, if so, perform at least one verification of data format and data content on the web interaction data, and analyze the verified web interaction data, otherwise, directly analyze the web interaction data.

[0111] In a specific application scenario, in order to manage abnormal browsing behaviors, the device further includes a management unit 37.

[0112] The management unit 37 can be used to, in response to the browsing signal of the shopping web page, obtain the browsing commodity channel information and browsing attribute information of the shopping web page; based on the browsing commodity channel information and the browsing attribute information, judge whether there is an abnormal browsing behavior, if so, determine a browsing influence parameter based on the behavior type corresponding to the abnormal browsing behavior; based on the browsing influence parameter, determine a management strategy for the abnormal browsing behavior, and manage the abnormal browsing behavior based on the management strategy.

[0113] In a specific application scenario, in order to update the shopping web page, the device further includes an update unit 38.

[0114] The update unit 38 can be used to obtain the current web page access path of the shopping web page in response to an update request of the shopping web page; determine a target jump method for jumping from the web page update end to the web page development material end based on the current web page access path, and jump to the web page development material end according to the target jump method; call the preset integration toolkit to select target web page materials required for updating the shopping web page in the jumped web page development material end, and determine whether it is necessary to identify the review status of the target web page materials based on the current running environment of the shopping web page. If so, update the shopping web page with the web page materials that have passed the review, otherwise, directly update the shopping web page with the target web page materials.

[0115] In a specific application scenario, in order to determine the development environment information of the web page development end, the adaptation unit 32 includes an identification module 321 and a second determination module 322.

[0116] The identification module 321 can be used to obtain the user agent string of the web page development end and identify the key information in the user agent string by using a preset regular expression.

[0117] The second determination module 322 can be used to determine the development environment information of the web page development end based on the key information.

[0118] It should be noted that for other corresponding descriptions of each functional module involved in the development device of a shopping web page provided in the embodiments of the present invention, reference can be made to Figure 1 the corresponding description of the method shown, which will not be elaborated here.

[0119] Based on the method as Figure 1 shown above, correspondingly, the embodiments of the present invention further provide a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the following steps are implemented: install and configure a preset integration toolkit, where the preset integration toolkit realizes the integration between the web page development end and the web page development material end; in response to a development request of a to-be-developed web page of the web page development end, determine the development environment information and development requirement information of the web page development end, and based on the development environment information and the development requirement information, call the preset integration toolkit to perform web page function module adaptation in the web page development material end; based on the brand party identifier of the to-be-developed web page and the adapted web page function modules, call the preset integration toolkit to obtain the materials required for the to-be-developed web page in the web page development material end; construct a shopping web page based on the web page function modules and the materials.

[0120] Based on the method as Figure 1 shown above and asFigure 4 An embodiment of the device shown. An embodiment of the present invention also provides an entity structure diagram of a computer device, as Figure 6 shown. The computer device includes: a processor 41, a memory 42, and a computer program stored on the memory 42 and executable on the processor. Both the memory 42 and the processor 41 are provided on a bus 43. When the processor 41 executes the program, the following steps are implemented: installing and configuring a preset integration toolkit, where the preset integration toolkit realizes the integration between the web development end and the web development material end; in response to a development request for a to-be-developed web page at the web development end, determining the development environment information and development requirement information of the web development end, and based on the development environment information and the development requirement information, calling the preset integration toolkit to perform web page function module adaptation at the web development material end; based on the brand owner identifier of the to-be-developed web page and the adapted web page function modules, calling the preset integration toolkit to obtain the materials required for the to-be-developed web page at the web development material end; and constructing a shopping web page based on the web page function modules and the materials.

[0121] Through the technical solution of the present invention, the present invention can realize the fast and effective integration between the web development end and the web development material end through a preset integration toolkit, without the need to develop and debug multiple data call interfaces, saving time and effort; at the same time, the present invention directly obtains web page function modules and materials adapted to the web development requirements and development environment at the web development material end, and finally constructs a web page according to the ready-made web page function modules and materials. Developers do not need to write code and design pages from scratch, shortening the development cycle and improving the development accuracy. Moreover, the function modules and materials usually have high reusability and can be reused in different projects, reducing repetitive labor.

[0122] Obviously, those skilled in the art should understand that the above-mentioned modules or steps of the present invention can be implemented by a general-purpose computing device. They can be concentrated on a single computing device or distributed on a network composed of multiple computing devices. Optionally, they can be implemented by program codes executable by the computing device, so that they can be stored in a storage device and executed by the computing device. And in some cases, the steps shown or described can be executed in a different order from here, or they can be separately made into individual integrated circuit modules, or multiple modules or steps among them can be made into a single integrated circuit module to be implemented. In this way, the present invention is not limited to any specific combination of hardware and software.

[0123] The above are only the preferred embodiments of the present invention and are not intended to limit the present invention. For those skilled in the art, the present invention may have various modifications and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present invention shall be included within the protection scope of the present invention.

Claims

1. A method for developing a shopping web page, characterized in that, Including: Install and configure a preset integration toolkit, where the preset integration toolkit realizes the integration between the web development end and the web development material end; In response to a development request for a to-be-developed web page at the web development end, determine the development environment information and development requirement information of the web development end, and based on the development environment information and the development requirement information, call the preset integration toolkit to perform web function module adaptation at the web development material end; Based on the brand owner identifier of the to-be-developed web page and the adapted web function modules, call the preset integration toolkit to obtain the materials required for the to-be-developed web page at the web development material end; Construct a shopping web page based on the web function modules and the materials.

2. The method according to claim 1, wherein The constructing a shopping web page based on the web function modules and the materials includes: In response to the drag and zoom operations of each of the web function modules in the web infrastructure at the web development end, determine the position information and size information of each of the web function modules; Based on the position information and the size information, adjust the positions and sizes of each of the web function modules to obtain the adjusted web infrastructure; Determine the resource positions of the materials in the adjusted web infrastructure, and place the materials into the adjusted web infrastructure according to the resource positions to obtain the shopping web page.

3. The method according to claim 1, characterized in that After constructing a shopping web page based on the web function modules and the materials, the method further includes: Obtain the exposure event detection requirement information of the user's operation behavior on the shopping web page, and based on the exposure event detection requirement information, determine the target page elements and target page areas on the shopping web page, and construct an exposure view based on the target page elements and the target page areas; Obtain a preset exposure condition, and based on the device attribute information of the mobile device to which the user belongs, determine an exposure event capture viewport; In response to the detection signal of the exposure event, obtain and store the click information of the user on the shopping web page, and judge the exposure parameters of the exposure view in the exposure event capture viewport, and based on the exposure parameters, judge whether the exposure view meets the preset exposure condition. If it meets, store the exposure parameters corresponding to the exposure view; Perform web interaction data analysis on the click information and the exposure parameters, and based on the analysis result, determine the change information of the shopping web page, and construct a new shopping web page based on the change information.

4. The method according to claim 3, characterized in that, Before performing web interaction data analysis on the click information and the exposure parameters, the method further includes: Collectively refer to the click information and the exposure parameters as web interaction data, obtain the uniform resource locator of the shopping web page, and parse out the query string in the uniform resource locator; Split the query string into key-value pairs corresponding to each parameter, parse out the parameter value corresponding to the environment variable parameter in the key-value pair, and based on the parameter value, determine the current running environment of the shopping web page. Based on the current running environment, determine whether it is necessary to verify the web page interaction data. If it is necessary, perform at least one verification of the data format and data content of the web page interaction data, and analyze the verified web page interaction data. Otherwise, directly analyze the web page interaction data.

5. The method according to claim 1, wherein After constructing a shopping web page based on the web page function module and the materials, the method further includes: In response to the browsing signal of the shopping web page, obtain the browsing product channel information and browsing attribute information for the shopping web page; Based on the browsing product channel information and the browsing attribute information, determine whether there is an abnormal browsing behavior. If there is, determine the browsing influence parameter based on the behavior type corresponding to the abnormal browsing behavior; Based on the browsing influence parameter, determine the management strategy for the abnormal browsing behavior, and manage the abnormal browsing behavior based on the management strategy.

6. The method according to claim 1, characterized in that After constructing a shopping web page based on the web page function module and the materials, the method further includes: In response to the update request of the shopping web page, obtain the current web page access path of the shopping web page; Based on the current web page access path, determine the target jump method for jumping from the web page update end to the web page development material end, and jump to the web page development material end according to the target jump method; Call the preset integration toolkit to select the target web page materials required to update the shopping web page in the jumped web page development material end, and based on the current running environment of the shopping web page, determine whether it is necessary to identify the review status of the target web page materials. If it is necessary, update the shopping web page with the web page materials that have passed the review. Otherwise, directly update the shopping web page with the target web page materials.

7. The method according to claim 1, wherein Determine the development environment information of the web page development end, including: Obtain the user agent string of the web page development end, and use a preset regular expression to identify the key information in the user agent string; Based on the key information, determine the development environment information of the web page development end.

8. A development device for a shopping web page, characterized in that, Include: An installation unit for installing and configuring a preset integration toolkit, where the preset integration toolkit realizes the integration between the web page development end and the web page development material end; An adaptation unit for, in response to the development request of the web page to be developed at the web page development end, determining the development environment information and development requirement information of the web page development end, and based on the development environment information and the development requirement information, calling the preset integration toolkit to perform web page function module adaptation at the web page development material end; An acquisition unit for, based on the brand side identifier of the web page to be developed and the adapted web page function module, calling the preset integration toolkit to obtain the materials required for the web page to be developed in the web page development material end; A construction unit for constructing a shopping web page based on the web page function module and the materials.

9. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 7.

10. A computer device, comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, characterized in that, When the computer program is executed by a processor, it implements the steps of the method according to any one of claims 1 to 7.

Images