Scroll view buried point exposure processing method and device, equipment and storage medium

Abstract

The invention discloses a scrolling view buried point exposure processing method and device, equipment and a storage medium, belongs to the technical field of big data, and is applied to applets such as insurance product display, medical health product display or old-age health product display. By identifying the height and position of the product item and combining the size of the equipment screen, the visible range of the user is dynamically determined, exposure judgment precision is achieved, when the page is loaded for the first time, the first-screen visible product is automatically identified, the buried point is triggered, the integrity of initial exposure data is ensured, and by monitoring the scrolling event and judging the residence time, the user experience is improved. Product items newly entering the visual area in the user rolling process are dynamically captured, frequent and redundant buried point triggering is avoided, and the system performance and the data quality are effectively improved. According to the invention, accurate identification and real-time reporting of product exposure are realized, the integrity and reliability of data are improved, invalid data interference is reduced, and the insight ability and response speed of a service system to user behaviors are enhanced.

Description

Technical Field

[0001] This application belongs to the field of big data technology, specifically relating to a method, apparatus, device, and storage medium for processing the exposure of embedded points in a scrolling view. Background Technology

[0002] In some user-facing mini-program applications, such as systems showcasing insurance products and car service products, these systems typically use event tracking technology to collect user interaction data on product pages in order to better understand user behavior and preferences. However, traditional event tracking methods often rely on user clicks or other explicit actions, failing to accurately capture the products users browse during scrolling.

[0003] Existing solutions for products viewed by users during scrolling typically have the following problems:

[0004] 1. Inability to accurately detect products displayed on the first screen: When the page is first loaded, it cannot automatically detect and report the products already displayed on the first screen;

[0005] 2. Frequent triggering of event tracking: Frequent triggering of event tracking during user scrolling leads to data redundancy and performance degradation;

[0006] 3. Inability to accurately determine the visibility of product items: It is impossible to accurately determine which product items are fully or partially displayed to the user.

[0007] Therefore, there is an urgent need for a solution that can accurately detect and report product exposure for scrolling views, in order to improve the accuracy and efficiency of data collection on scrolling view pages. Summary of the Invention

[0008] The purpose of this application is to provide a method, apparatus, computer device, and storage medium for embedded exposure processing of scrolling views, so as to improve the accuracy and efficiency of data collection for scrolling view pages.

[0009] To address the aforementioned technical problems, this application provides a method for handling the exposure of embedded points in a scrolling view, employing the following technical solution:

[0010] A method for handling the exposure of embedded points in a scrolling view includes:

[0011] Identify the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array;

[0012] Identify the screen size of the display device and determine the user's visible range based on the screen size;

[0013] After the page to be displayed is loaded, the product items to be displayed on the first screen are determined based on the visible range, and the first product item is obtained.

[0014] Trigger the event tracking for the first product item and mark it as visible in the preset array;

[0015] Listen for scroll view events, determine the dynamically scrolling page, and identify the product items on the dynamically scrolling page based on the visible range, thus obtaining the second product item;

[0016] Trigger the event tracking for the second product item and mark it as visible in the preset array.

[0017] To address the aforementioned technical problems, this application also provides a device for processing embedded exposure points in a scrolling view, employing the following technical solution:

[0018] An apparatus for embedded point exposure processing of a scrolling view, comprising:

[0019] The product item parameter recognition module is used to identify the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array;

[0020] The screen size recognition module is used to identify the screen size of the display device and determine the user's visible range based on the screen size;

[0021] The first product item determination module is used to determine the product items to be displayed on the first screen page based on the visible range after the page to be displayed is loaded, and thus obtain the first product item.

[0022] The first event tracking module is used to trigger the event tracking of the first product item and mark the first product item as visible in the preset array.

[0023] The second product item determination module is used to listen for scroll view events, determine the dynamically scrolling page, and determine the product items on the dynamically scrolling page based on the visible range, thus obtaining the second product item.

[0024] The second event tracking module is used to trigger the event tracking of the second product item and mark the second product item as visible in the preset array.

[0025] To address the aforementioned technical problems, this application also provides a computer device that employs the following technical solution:

[0026] A computer device includes a memory and a processor, the memory storing computer-readable instructions, the processor executing the computer-readable instructions to implement the steps of the embedded exposure processing method for a scrolling view as described in any of the preceding claims.

[0027] To address the aforementioned technical problems, this application also provides a computer-readable storage medium, employing the technical solution described below:

[0028] A computer-readable storage medium storing computer-readable instructions, which, when executed by a processor, implement the steps of the embedded point exposure processing method for a scrolling view as described in any of the above descriptions.

[0029] Compared with the prior art, the embodiments of this application have the following main advantages:

[0030] This application discloses a method, apparatus, device, and storage medium for handling exposure tracking in scrolling views, belonging to the field of big data technology, and applied to mini-programs for displaying insurance products, medical and health products, or elderly care and health products. First, by accurately identifying the height and position coordinates of each product item and storing them in a preset array, detailed basic data is provided for subsequent exposure determination, effectively solving the judgment error problem caused by unclear element dimensions in traditional tracking methods. Next, by identifying the screen size of the display device, the visible range for the user is dynamically determined, enabling exposure calculation to adapt to different terminal environments and ensuring the broad applicability of data collection. Subsequently, automatic identification and tracking triggering are performed for the exposure of products on the first screen, ensuring accurate capture of products actually visible to the user upon initial page load, avoiding missed detections. By listening to scrolling view events and combining scrolling dwell time, newly entered product items in the visible area during user scrolling are dynamically detected, and corresponding tracking points are triggered, greatly reducing frequent and redundant event triggering and optimizing system resource consumption. This application enables accurate identification and real-time reporting of product exposure, improves data integrity and reliability, reduces interference from invalid data, and greatly enhances the business system's ability to understand user behavior and its response speed. Attached Figure Description

[0031] To more clearly illustrate the solutions in this application, the accompanying drawings used in the description of the embodiments of this application will be briefly introduced below. Obviously, the accompanying drawings described below are some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0032] Figure 1 An exemplary system architecture diagram is shown, in which this application can be applied;

[0033] Figure 2 A flowchart of one embodiment of the embedded point exposure processing method according to the scroll view of this application is shown;

[0034] Figure 3 A schematic diagram of the structure of an embodiment of a buried point exposure processing apparatus according to a scroll view of this application is shown;

[0035] Figure 4 A schematic diagram of the structure of one embodiment of a computer device according to this application is shown. Detailed Implementation

[0036] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application pertains; the terminology used herein in the specification of the application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application; the terms "comprising" and "having," and any variations thereof, in the specification, claims, and foregoing drawings of this application, are intended to cover non-exclusive inclusion. The terms "first," "second," etc., in the specification, claims, or foregoing drawings of this application are used to distinguish different objects, not to describe a particular order.

[0037] In this document, the term "embodiment" means that a particular feature, structure, or characteristic described in connection with an embodiment may be included in at least one embodiment of this application. The appearance of this phrase in various places throughout the specification does not necessarily refer to the same embodiment, nor is it a separate or alternative embodiment mutually exclusive with other embodiments. It will be explicitly and implicitly understood by those skilled in the art that the embodiments described herein can be combined with other embodiments.

[0038] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings.

[0039] like Figure 1 As shown, system architecture 100 may include terminal device 101, network 102, and server 103. Terminal device 101 may be a laptop 1011, tablet 1012, or mobile phone 1013. Network 102 is used as a medium to provide a communication link between terminal device 101 and server 103. Network 102 may include various connection types, such as wired, wireless communication links, or fiber optic cables.

[0040] Users can use terminal device 101 to interact with server 103 via network 102 to receive or send messages, etc. Various communication client applications can be installed on terminal device 101, such as web browser applications, shopping applications, search applications, instant messaging tools, email clients, social media platform software, etc.

[0041] Terminal device 101 can be various electronic devices with a display screen and support web browsing. In addition to laptops 1011, tablets 1012, or mobile phones 1013, terminal device 101 can also be an e-book reader, an MP3 player (Moving Picture Experts Group Audio Layer III), an MP4 player (Moving Picture Experts Group Audio Layer IV), a laptop computer, and a desktop computer, etc.

[0042] Server 103 can be a server that provides various services, such as a backend server that provides support for the pages displayed on terminal device 101.

[0043] It should be noted that the scroll view's point exposure processing method provided in this application embodiment is generally executed by a server / terminal device, and correspondingly, the scroll view's point exposure processing device is generally set in the server / terminal device.

[0044] It should be understood that Figure 1 The number of terminal devices, networks, and servers shown is merely illustrative; the system can have any number of terminal devices, networks, and servers depending on implementation needs.

[0045] Continue to refer to Figure 2 The diagram illustrates a flowchart of an embodiment of a method for handling the embedded exposure of a scrolling view according to this application. The method for handling the embedded exposure of a scrolling view includes the following steps:

[0046] S201, identify the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array;

[0047] Specifically, after the page loads, the system uses the wx.createSelectorQuery interface provided by the mini-program to perform node queries on all product item elements on the page. It then uses boundingClientRect() to obtain the position information of each product item on the page, including its offset relative to the top of the page (top coordinate) and its height. This information is used to calculate whether the product item is within the visible area of ​​the current device. The position information of each product item (such as top, height, index, product ID, etc.) is stored as an object in a preset array (such as productRectList). This array serves as the core data structure for triggering event tracking, continuously referenced and updated during scrolling.

[0048] S202, Identify the screen size of the display device and determine the user's visible range based on the screen size;

[0049] Specifically, when a page loads, the system calls wx.getSystemInfoSync() to obtain the device's screen parameter information, particularly the window height (windowHeight), to define the user's current visible area. This visible area refers to the upper and lower boundaries of the page area that the user can see completely or partially on the screen at the current scroll position, and is usually a combination of the scroll offset and windowHeight.

[0050] Furthermore, to improve the sensitivity and accuracy of the judgment, the system can preset a tolerance range, such as adding a certain number of pixels before and after the visible range. This tolerance range is used to capture products that are "near exposure," which is especially suitable for scenarios with fast scrolling speeds. Based on this, the system can continuously and dynamically update the visible range in real time according to the user's scrolling behavior to support timely identification and triggering of newly exposed products.

[0051] S203, After the page to be displayed is loaded, determine the product items to be displayed on the first screen based on the visible range, and obtain the first product item;

[0052] Specifically, once the page has initially loaded, the system immediately obtains the initial scroll position (usually 0) and the screen's `windowHeight`, thus defining the visible range of the first screen. Next, the system iterates through the `top` and `height` values ​​of each product item in `productRectList`, determining whether the product is within the first screen display range by checking if its top is lower than the bottom of the screen and its bottom is higher than the top. All product items meeting this condition are recorded as first-screen exposure items (i.e., the first product item). This process can consider both "full exposure" and "partial exposure" scenarios, depending on the business requirements for exposure determination.

[0053] This step ensures that the product information that users see first is accurately reported as soon as the page loads, avoiding the common problem of "no tracking on the first screen".

[0054] S204, trigger the event tracking for the first product item, and mark the first product item as visible in the preset array;

[0055] Specifically, for each identified product item on the first screen, the system triggers an exposure tracking event one by one. Common methods include calling `wx.reportAnalytics()` or integrating with a custom tracking reporting SDK. The reported content typically includes parameters such as product ID, index, page path, and exposure timestamp, used to analyze user browsing behavior. To avoid duplicate triggers, the system adds a `visible:true` or similar flag to these exposed product items in `productRectList`, indicating that the item has already triggered an exposure tracking event. This flag plays a crucial role in subsequent scrolling: only product items not yet marked as exposed will be checked again and have their tracking events triggered.

[0056] In this way, the system ensures that each product item is recorded only once when it first enters the user's field of vision, effectively controlling the number of event tracking points and reducing redundant data.

[0057] S205, listen for scroll view events, determine the dynamically scrolling page, and determine the product items on the dynamically scrolling page based on the visible range, thus obtaining the second product item;

[0058] Specifically, the system monitors the scrolling behavior of the scroll view in real time by setting an onScroll listener, which can be implemented through scroll height or user dwell time during scrolling. For example, whenever the user scrolls the page, the system obtains the current scroll offset (scrollTop) and recalculates the upper and lower boundaries of the current visible range (scrollTop ~ scrollTop + windowHeight) based on the screen height. Then, the system iterates through productRectList, checking whether each unexposed product item meets the conditions for entering the current visible range. If it does, it is recorded as a new exposed product item (the second product item). This step requires optimized strategies to adapt to different scrolling speeds and changes in product item height, such as segmented traversal and throttling, to avoid performance losses caused by high-frequency calls.

[0059] S206, trigger the event tracking for the second product item, and mark the second product item as visible in the preset array.

[0060] Specifically, the system performs event tracking and reporting operations on each second product item that enters the visible area during scrolling but has not yet been exposed. Similar to the first screen, the system uses a unified event tracking interface (such as wx.reportAnalytics) to submit relevant information for the product item, and can also add more dimensions of information (such as current scrolling direction, product exposure ratio, timestamp, etc.) according to the configuration.

[0061] Furthermore, the system updates the tag status of the product item in `productRectList` to ensure that it will not trigger the tracking event again due to subsequent scrolling. This one-time exposure tagging mechanism can significantly improve data quality, avoid redundant data from confusing statistical results, and effectively reduce the burden on system performance. Through the above methods, the exposure behavior throughout the scrolling process is accurately monitored and recorded in an orderly manner, providing reliable data support for product operation, recommendation optimization, and user behavior modeling.

[0062] Taking an insurance product display mini-program as an example, the above-mentioned scroll view-based exposure tracking method can achieve precise monitoring and analysis of user browsing behavior. This mini-program typically contains a large list of insurance products, and users browse various insurance plans by scrolling through the page. To effectively understand users' attention to and exposure to different products, the system first identifies the height and position coordinates of each insurance product item in step S201 after the page loads, and stores them in a preset array.

[0063] Subsequently, step S202 obtains the screen size of the user's device to determine the user's current visible area. Since screen sizes vary significantly across different devices, this step ensures flexible adaptation of exposure calculations, avoiding exposure misjudgments caused by device differences. For example, the number of insurance products displayed on a mobile phone screen may differ from that on a tablet; the system needs to accurately determine the products visible on the first screen.

[0064] When a user opens the mini-program, steps S203 and S204 automatically identify the insurance products displayed on the first screen, calculate the cumulative height until it exceeds the screen height, determine the insurance products visible on the first screen, and trigger event tracking for these insurance products to record the first screen exposure data. This ensures that the system accurately counts the insurance products that the user sees for the first time, helping the operations team understand the exposure effect of the first screen products and user interest.

[0065] When a user begins scrolling, the system listens for scroll view events in step S205 and determines whether the browsing is valid based on the user's dwell time. If the dwell threshold is met, the system dynamically identifies insurance product items that have entered the visible range based on the current scroll position (step S206), triggers event tracking for the newly exposed products, and records the exposure behavior during scrolling. Through this dynamic monitoring, the system avoids frequent and repeated triggering of event tracking during scrolling, reduces data redundancy, and improves performance efficiency.

[0066] Furthermore, this method for handling the exposure of scrolling views can also be applied to the exposure of scrolling views on medical and health product display pages or elderly care and health product display pages. The process is the same as that for scrolling views on insurance product display pages, and will not be elaborated here.

[0067] Furthermore, after the page to be displayed has finished loading, the step of determining the product items to be displayed on the first screen based on the visible range to obtain the first product item specifically includes:

[0068] Identify the height of the visible range;

[0069] For the first screen page, the height is incremented starting from the first product item on the first screen page until the cumulative height of the product items is greater than the height of the visible range, and then the product items displayed on the first screen page are determined.

[0070] The first product item is obtained by statistically analyzing the highly cumulative product items.

[0071] In this embodiment, after the page is initially loaded, the system first obtains the current device's screen height by calling wx.getSystemInfoSync(), which serves as the upper limit of the visible range. Then, starting with the first product item on the page, the system sequentially reads its height within the page. For example, it obtains the product item height using wx.createSelectorQuery().select().boundingClientRect(), and accumulates the height of each product item until the accumulated height first exceeds the screen height. At this point, all product items participating in the accumulation are considered to be within the first visible area of ​​the page, forming the first set of product items. During the accumulation process, the system records the ID of each calculated product item and its corresponding page node information.

[0072] Through the above steps, the system can accurately identify the product items visible on the first screen, ensuring that the exposure data during the initial page loading stage is complete and reliable.

[0073] Furthermore, starting from the first product item on the page to be displayed, the height is incremented until the cumulative height of the product items exceeds the height of the visible range. This process determines the product items to be displayed on the first screen. Specifically, this includes:

[0074] Identify the height of the notification bar on the display device, as well as the spacing between various product items;

[0075] The height of the notification bar, the height of each product item, and the spacing between each product item are summed up until the summed height of the product items is greater than the height of the visible range. This determines the product items to be displayed on the first screen.

[0076] In this embodiment, to more accurately determine the product items displayed on the first screen, the system not only considers the height of each product item itself, but also further incorporates the height of the space occupied by the notification bar at the top of the display device (such as the status bar) and the vertical spacing between product items. First, the system uses the wx.getSystemInfoSync() interface to obtain the height of the status bar and determines the preset spacing (margin or padding) between product items through CSS styles or layout rules. When performing the first screen determination, starting from the first product item on the page, the actual height of each product item, its spacing from the previous item, and the height of the notification bar at the top of the page are sequentially accumulated. The system continues this height accumulation operation until the total accumulated height first exceeds the visible height of the device screen.

[0077] Through the above steps, the system effectively avoids misjudgments caused by ignoring the distance between the status bar and the product, improving the accuracy of first-screen exposure recognition and the reliability of user behavior data.

[0078] Furthermore, the visible state includes fully visible and partially visible. After the page to be displayed has finished loading, and the product items to be displayed on the first screen are determined based on the visible range, the process of obtaining the first product item also includes:

[0079] Identify the boundaries of the visible range;

[0080] Based on the boundaries of the visible range, the height and position coordinates of the last product item displayed on the first screen, determine whether the last product item on the first screen is fully displayed.

[0081] If the last product item on the first screen has been fully displayed, then mark the last product item on the first screen as fully visible; otherwise, mark it as partially visible.

[0082] In this embodiment, to more precisely distinguish the exposure of product items on the first screen, after identifying the product items on the first screen, the system further obtains the upper and lower boundary values ​​of the visible range, namely the scroll offset at the top of the page (usually 0) and the visible height of the device screen. Next, the system locates the last product item on the first screen and reads its position coordinates (top value) and its height. By calculating whether the bottom position (top + height) of the product item is less than or equal to the lower boundary of the visible range (windowHeight), it determines whether the item is fully displayed. If its bottom position is within the lower boundary of the screen, it is considered fully visible; conversely, if part of its area is obscured or exceeds the visible boundary, it is considered partially visible. Based on this, the system sets corresponding markers in the product item data structure, such as visibility: "full" or visibility: "partial".

[0083] Through the above steps, the system can effectively determine the visibility of each product item on the first screen.

[0084] Further, the steps of listening to scroll view events, determining the dynamically scrolling page, and identifying the product items on the dynamically scrolling page based on the visible range to obtain the second product item specifically include:

[0085] Listen for scroll view events and count the scroll dwell time;

[0086] If the scrolling time is greater than or equal to the preset time threshold, the scrolling page will be defined as a dynamic scrolling page.

[0087] For dynamically scrolling pages, the height of each product item is incremented starting from the first product item on the page until the incremented height of the product item exceeds the height of the visible range. This determines the product items to be displayed on the dynamically scrolling page.

[0088] The second product item is obtained by statistically analyzing the highly cumulative product items.

[0089] In this embodiment, the system monitors the user's scrolling behavior in real time by listening to the onScroll event of the scrolling view in the mini-program, and introduces the variable of scrolling dwell time to enhance the accuracy of exposure tracking. Specifically, after detecting that the user stops scrolling, the system starts a timer to continuously record the time the current page remains still. When the dwell time reaches or exceeds a preset time threshold (e.g., 500ms or 1000ms), the system determines the currently visible area as a dynamically scrolling page and begins to perform visibility judgment on product items. Subsequently, starting from the first product item corresponding to the top of the current scrolling view, the system sequentially obtains its height, position, and distance from the previous item, and performs cumulative judgment until the total height exceeds the visible range of the screen. All product items included in this period constitute the second set of product items, and these items will be marked as new exposure targets.

[0090] Through the above steps, the system can accurately identify the actual product items viewed by combining the user's dwell intention, filter out invalid exposures that are only briefly swiped, and significantly improve the authenticity and quality of data collection.

[0091] Furthermore, after listening to scroll view events, determining the dynamically scrolling page, and identifying the product items on the dynamically scrolling page based on the visible range to obtain the second product item, the process also includes:

[0092] Based on the boundaries of the visible range and the height and position coordinates of the first product item displayed on the dynamic scrolling page, determine whether the first product item in the dynamic scrolling page is fully displayed;

[0093] If the first product item in the dynamically scrolling page has been fully displayed, then mark the first product item in the dynamically scrolling page as fully visible; otherwise, mark it as partially visible.

[0094] Based on the boundaries of the visible range, the height and position coordinates of the last product item displayed on the dynamic scrolling page, determine whether the last product item in the dynamic scrolling page is fully displayed;

[0095] If the last product item in a dynamically scrolling page has been fully displayed, then mark the last product item in the dynamically scrolling page as fully visible; otherwise, mark it as partially visible.

[0096] In this embodiment, in order to further improve the accuracy of product exposure judgment during scrolling, after the system identifies the second set of product items (i.e., the product items in the current visible range of the dynamically scrolling page), it continues to perform visibility subdivision processing on the first and last product items in the set.

[0097] First, use wx.createSelectorQuery() to get the top value (i.e., the vertical position of its top relative to the page) and its own height of the first product item in the dynamically scrolling page. Combine this with the current scroll offset and the top edge of the screen (usually scrollTop) to determine whether the top of the product item is within the visible area of ​​the screen. If the top of the product item is greater than or equal to the top edge of the screen and the bottom edge is less than or equal to the bottom edge of the screen, then the product item is considered to be fully visible; otherwise, it is considered to be partially visible.

[0098] Similarly, the system also retrieves the top value and height of the last product item on the current dynamic page and calculates whether its bottom position exceeds the bottom edge of the screen (scrollTop + windowHeight). If its bottom is completely within the visible range, the product item is considered fully visible; otherwise, it is considered partially visible. The system updates the visibility status of these two product items in the internal record data structure and includes this visibility tag in the exposure event report.

[0099] Through the above steps and this mechanism, the system can not only determine whether a product is within the user's current visible range, but also further determine whether it is fully displayed, thus more realistically reflecting the completeness of the content that the user may receive. This mechanism can provide stronger interpretability in data analysis, such as determining whether the click-through rate of partially visible products is lower than that of fully visible products, and assisting in the design of product sorting and optimization strategies.

[0100] Furthermore, the steps of triggering the event tracking for the first product item and marking it as visible in the preset array specifically include:

[0101] Trigger the event tracking for the first product item, generate the first index, and associate the first index with the first product item;

[0102] The first display status bit is obtained by searching for the display status bit of the first product item in the preset array according to the first index;

[0103] Update the first display status bit to the visible state.

[0104] In this embodiment, after the product items on the first screen are determined, the system immediately triggers the corresponding exposure tracking event for each product item within the visible range. The specific process is as follows: The system first traverses the set of all product items determined to be visible on the first screen, generating a unique index value for each product item, namely the first index. This index is usually generated by combining the product ID with its order in the list, used for identification and association. When the tracking event is triggered, the first index is packaged together with the product's tracking parameters (such as product ID, exposure timestamp, exposure position, visibility status, etc.), and reported through the WeChat Mini Program's wx.reportAnalytics or the enterprise's own tracking SDK. Subsequently, based on the first index, the system searches for the corresponding product record in the locally maintained product item status array and obtains its display status bit. For example, a status value of 0 indicates no exposure. Once it is confirmed that the exposure event has been triggered, the system updates the status bit to the visible state. For example, updating the status value to 1 indicates exposure, preventing the same product from being repeatedly reported during the current page's lifecycle.

[0105] Through the above steps, the system achieves a unique marker and reliable data tracking point for product exposure on the first screen, avoiding duplicate reporting and ensuring accurate and efficient data statistics.

[0106] Furthermore, the steps of triggering the event tracking for the second product item and marking it as visible in the preset array specifically include:

[0107] Trigger the event tracking for the second product item, generate the second index, and associate the second index with the second product item;

[0108] The display status bit of the second product item is found in the preset array based on the second index to obtain the second display status bit;

[0109] Update the second display status bit to the visible state.

[0110] In this embodiment, to accurately record the dynamic exposure of product items during scrolling, the system immediately performs event tracking and status update operations upon detecting a new second product item (i.e., a product item that newly enters the visible area after the user scrolls). First, the system generates a unique second index for each second product item, typically composed of the product item's unique ID in the data source combined with its position information in the list, ensuring that product items at different scrolling stages are not confused. Subsequently, the system triggers an event containing information such as product ID, visibility status (full or partial), exposure time, and page context through wx.reportAnalytics or the enterprise's self-developed data reporting module. After the event is triggered, the system searches for the corresponding record in a preset product status array using the second index and reads its current display status bit. If the product item has not yet been marked as visible, the system updates its status bit to visible (e.g., updating the status value from 0 to 1), thus ensuring that even if a product item repeatedly enters the visible area during scrolling, it will not cause duplicate event tracking.

[0111] Through the above steps, the system can dynamically and accurately record newly exposed product items during the user's scrolling process, ensuring the uniqueness of the exposure tracking points and the authenticity of the data.

[0112] Furthermore, before the step of updating the second display status bit to the visible state, the method further includes:

[0113] Identify the content displayed in the second display status bit;

[0114] Compare whether the displayed content of the second display status bit is the same as the marking status of the second product item;

[0115] If the content displayed in the second display status bit is the same as the marking status of the second product item, then the content displayed in the second display status bit is retained; otherwise, the content displayed in the second display status bit is updated to the marking status of the second product item.

[0116] In this embodiment, to ensure the accuracy and consistency of the product item's display status information, the system first reads the currently stored display status content of the product item before updating the second display status bit to the visible state. The display status content typically includes the product item's visibility markers, such as "fully visible," "partially visible," or "invisible." The system compares the current display status content with the marker status of the newly detected second product item. If they match, it means the status has not changed, and the system maintains the original status without modification, avoiding unnecessary duplicate writing and status switching. If they do not match, it means the product item's visibility status has changed, for example, from "partially visible" to "fully visible," and the system promptly updates the display status bit to the latest marker status, ensuring that the status information remains synchronized with the actual exposure.

[0117] Through the above steps, the system effectively avoids redundant status update operations, ensures the consistency and accuracy of exposure status, and improves the reliability of data tracking.

[0118] In the above embodiments, this application discloses a method for handling the exposure of scrolling views, belonging to the field of big data technology, and applied to mini-programs for displaying insurance products, medical and health products, or elderly care and health products. First, by accurately identifying the height and position coordinates of each product item and storing them in a preset array, detailed basic data is provided for subsequent exposure determination, effectively solving the problem of judgment errors caused by unclear element sizes in traditional data collection. Next, by identifying the screen size of the display device, the visible range of the user is dynamically determined, enabling exposure calculation to adapt to different terminal environments and ensuring the broad applicability of data collection. Subsequently, automatic identification and data collection triggering are performed for the exposure of products on the first screen, ensuring that the product items actually visible to the user are accurately captured when the page is first loaded, avoiding missed detections. By listening to scrolling view events and combining scrolling dwell time, product items newly entering the visible area during user scrolling are dynamically detected, and corresponding data collection is triggered, greatly reducing frequent and redundant event triggering and optimizing system resource consumption. This application enables accurate identification and real-time reporting of product exposure, improves data integrity and reliability, reduces interference from invalid data, and greatly enhances the business system's ability to understand user behavior and its response speed.

[0119] In this embodiment, the scroll view's embedded exposure processing method runs on an electronic device (e.g., Figure 1 The server shown can receive commands or acquire data via wired or wireless connections. It should be noted that the aforementioned wireless connection methods may include, but are not limited to, 3G / 4G connections, Wi-Fi connections, Bluetooth connections, Wi-Fi connections, Zigbee connections, UWB (ultra-wideband) connections, and other currently known or future wireless connection methods.

[0120] It should be emphasized that, to further ensure the privacy and security of the aforementioned product information, this product information can also be stored in a blockchain node.

[0121] The blockchain referred to in this application is a novel application model of computer technologies such as distributed data storage, peer-to-peer transmission, consensus mechanisms, and encryption algorithms. Essentially, a blockchain is a decentralized database, a chain of data blocks linked together using cryptographic methods. Each data block contains information about a batch of network transactions, used to verify the validity of the information (anti-counterfeiting) and generate the next block. A blockchain can include an underlying blockchain platform, a platform product service layer, and an application service layer.

[0122] The embodiments of this application can acquire and process relevant data based on artificial intelligence technology. Artificial intelligence (AI) is the theory, method, technology, and application system that uses digital computers or machines controlled by digital computers to simulate, extend, and expand human intelligence, perceive the environment, acquire knowledge, and use that knowledge to obtain optimal results.

[0123] Foundational technologies for artificial intelligence generally include sensors, dedicated AI chips, cloud computing, distributed storage, big data processing, operating / interactive systems, and mechatronics. AI software technologies mainly encompass computer vision, robotics, biometrics, speech processing, natural language processing, and machine learning / deep learning.

[0124] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by instructing related hardware through computer-readable instructions. These computer-readable instructions can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the embodiments of the methods described above. The aforementioned storage medium can be a non-volatile storage medium such as a magnetic disk, optical disk, or read-only memory (ROM), or random access memory (RAM).

[0125] It should be understood that although the steps in the flowcharts of the accompanying figures are shown sequentially as indicated by the arrows, these steps are not necessarily executed in the order indicated by the arrows. Unless explicitly stated herein, there is no strict order restriction on the execution of these steps, and they can be executed in other orders. Moreover, at least some steps in the flowcharts of the accompanying figures may include multiple sub-steps or multiple stages. These sub-steps or stages are not necessarily completed at the same time, but can be executed at different times, and their execution order is not necessarily sequential, but can be performed alternately or in turn with other steps or at least some of the sub-steps or stages of other steps.

[0126] Further reference Figure 3 As a response to the above Figure 2 The implementation of the method shown in this application provides an embodiment of a device for processing embedded exposure points in a scrolling view. This device embodiment is similar to... Figure 2 Corresponding to the method embodiments shown, this device can be specifically applied to various electronic devices.

[0127] like Figure 3 As shown, the mounting point exposure processing device 300 for the scrolling view described in this embodiment includes:

[0128] The product item parameter recognition module 301 is used to recognize the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array;

[0129] The screen size recognition module 302 is used to recognize the screen size of the display device and determine the user's visible range based on the screen size.

[0130] The first product item determination module 303 is used to determine the product items to be displayed on the first screen page based on the visible range after the page to be displayed is loaded, so as to obtain the first product item.

[0131] The first event tracking module 304 is used to trigger the event tracking of the first product item and mark the first product item as visible in the preset array.

[0132] The second product item determination module 305 is used to listen to scroll view events, determine the dynamic scroll page, and determine the product items of the dynamic scroll page based on the visible range, so as to obtain the second product item.

[0133] The second tracking trigger module 306 is used to trigger the tracking event of the second product item and mark the second product item as visible in the preset array.

[0134] Furthermore, the first product item determination module 303 specifically includes:

[0135] Visible range height recognition unit, used to identify the height of the visible range;

[0136] The first height accumulation unit is used to accumulate the height of the first product item on the first screen page until the accumulated height of the product item is greater than the height of the visible range, and then determine the product item displayed on the first screen page.

[0137] The first product item determination unit is used to count the product items that participate in the high-level accumulation to obtain the first product item.

[0138] Furthermore, the first height accumulation unit specifically includes:

[0139] The notification bar height and product item spacing recognition subunit is used to identify the height of the notification bar on the display device and the spacing between each product item;

[0140] The height accumulation sub-unit is used to accumulate the height of the notification bar, the height of each product item, and the spacing between each product item until the accumulated height of the product item is greater than the height of the visible range, thus determining the product items displayed on the first screen.

[0141] Furthermore, the mounting point exposure processing device 300 for the scrolling view also includes:

[0142] The visible range boundary recognition module is used to identify the boundaries of the visible range.

[0143] The first complete display judgment module is used to determine whether the last product item in the first screen is fully displayed based on the boundary of the visible range, the height and position coordinates of the last product item displayed on the first screen page;

[0144] The first judgment result module is used to mark the last product item on the first screen as fully visible if the last product item on the first screen has been fully displayed; otherwise, it is marked as partially visible.

[0145] Furthermore, the second product item determination module 305 specifically includes:

[0146] The dwell time statistics unit is used to listen for scroll view events and count the scroll dwell time.

[0147] The scrolling page determination unit is used to determine the scrolling page as a dynamic scrolling page if the scrolling dwell time is greater than or equal to a preset time threshold.

[0148] The second height accumulation unit is used to accumulate the height of a product item starting from the first product item on a dynamically scrolling page until the accumulated height of the product item is greater than the height of the visible range, thus determining the product item displayed on the dynamically scrolling page.

[0149] The second product item determination unit is used to count the product items that participate in the high-level accumulation to obtain the second product item.

[0150] Furthermore, the mounting point exposure processing device 300 for the scrolling view also includes:

[0151] The second complete display judgment module is used to determine whether the first product item in the dynamic scrolling page is fully displayed based on the boundary of the visible range, the height and position coordinates of the first product item displayed on the dynamic scrolling page;

[0152] The second judgment result module is used to mark the first product item in the dynamic scrolling page as fully visible if the first product item in the dynamic scrolling page has been fully displayed; otherwise, it is marked as partially visible.

[0153] The third complete display judgment module is used to determine whether the last product item in the dynamic scrolling page is fully displayed based on the boundary of the visible range, the height and position coordinates of the last product item displayed on the dynamic scrolling page;

[0154] The third judgment result module is used to mark the last product item in the dynamically scrolling page as fully visible if the last product item in the dynamically scrolling page has been fully displayed; otherwise, it is marked as partially visible.

[0155] Furthermore, the first event trigger module 304 specifically includes:

[0156] The first index unit is used to trigger the tracking event of the first product item, generate the first index, and associate the first index with the first product item;

[0157] The first status bit lookup unit is used to look up the display status bit of the first product item in a preset array according to the first index, and obtain the first display status bit.

[0158] The first status bit update unit is used to update the first display status bit to the visible state.

[0159] Furthermore, the second event trigger module 306 specifically includes:

[0160] The second index unit is used to trigger the tracking event of the second product item, generate the second index, and associate the second index with the second product item;

[0161] The second status bit lookup unit is used to look up the display status bit of the second product item in a preset array according to the second index, and obtain the second display status bit.

[0162] The second status bit update unit is used to update the second display status bit to the visible state.

[0163] Furthermore, the mounting point exposure processing device 300 for the scrolling view also includes:

[0164] The display content recognition module is used to recognize the display content of the second display status bit;

[0165] The display content comparison module is used to compare whether the display content of the second display status bit is the same as the marking status of the second product item;

[0166] The display content update module is used to retain the display content of the second display status bit if the display content of the second display status bit is the same as the marking status of the second product item; otherwise, it updates the display content of the second display status bit to the marking status of the second product item.

[0167] In the above embodiments, this application discloses a tracking and exposure processing device for scrolling views, belonging to the field of big data technology, and applied to mini-programs for displaying insurance products, medical and health products, or elderly care and health products. First, by accurately identifying the height and position coordinates of each product item and storing them in a preset array, detailed basic data is provided for subsequent exposure determination, effectively solving the problem of judgment errors caused by unclear element sizes in traditional tracking methods. Next, by identifying the screen size of the display device, the visible range for the user is dynamically determined, enabling exposure calculation to adapt to different terminal environments and ensuring the broad applicability of data collection. Subsequently, automatic identification and tracking triggering are performed for the exposure of products on the first screen, ensuring that the product items actually visible to the user are accurately captured when the page is first loaded, avoiding missed detections. By listening to scrolling view events and combining scrolling dwell time, product items newly entering the visible area during user scrolling are dynamically detected, and corresponding tracking points are triggered, greatly reducing frequent and redundant event triggering and optimizing system resource consumption. This application enables accurate identification and real-time reporting of product exposure, improves data integrity and reliability, reduces interference from invalid data, and greatly enhances the business system's ability to understand user behavior and its response speed.

[0168] To address the aforementioned technical problems, embodiments of this application also provide a computer device. Please refer to [link / reference needed]. Figure 4 , Figure 4 This is a basic structural block diagram of the computer device in this embodiment.

[0169] The computer device 4 includes a memory 41, a processor 42, and a network interface 43 that are interconnected via a system bus. It should be noted that only the computer device 4 with memory 41, processor 42, and network interface 43 is shown in the figure; however, it should be understood that it is not required to implement all the components shown, and more or fewer components can be implemented alternatively. Those skilled in the art will understand that the computer device described here is a device capable of automatically performing numerical calculations and / or information processing according to pre-set or stored instructions, and its hardware includes, but is not limited to, microprocessors, application-specific integrated circuits (ASICs), field-programmable gate arrays (FPGAs), digital signal processors (DSPs), embedded devices, etc.

[0170] The computer device can be a desktop computer, laptop, handheld computer, or cloud server, etc. The computer device can interact with the user via a keyboard, mouse, remote control, touchpad, or voice control.

[0171] The memory 41 includes at least one type of readable storage medium, including flash memory, hard disk, multimedia card, card-type memory (e.g., SD or DX memory), random access memory (RAM), static random access memory (SRAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), programmable read-only memory (PROM), magnetic memory, magnetic disk, optical disk, etc. In some embodiments, the memory 41 may be an internal storage unit of the computer device 4, such as the hard disk or memory of the computer device 4. In other embodiments, the memory 41 may also be an external storage device of the computer device 4, such as a plug-in hard disk, smart media card (SMC), secure digital (SD) card, flash card, etc., equipped on the computer device 4. Of course, the memory 41 may also include both the internal storage unit and its external storage device of the computer device 4. In this embodiment, the memory 41 is typically used to store the operating system and various application software installed on the computer device 4, such as computer-readable instructions for the scrolling view embedding exposure processing method. In addition, the memory 41 can also be used to temporarily store various types of data that have been output or will be output.

[0172] In some embodiments, the processor 42 may be a central processing unit (CPU), controller, microcontroller, microprocessor, or other data processing chip. The processor 42 is typically used to control the overall operation of the computer device 4. In this embodiment, the processor 42 is used to execute computer-readable instructions stored in the memory 41 or to process data, such as executing computer-readable instructions for the embedded point exposure processing method of the scrolling view.

[0173] The network interface 43 may include a wireless network interface or a wired network interface, which is typically used to establish communication connections between the computer device 4 and other electronic devices.

[0174] This application also provides an implementation method, namely, a computer device including a memory and a processor. The memory stores computer-readable instructions, and the processor, when executing the computer-readable instructions, implements the steps of the above-described scroll view embedding exposure processing method, that is, it implements:

[0175] A method for handling the exposure of embedded points in a scrolling view includes:

[0176] Identify the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array;

[0177] Identify the screen size of the display device and determine the user's visible range based on the screen size;

[0178] After the page to be displayed is loaded, the product items to be displayed on the first screen are determined based on the visible range, and the first product item is obtained.

[0179] Trigger the event tracking for the first product item and mark it as visible in the preset array;

[0180] Listen for scroll view events, determine the dynamically scrolling page, and identify the product items on the dynamically scrolling page based on the visible range, thus obtaining the second product item;

[0181] Trigger the event tracking for the second product item and mark it as visible in the preset array.

[0182] This application also provides another embodiment, namely, a computer-readable storage medium storing computer-readable instructions that can be executed by at least one processor to cause the at least one processor to perform the steps of the above-described scroll view embedding exposure processing method, i.e., to implement:

[0183] A method for handling the exposure of embedded points in a scrolling view includes:

[0184] Identify the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array;

[0185] Identify the screen size of the display device and determine the user's visible range based on the screen size;

[0186] After the page to be displayed is loaded, the product items to be displayed on the first screen are determined based on the visible range, and the first product item is obtained.

[0187] Trigger the event tracking for the first product item and mark it as visible in the preset array;

[0188] Listen for scroll view events, determine the dynamically scrolling page, and identify the product items on the dynamically scrolling page based on the visible range, thus obtaining the second product item;

[0189] Trigger the event tracking for the second product item and mark it as visible in the preset array.

[0190] Through the above description of the embodiments, those skilled in the art can clearly understand that the methods of the above embodiments can be implemented by means of software plus necessary general-purpose hardware platforms. Of course, they can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, can be embodied in the form of a software product. This computer software product is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), and includes several instructions to cause a terminal device (which may be a mobile phone, computer, server, air conditioner, or network device, etc.) to execute the methods described in the various embodiments of this application.

[0191] This application can be used in a wide variety of general-purpose or special-purpose computer system environments or configurations. Examples include: personal computers, server computers, handheld or portable devices, tablet devices, multiprocessor systems, microprocessor-based systems, set-top boxes, programmable consumer electronics devices, network PCs, minicomputers, mainframe computers, and distributed computing environments including any of the above systems or devices. This application can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc., that perform specific tasks or implement specific abstract data types. This application can also be practiced in distributed computing environments where tasks are performed by remote processing devices connected via a communication network. In distributed computing environments, program modules can reside in local and remote computer storage media, including storage devices.

[0192] It should be noted that the software tools or components not belonging to this company that appear in the various embodiments of this application are merely illustrative examples and do not represent actual use.

[0193] Obviously, the embodiments described above are only some embodiments of this application, not all embodiments. The accompanying drawings show preferred embodiments of this application, but do not limit the patent scope of this application. This application can be implemented in many different forms; rather, the purpose of providing these embodiments is to provide a more thorough and comprehensive understanding of the disclosure of this application. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art can still modify the technical solutions described in the foregoing specific embodiments, or make equivalent substitutions for some of the technical features. Any equivalent structures made using the content of this application's specification and drawings, directly or indirectly applied to other related technical fields, are similarly within the scope of patent protection of this application.

Claims

1. A method for handling the exposure of embedded points in a scrolling view, characterized in that, include: Identify the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array; Identify the screen size of the display device and determine the user's visible range based on the screen size; After the page to be displayed is loaded, the product items to be displayed on the first screen are determined based on the visible range, thus obtaining the first product item; Trigger the event tracking for the first product item and mark the first product item as visible in the preset array; Listen for scroll view events, determine the dynamically scrolling page, and determine the product items on the dynamically scrolling page based on the visible range, thus obtaining the second product item; Trigger the event tracking for the second product item and mark it as visible in the preset array.

2. The method for processing the embedded exposure of a scrolling view as described in claim 1, characterized in that, The step of determining the product items to be displayed on the first screen based on the visible range after the page to be displayed has been loaded, and obtaining the first product item, specifically includes: Identify the height of the visible range; For the first screen page, the height is incremented starting from the first product item on the first screen page until the incremented height of the product item is greater than the height of the visible range, and then the product items displayed on the first screen page are determined. The first product item is obtained by statistically analyzing the product items that participate in the high accumulation.

3. The method for processing the embedded exposure of a scrolling view as described in claim 2, characterized in that, The step of determining the product items to be displayed on the first screen by accumulating the height from the first product item on the page to be displayed until the accumulated height of the product items is greater than the height of the visible range interval specifically includes: Identify the height of the notification bar on the display device, as well as the spacing between each of the product items; The height of the notification bar, the height of each product item, and the spacing between each product item are summed up until the summed height of the product items is greater than the height of the visible range, and then the product items displayed on the first screen are determined.

4. The method for processing the embedded exposure of a scrolling view as described in claim 3, characterized in that, The visible state includes fully visible and partially visible. After the step of determining the product items to be displayed on the first screen based on the visible range after the page to be displayed has been loaded, the method further includes: Identify the boundaries of the visible range; Based on the boundaries of the visible range and the height and position coordinates of the last product item displayed on the first screen, determine whether the last product item on the first screen is fully displayed. If the last product item on the first screen has been fully displayed, then the last product item on the first screen is marked as fully visible; otherwise, it is marked as partially visible.

5. The method for processing the embedded exposure of a scrolling view as described in claim 4, characterized in that, The steps of listening to scroll view events, determining the dynamically scrolling page, and identifying the product items on the dynamically scrolling page based on the visible range to obtain the second product item specifically include: Listen for the scroll view events and count the scroll dwell time; If the scrolling dwell time is greater than or equal to a preset time threshold, then the scrolling dwell page is determined as the dynamic scrolling page; For the dynamic scrolling page, the height is accumulated starting from the first product item on the dynamic scrolling page until the accumulated height of the product item is greater than the height of the visible range, and then the product item displayed on the dynamic scrolling page is determined. The second product item is obtained by statistically analyzing the product items that participate in the high accumulation.

6. The method for processing the embedded exposure of a scrolling view as described in claim 5, characterized in that, After the steps of listening to the scroll view event, determining the dynamically scrolling page, and determining the product items of the dynamically scrolling page based on the visible range to obtain the second product item, the method further includes: Based on the boundaries of the visible range and the height and position coordinates of the first product item displayed on the dynamic scrolling page, determine whether the first product item in the dynamic scrolling page is fully displayed; If the first product item in the dynamic scrolling page has been fully displayed, then the first product item in the dynamic scrolling page is marked as fully visible; otherwise, it is marked as partially visible. Based on the boundaries of the visible range, the height and position coordinates of the last product item displayed on the dynamic scrolling page, determine whether the last product item in the dynamic scrolling page is fully displayed; If the last product item in the dynamic scrolling page has been fully displayed, then the last product item in the dynamic scrolling page is marked as fully visible; otherwise, it is marked as partially visible.

7. The method for embedding exposure in a scrolling view as described in any one of claims 1 to 6, characterized in that, The step of triggering the event tracking of the first product item and marking the first product item as visible in the preset array specifically includes: Trigger the event tracking for the first product item, generate the first index, and associate the first index with the first product item; The first display status bit is obtained by searching the preset array according to the first index; Update the first display status bit to the visible state; The step of triggering the event tracking of the second product item and marking the second product item as visible in the preset array specifically includes: Trigger the event tracking for the second product item, generate the second index, and associate the second index with the second product item; The second display status bit is obtained by searching for the display status bit of the second product item in the preset array according to the second index; Update the second display status bit to the visible state; Before the step of updating the second display status bit to a visible state, the method further includes: Identify the content displayed in the second display status bit; Compare whether the displayed content of the second display status bit is the same as the marking status of the second product item; If the displayed content of the second display status bit is the same as the marking status of the second product item, then the displayed content of the second display status bit is retained; otherwise, the displayed content of the second display status bit is updated to the marking status of the second product item.

8. A device for embedded point exposure processing of a scrolling view, characterized in that, include: The product item parameter recognition module is used to identify the height and position coordinates of each product item on the page to be displayed, and store the height and position coordinates of each product item into a preset array; A screen size recognition module is used to identify the screen size of the display device and determine the user's visible range based on the screen size; The first product item determination module is used to determine the product item to be displayed on the first screen page based on the visible range after the page to be displayed is loaded, so as to obtain the first product item. The first event tracking module is used to trigger the event tracking of the first product item and mark the first product item as visible in the preset array. The second product item determination module is used to listen for scroll view events, determine the dynamic scroll page, and determine the product items of the dynamic scroll page based on the visible range, thereby obtaining the second product item. The second tracking trigger module is used to trigger the tracking event of the second product item and mark the second product item as visible in the preset array.

9. A computer device, characterized in that, The device includes a memory and a processor, wherein the memory stores computer-readable instructions, and the processor executes the computer-readable instructions to implement the steps of the embedded exposure processing method for a scrolling view as described in any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer-readable instructions, which, when executed by a processor, implement the steps of the embedded exposure processing method for a scrolling view as described in any one of claims 1 to 7.

Images