CN114329278A - Processing method and device of search result page, electronic equipment and storage medium - Google Patents
Processing method and device of search result page, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN114329278A CN114329278A CN202111659750.6A CN202111659750A CN114329278A CN 114329278 A CN114329278 A CN 114329278A CN 202111659750 A CN202111659750 A CN 202111659750A CN 114329278 A CN114329278 A CN 114329278A
- Authority
- CN
- China
- Prior art keywords
- banner
- image
- page
- native
- rendering
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The disclosure provides a processing method, a processing device and a storage medium of a search result page, and relates to the technical field of computers, in particular to the technical field of intelligent search. The specific implementation scheme is as follows: acquiring the banner parameter information in a response result of the search request; the banner parameter information comprises an image identifier of a banner image; rendering a banner area in a search result page according to the banner parameter information to obtain a banner result comprising a banner image; synthesizing the result of the column and the page of the hypertext content; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result. The embodiment of the disclosure can realize the immersive pigsty effect.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a method and an apparatus for processing a search result page, an electronic device, and a computer-readable storage medium.
Background
A Search Engine Results Page (SERP) refers to a result page fed back by a Search engine for a Search request. The mobile search engine may employ a Hybrid App (mixed mode mobile application) mode, the header banner in the search results page may be implemented by the client code (i.e., NA side), and the search results content may be carried in hypertext 5.0(HTML5, H5 for short).
How to generate and control a search result page in the process of providing search services for users belongs to an important problem in the industry.
Disclosure of Invention
The disclosure provides a processing method and device for a search result page, an electronic device and a storage medium.
According to an aspect of the present disclosure, there is provided a method of processing a search result page, including:
acquiring the banner parameter information in a response result of the search request; the banner parameter information comprises an image identifier of a banner image;
rendering a banner area in a search result page according to the banner parameter information to obtain a banner result comprising a banner image;
synthesizing the result of the column and the page of the hypertext content; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result.
According to still another aspect of the present disclosure, there is provided a search result page processing apparatus including:
the system comprises a banner parameter acquisition module, a banner parameter acquisition module and a search module, wherein the banner parameter acquisition module is used for acquiring banner parameter information in a response result of a search request; the banner parameter information comprises an image identifier of a banner image;
the banner rendering module is used for rendering a banner area in a search result page according to the banner parameter information to obtain a banner result comprising a banner image;
the synthesis module is used for synthesizing the banner result and the hypertext content page; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result.
According to still another aspect of the present disclosure, there is provided an electronic device including:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein the content of the first and second substances,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform a method of processing a search results page provided by any embodiment of the disclosure.
According to yet another aspect of the present disclosure, there is provided a non-transitory computer readable storage medium storing computer instructions for causing a computer to perform a method of processing a search result page provided by any of the embodiments of the present disclosure.
According to yet another aspect of the present disclosure, there is provided a computer program product comprising a computer program which, when executed by a processor, implements a method of processing a search results page provided by any of the embodiments of the present disclosure.
It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present disclosure, nor do they limit the scope of the present disclosure. Other features of the present disclosure will become apparent from the following description.
Drawings
The drawings are included to provide a better understanding of the present solution and are not to be construed as limiting the present disclosure. Wherein:
FIG. 1a is a schematic diagram of a processing method of a search result page according to an embodiment of the present disclosure;
FIG. 1b is a schematic illustration of a search results page of the related art as a result of splitting;
FIG. 2a is a schematic diagram of another search results page processing method provided in accordance with an embodiment of the present disclosure;
fig. 2b and fig. 2c are schematic structural diagrams of a search result page provided according to an embodiment of the present disclosure;
FIG. 2d is a schematic structural diagram of a native image layer provided in accordance with an embodiment of the present disclosure;
FIG. 3a is a schematic diagram of a processing method of a search result page provided according to an embodiment of the present disclosure;
FIG. 3b is a schematic diagram of a pull-down process of a content page H5 according to an embodiment of the present disclosure;
FIG. 4a is a schematic diagram of a processing method of a search result page provided according to an embodiment of the present disclosure;
FIG. 4b is a schematic diagram of a sliding process of a content page H5 according to an embodiment of the present disclosure;
FIG. 4c is a schematic diagram of another H5 content page upsliding process provided in accordance with an embodiment of the present disclosure;
FIG. 5 is a schematic diagram of a processing device for a search results page provided in accordance with an embodiment of the present disclosure;
FIG. 6 is a block diagram of an electronic device for implementing a method of processing a search results page of an embodiment of the present disclosure.
Detailed Description
Exemplary embodiments of the present disclosure are described below with reference to the accompanying drawings, in which various details of the embodiments of the disclosure are included to assist understanding, and which are to be considered as merely exemplary. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present disclosure. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
The scheme provided by the embodiment of the disclosure is described in detail below with reference to the accompanying drawings.
Fig. 1a is a schematic diagram of a processing method of a search result page according to an embodiment of the present disclosure, which is applicable to a case where a search result page is constructed. The method may be performed by a processing device of a search result page, which may be implemented in hardware and/or software, and may be a client, i.e. the NA (native) side in a mobile search application. The apparatus may be configured in an electronic device. Referring to fig. 1a, the method specifically includes the following:
s110, acquiring the banner parameter information in a response result of the search request; the banner parameter information comprises an image identifier of a banner image;
s120, rendering a banner area in a search result page according to the banner parameter information to obtain a banner result comprising a banner image;
s130, synthesizing the banner result and the hypertext content page; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result.
In the embodiment of the present disclosure, the mobile search application is a mixed application of NA + H5, a client (NA side) in the mobile search application may initiate a search request according to a user search operation, a front end of H5 side in the mobile search application requests a response result of the search request from a server, the response result includes the wildcard parameter information and search result content, and the front end of H5 side may transmit the wildcard parameter information to the client through a protocol tag (e.g., an iframe tag).
In the disclosed embodiment, the search result page may include a banner area and a search content area, and the search content area may be located at an upper layer of the banner area. The banner parameter information may include banner background color information, image identification of the banner image (e.g., image url), and the like. The client side can determine the banner image according to the image identifier of the banner image, and render the banner area according to the banner background color information and the banner image to obtain a banner result. Also, the H5 side front end may render a search content area in a search results page with search results content to obtain a hypertext content page, such as the H5 content page.
Specifically, the client may synthesize the banner result and the H5 content, for example, setting the H5 content as an upper layer of the banner result. In the process of synthesizing the banner result and the content of H5, the background color of the hypertext content page may be set to be transparent, so as to obtain a search result page of the search request, specifically, the client may further set the background color of the content page of H5 to be transparent, for example, by executing a CSS (Cascading Style Sheets) Style configured for the content page of H5 in advance, the background display of the content page of H5 may be set to be transparent, so that the search content area may show the banner result in the banner area, thereby avoiding the background color of the content page of H5 from blocking the banner result. The rendering and displaying of the banner image are realized by placing the rendering and displaying of the banner image on the NA side, so that the banner image in the search result page is separated from the H5 content page, the scrolling operation on the H5 content page only acts on the H5 content page and does not act on the banner image, the influence of the scrolling operation on the H5 content page on the banner image is avoided, and the displaying of the banner image is controlled by the client, so that the displaying effect of the banner image can be flexibly adjusted through the client.
In the related art, the banner image and the H5 content page are both rendered on the H5 side, so that the banner image can be controlled only by the H5 side, and the client cannot control the display of the banner image. Referring to FIG. 1b, a split may occur between the banner image and the H5 content page during the H5 content page pull-down, slide-up, etc. movement. The embodiment of the disclosure realizes the display and control of the banner image by putting the banner image to the client, can keep the consistency between the banner result in the search result page and the H5 content page, avoids the problem of splitting, and can realize the immersive banner effect.
According to the technical scheme, the display and the control of the banner images in the banner areas are achieved by being placed to the client side, so that the client can flexibly control the banner images, the consistency between the banner results and the H5 content pages in the search result pages can be kept, the problem of splitting can be avoided, the immersive banner effect is achieved, and the user experience is improved.
Fig. 2a is a schematic diagram of another processing method of a search result page provided according to an embodiment of the present disclosure. The present embodiment is an alternative proposed on the basis of the above-described embodiments. Referring to fig. 2a, the processing method of the search result page provided by the present embodiment includes:
s210, acquiring the banner parameter information in the response result of the search request; the banner parameter information comprises an image identifier of a banner image;
s220, rendering the native background color layer and the native main color layer by adopting color information in the banner parameter information to obtain a native background color and a native main color;
in an alternative embodiment, the banner region includes a native background color layer, a native primary color layer, and a native image layer; and the native image layer is used for rendering according to the image identifier of the banner image to obtain the banner image.
S230, downloading an image by adopting the image identifier in the banner parameter information, and rendering the native image layer by adopting the downloaded image to obtain a banner image;
s240, synthesizing the native background color, the native main color and the banner image to obtain a banner result;
s250, synthesizing the result of the column and the page of the hypertext content; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result.
Fig. 2b and fig. 2c are schematic structural diagrams of a search result page provided according to an embodiment of the present disclosure. Referring to fig. 2b, the search result page includes a banner area 21 and a search content area 22, wherein rendering and presentation of the banner area may be performed collectively by the client side and rendering and presentation of the search content area may be performed by the H5 side. The banner region may include a native background color layer 211, a native main color layer 212, and a native image layer 213, wherein the native main color layer 212 is located on the native background color layer 211, and the native image layer 213 is located on the native main color layer 212.
The banner parameter information may include background color information, main color information, and image identification. Specifically, the application client may render the native background color layer with the background color information to obtain a native background color, may render the native main color layer with the main color information to obtain a native main color, may download the banner image with the picture identifier, and render the banner image in the native image layer; and synthesizing the native background color, the native main color and the full bar image to obtain a full bar result. Specifically, the primary main color layer may be a pure color layer or a gradient layer. In the case of a fade layer, the main color information may include a start fade color, an end fade color, a fade height, a fade direction, and the like. The side H5 can render the search content area according to the search result content to obtain an H5 content page. The search content area 22 may include at least two search result contents, which may be presented in card form.
Referring to fig. 2c, after the completion result is obtained on the NA side, the completion result on the NA side and the H5 content page on the H5 side may be synthesized, and the synthesized result is used as a search result page of the search request in which the search box 210 belongs to the native content. It should be noted that the native image layer may include a mask layer. Fig. 2d is a schematic structural diagram of a native image layer provided according to an embodiment of the present disclosure, and referring to fig. 2d, the native image layer may include an image view sub-area 2131 and a mask sub-area 2132, the view sub-area 2131 is used for presenting a banner image, and a client may control presentation of the banner image in the image view sub-area 2131 through the mask sub-area 2132. In the original search result page loaded in response to the search request, the bottom position of the masking sub-area 2132 is lower than the bottom position of the first piece of search content in the search content area (may also be referred to as the bottom position of the header card).
The native image layer may be a native picture layer, and the banner image may be a banner picture or a banner video. And under the condition that the native image layer is the native picture layer, the client can display the native main color and download the native picture. If the native picture is downloaded successfully, the client can display the native picture; if the downloading of the native picture fails, the native main color can be continuously displayed. Also, during the H5 content page rendering process, the background color of the H5 content page may be set to transparent. Through mutual cooperation of the native background color layer, the native main color layer and the native image layer in the banner region, the banner result not only comprises a banner image, but also comprises a background color and a main color, the consistency of the banner result and an H5 content page can be still kept in the banner image rendering process, and the immersive banner effect is achieved.
The primary image layer can also be a primary animation layer and is used for displaying the primary animation, the primary animation is an upgrading form of a primary picture, the browsing range can be more effectively set off, the immersion perception of a search result page is improved, and powerful support is provided for a more diversified service design form.
In an optional implementation, the rendering, with the downloaded image, a native image layer in the generic image area to obtain a generic image includes: under the condition that the native image layer is a native dynamic effect layer, rendering the native image layer by adopting a background banner picture in the downloaded banner video to obtain the background banner picture; and playing the banner video above the background banner picture to obtain a banner dynamic effect.
The original image layer may be an original live layer. Under the condition that the native image layer is the native dynamic effect layer, the client can also check the model and the banner video of the user equipment to which the client belongs, and can also detect the network quality of the user equipment, the client can download the background banner picture in the banner video according to the image identifier under the condition that the model and the banner video are checked to pass, and the network quality meets the requirement, and can show the background banner picture to carry out bottom-of-pocket display under the condition that the background banner picture is successfully downloaded, and continue to download the banner video, and can play the banner video under the condition that the banner video is successfully downloaded. The client can show the banner video and hide the background banner picture through a cover layer.
It should be noted that the client may cache the downloaded banner picture and banner video, and does not need to download again in the subsequent process of entering the search result page, so that the loading efficiency of the search result page may be improved.
According to the technical scheme, the new search result page structure is provided, the banner result is constructed based on the new structure, the consistency of the banner result and the H5 content page is kept, and the immersive banner effect is achieved.
Fig. 3a is a schematic diagram of another processing method of a search result page provided according to an embodiment of the present disclosure. The present embodiment is an alternative proposed on the basis of the above-described embodiments. Referring to fig. 3a, the processing method of the search result page provided by the present embodiment includes:
s310, acquiring the banner parameter information in the response result of the search request; the banner parameter information comprises an image identifier of a banner image;
s320, rendering a banner area in the search result page according to the banner parameter information to obtain a banner result comprising a banner image;
s330, synthesizing the banner result and the hypertext content page; the hypertext content page is obtained by rendering a search content area in a search result page by adopting search result content in the response result;
s340, obtaining a pull-down distance of the hypertext content page in a pull-down process, and enabling the banner image to zoom along with the pull-down distance;
and S350, adjusting the size of the banner image according to the pull-down distance.
Fig. 3b is a schematic diagram of a pull-down process of an H5 content page provided according to an embodiment of the present disclosure, and referring to fig. 3b, in the pull-down process, a current page start position of a hypertext content page is lower than an original page start position, and a pull-down distance may be a distance between the current page start position and the original page start position. The original page starting position of the hypertext content page refers to the page starting position of the hypertext content page in the case that the hypertext content page is not originally moved. And, the pull-down process may include a pull-down direction from the original page starting position to the current page starting position, and may also include a pull-down callback direction from the current page starting position to the original page starting position until the H5 content page is restored to the original page starting position. Specifically, the H5 side may control the H5 content page to move down according to a pull-down operation on the H5 content page, and may also control the H5 content page to move up according to a pull-back operation on the H5 content page. The client can obtain the pull-down distance of the hypertext content page from the side of H5, and adjust the size of the banner image according to the pull-down distance. Note that the top position of the search result page is higher than the bottom position of the search result page.
Specifically, the banner image can be enlarged in the process of moving the page of the hypertext content in the pull-down direction, and the banner image can be reduced in the process of moving the page of the hypertext content in the pull-down direction, so that the banner image moves along with the page of the hypertext content.
In an alternative embodiment, resizing the generic image in accordance with the pull-down distance includes: determining the adjustment proportion of the image of the whole column by the following formula:
scale＝(imageheight+scroll)/imageheight
wherein, scale is the adjustment proportion of the full bar image, imageheight is the original height of the full bar image, and scroll is the pull-down distance of the hypertext content page.
The adjustment proportion of the full bar image is determined according to the original height of the full bar image and the pull-down distance of the hypertext content page, and the full bar image is adjusted by adopting the adjustment proportion of the full bar image, so that the full bar image can be zoomed along with the full bar image, and the split feeling is avoided.
According to the technical scheme, the method and the device for displaying the hypertext content page have the advantages that the banner image is zoomed along with the client in the process of pulling down the hypertext content page, so that the zoomed banner image is connected with the moved hypertext content page without cracks, and the hypertext content page can be prevented from generating a split feeling in the process of pulling down the hypertext content page.
Fig. 4a is a schematic diagram of another processing method of a search result page provided according to an embodiment of the present disclosure. The present embodiment is an alternative proposed on the basis of the above-described embodiments. Referring to fig. 4a, the processing method of the search result page provided by the present embodiment includes:
s410, acquiring the banner parameter information in the response result of the search request; the banner parameter information comprises an image identifier of a banner image;
s420, rendering a banner area in the search result page according to the banner parameter information to obtain a banner result comprising a banner image;
s430, synthesizing the banner result and the hypertext content page; the hypertext content page is obtained by rendering the search content area in the search result page by adopting the search result content in the response result
S440, under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than a threshold value of a closed position of a closed column, controlling the closed column image to fade away and controlling the background color of the hypertext content page to recover;
s450, under the condition that the initial position of the current page in the process of the upward sliding and returning of the hypertext content page is lower than the threshold value of the closed position of the full column, controlling the image of the full column to be gradually shown, and setting the background color of the hypertext content page to be transparent again.
Fig. 4b is a schematic diagram of a upsliding process of an H5 content page, referring to fig. 4b, in the upsliding process, a current page starting position of the hypertext content page is higher than an original page starting position, and the upsliding process may include an upsliding direction from the original page starting position to the current page starting position and may also include an upsliding back direction from the current page starting position to the original page starting position. Specifically, the H5 side may control the H5 content page to move upward according to the upward slide-up operation on the H5 content page, and may also control the H5 content page to move upward according to the downward slide-up callback operation on the H5 content page until the H5 content page returns to the original page start position.
Referring to FIG. 4b, the client may obtain the current page start position of the hypertext content page during the sliding up from side H5; under the condition that the initial position of the current page is lower than the threshold value of the closed position, the closed image can be kept unchanged until the initial position of the current page is higher than the threshold value of the closed position, the client can control the closed image to disappear in a fading effect, and can control the hypertext content page to restore to the background color from transparent. That is, when the current page start position of the H5 content page is higher than the threshold of the closed-column position, the colors of the closed-column region and the search content region in the search region are consistent and are both the background color of the H5 content page.
The client can also acquire the current page starting position of the hypertext content page in the process of the upslide callback from the side H5; under the condition that the initial position of the current page is higher than the threshold value of the hidden position of the full column, the full column image can be kept in a disappearing state, and the hypertext content page can be kept in a background color until the initial position of the current page is lower than the threshold value of the hidden position of the full column, the client can control the full column image to appear in a fading effect, and the background color of the hypertext content page can be set to be transparent. Under the condition that the current page starting position of the H5 content page is lower than the threshold value of the closed column hiding position, the closed column image is displayed through the closed column area in the search area, the background color of the H5 content page is hidden, and the condition that the background color of the H5 content page obstructs the closed column image is avoided. In the process of sliding on the hypertext content page, the client side enables the display of the banner image to be consistent with that of the H5 content page by adjusting the display of the banner image and the background color of the H5 content page, the immersive banner effect is further improved, and the user experience is improved.
If the banner image is a banner picture, if the masking height in the search result page is less than the screen height of the set proportion, the first position (startdistance) in the banner parameter information may be used as a banner hidden position threshold; if the height of the covering layer in the search result page is equal to or greater than the screen height of the set proportion, the threshold value of the hidden position of the circular column can be calculated by the following formula:
T＝startCardHeight+startDistanceThreshold-maskGradulOriginY-maskGradulHeight
wherein, T is a threshold value of the hidden position of the whole column, startCardHeight is the height of the first search content in the search content area, startDistanceThreshold is a preset height threshold value, mask GradulOriginY is the initial position of the mask layer, and mask GradulHeight is the height of the mask layer. The first position and the preset height threshold value can be determined in advance, and the first position, the preset height threshold value, the first search content height, the covering layer starting position and the covering layer height can be extracted from the banner parameter information. The meaning of the above-mentioned go-to-fence hiding threshold is that the distance between the bottom position of the first search content and the current bottom position of the mask sub-region in the native image layer is smaller than a preset height threshold, that is, in the case that the distance between the bottom position of the first search content slid onto the H5 content page and the current bottom position of the mask sub-region in the native image layer is smaller than the preset height threshold, the go-to-fence image is controlled to fade away; and under the condition that the H5 content page slides back to the position where the distance between the bottom position of the first search content and the current bottom position of the covering layer sub-area in the native image layer is larger than a preset height threshold value, controlling the appearance of the through bar image. The immersive full-page effect can be further improved by the processing.
In an optional implementation manner, in a case that a current page starting position of the hypertext content page during the sliding process is higher than a threshold of a closed column hidden position, controlling the closed column image to fade away and controlling the background color of the hypertext content page to recover includes: under the condition that the banner image is a banner sliding effect, controlling the banner sliding effect to fade away under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than a first banner hiding position threshold value; and under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than the hidden position threshold of the second column, controlling the background color of the hypertext content page to recover.
Under the condition that the banner image is the banner dynamic effect, the client can obtain a first banner hiding position threshold and a second banner hiding position threshold, wherein the first banner hiding position threshold is lower than the second banner hiding position threshold.
Fig. 4c is a schematic diagram of a sliding process of an H5 content page provided according to an embodiment of the present disclosure, and referring to fig. 4c, in a case that a through bar image is a through bar moving effect, in a case that a starting position of a current page is lower than a first through bar hiding position threshold, the through bar image may remain unchanged until the starting position of the current page is higher than the first through bar hiding position threshold, and a client may control the through bar image to disappear in a fade-out effect; and under the condition that the starting position of the current page is higher than the hidden position threshold of the second column, the hypertext content page can be controlled to be restored to the background color from the transparency.
Under the condition that the initial position of the current page of the hypertext content page in the process of sliding back up is lower than the threshold value of the hidden position of the full column, controlling the image of the full column to be gradually shown, and setting the background color of the hypertext content page to be transparent again, wherein the method comprises the following steps: under the condition that the banner image is a banner sliding effect, under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is lower than a second banner hiding position threshold value, controlling the banner image to be displayed in a gradually-appearing mode; and under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is lower than the threshold value of the hidden position of the first column, setting the background color of the hypertext content page to be transparent again. The upward sliding callback process and the upward sliding process belong to the inverse process and are not described again. Under the condition that the image of the whole column is in the whole column dynamic effect, the immersion feeling can be further enhanced by controlling the whole column dynamic effect to fade away and the background color of the hypertext content page to recover in a staged mode.
In the case that the go-to-go image is a go-to-go effect, the first go-to-go hidden position threshold may be a second position (videotape expected threshold); if the height of the cover layer in the search result page is smaller than the screen height of the set proportion, a preset height threshold (startDistanceThreshold) in the banner parameter information can be used as a second banner hidden position threshold; if the height of the cover layer in the search result page is equal to or greater than the screen height of the set proportion, the hidden position threshold of the second bulletin board can be calculated by the following formula:
T＝startCardHeight+startDistanceThreshold-maskGradulOriginY-maskGradulHeight
wherein, T is the hidden position threshold of the second bulletin, startCardHeight is the first search content height in the search content area, startDistanceThreshold is the preset height threshold, mask GradulOriginY is the mask layer initial position, and mask GradulHeight is the mask layer height. Wherein, the second position may be a preset position extracted from the full bar parameter information. Different through the pertinence of chooseing for use the fence hides the position threshold value, can further improve immersive fence effect.
According to the technical scheme, in the process of sliding on the hypertext content page, the display of the banner image and the display of the H5 content page are controlled in a unified mode, the immersive banner effect is further improved, and the user experience is improved.
Fig. 5 is a schematic diagram of a processing apparatus for a search result page according to an embodiment of the present disclosure, where the present embodiment is applicable to a case where an in-vehicle application calls resource data of a third-party application, and the apparatus is configured in an electronic device, and can implement a processing method for a search result page according to any embodiment of the present disclosure. Referring to fig. 5, the processing device 500 of the search result page specifically includes the following:
a banner parameter acquiring module 510, configured to acquire banner parameter information in a response result of the search request; the banner parameter information comprises an image identifier of a banner image;
a banner rendering module 520, configured to render a banner region in the search result page according to the banner parameter information, to obtain a banner result including a banner image;
a composition module 530, configured to compose the banner result and the hypertext content page; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result.
In an alternative embodiment, the banner region includes a native background color layer, a native primary color layer, and a native image layer; and the native image layer is used for rendering according to the image identifier of the banner image to obtain the banner image.
In an alternative embodiment, the generic rendering module 520 comprises:
rendering the native background color layer and the native main color layer by adopting color information in the banner parameter information to obtain a native background color and a native main color;
downloading an image by adopting the image identifier in the banner parameter information, and rendering the native image layer by adopting the downloaded image to obtain a banner image;
and synthesizing the native background color, the native main color and the banner image to obtain a banner result.
In an alternative embodiment, the image rendering unit comprises:
under the condition that the native image layer is a native dynamic effect layer, rendering the native image layer by adopting a background banner picture in the downloaded banner video to obtain the background banner picture;
and playing the banner video above the background banner picture to obtain a banner dynamic effect.
In an alternative embodiment, the processing device 500 of the search result page further comprises a banner image adjustment module, which comprises:
the pull-down distance unit is used for acquiring the pull-down distance of the hypertext content page in the pull-down process;
and the banner image adjusting unit is used for adjusting the size of the banner image according to the pull-down distance so as to enable the banner image to be zoomed along with the size.
In an optional implementation manner, the banner image adjusting unit is specifically configured to:
determining the adjustment proportion of the image of the whole column by the following formula:
scale＝(imageheight+scroll)/imageheight
wherein, scale is the adjustment proportion of the full bar image, imageheight is the original height of the full bar image, and scroll is the pull-down distance of the hypertext content page.
In an alternative embodiment, the processing device 500 of the search result page further includes a presentation adjustment module, which includes:
the fading and disappearing unit is used for controlling fading and disappearing of the image in the column and controlling the restoration of the background color of the hypertext content page under the condition that the initial position of the current page in the process of sliding the hypertext content page upwards is higher than the threshold value of the hidden position in the column;
and the fade-in display unit is used for controlling the fade-in display of the banner image and setting the background color of the hypertext content page to be transparent again under the condition that the starting position of the current page in the process of the upward sliding and returning of the hypertext content page is lower than the threshold value of the hidden position of the banner.
In an optional implementation manner, the fading away unit is specifically configured to:
under the condition that the banner image is a banner sliding effect, controlling the banner sliding effect to fade away under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than a first banner hiding position threshold value;
and under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than the hidden position threshold of the second column, controlling the background color of the hypertext content page to recover.
According to the technical scheme of the embodiment, the banner parameter information is transmitted to the application program client through the front end of H5, the application program client constructs the search result page on the NA side, and a new structure is provided for the search result page. In the process of pulling down and sliding up the H5 page, the application client side uniformly controls the disappearance or appearance of the NA area, the problem of asynchronous control of the front end and the client side is solved, the cutting sense in the page sliding process is avoided, and the immersive experience of the user is improved.
In the technical scheme of the disclosure, the acquisition, storage, application and the like of the personal information of the related user all accord with the regulations of related laws and regulations, and do not violate the good customs of the public order.
The present disclosure also provides an electronic device, a readable storage medium, and a computer program product according to embodiments of the present disclosure.
FIG. 6 illustrates a schematic block diagram of an example electronic device 600 that can be used to implement embodiments of the present disclosure. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the disclosure described and/or claimed herein.
As shown in fig. 6, the apparatus 600 includes a computing unit 601, which can perform various appropriate actions and processes according to a computer program stored in a Read Only Memory (ROM)602 or a computer program loaded from a storage unit 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the device 600 can also be stored. The calculation unit 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output (I/O) interface 605 is also connected to bus 604.
A number of components in the device 600 are connected to the I/O interface 605, including: an input unit 606 such as a keyboard, a mouse, or the like; an output unit 607 such as various types of displays, speakers, and the like; a storage unit 608, such as a magnetic disk, optical disk, or the like; and a communication unit 609 such as a network card, modem, wireless communication transceiver, etc. The communication unit 609 allows the device 600 to exchange information/data with other devices via a computer network such as the internet and/or various telecommunication networks.
The computing unit 601 may be a variety of general and/or special purpose processing components having processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a Central Processing Unit (CPU), a Graphics Processing Unit (GPU), various dedicated Artificial Intelligence (AI) computing chips, various computing units that perform machine learning model algorithms, a digital information processor (DSP), and any suitable processor, controller, microcontroller, and so forth. The calculation unit 601 executes the respective methods and processes described above, such as the processing method of the search result page. For example, in some embodiments, the processing of the search results page may be implemented as a computer software program tangibly embodied in a machine-readable medium, such as storage unit 608. In some embodiments, part or all of the computer program may be loaded and/or installed onto the device 600 via the ROM 602 and/or the communication unit 609. When the computer program is loaded into the RAM 603 and executed by the computing unit 601, one or more steps of the processing method of the search result page described above may be performed. Alternatively, in other embodiments, the computing unit 601 may be configured by any other suitable means (e.g., by means of firmware) to perform the processing method of the search result page.
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuitry, Field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), system on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
Program code for implementing the methods of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the program codes, when executed by the processor or controller, cause the functions/operations specified in the flowchart and/or block diagram to be performed. The program code may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
To provide for interaction with a user, the systems and techniques described here can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user can provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form, including acoustic, speech, or tactile input.
The systems and techniques described here can be implemented in a computing system that includes a back-end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front-end component (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back-end, middleware, or front-end components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: local Area Networks (LANs), Wide Area Networks (WANs), blockchain networks, and the internet.
The computer system may include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs executing on the respective computers and having a client-server relationship to each other. The server can be a cloud server, also called a cloud computing server or a cloud host, and is a host product in a cloud computing service system, so that the defects of high management difficulty and weak service expansibility in the traditional physical host and VPS service are overcome.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present disclosure may be executed in parallel, sequentially, or in different orders, as long as the desired results of the technical solutions disclosed in the present disclosure can be achieved, and the present disclosure is not limited herein.
The above detailed description should not be construed as limiting the scope of the disclosure. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made in accordance with design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present disclosure should be included in the scope of protection of the present disclosure.
Claims (19)
1. A method of processing a search results page, comprising:
acquiring the banner parameter information in a response result of the search request; the banner parameter information comprises an image identifier of a banner image;
rendering a banner area in a search result page according to the banner parameter information to obtain a banner result comprising a banner image;
synthesizing the result of the column and the page of the hypertext content; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result.
2. The method of claim 1, wherein the banner region comprises a native background color layer, a native primary color layer, and a native image layer; and the native image layer is used for rendering according to the image identifier of the banner image to obtain the banner image.
3. The method of claim 2, wherein the rendering a banner region in a search results page according to the banner parameter information resulting in a banner result comprising a banner image comprises:
rendering the native background color layer and the native main color layer by adopting color information in the banner parameter information to obtain a native background color and a native main color;
downloading an image by adopting the image identifier in the banner parameter information, and rendering the native image layer by adopting the downloaded image to obtain a banner image;
and synthesizing the native background color, the native main color and the banner image to obtain a banner result.
4. The method of claim 3, wherein the rendering native image layers in the generic region with the downloaded image resulting in a generic image comprises:
under the condition that the native image layer is a native dynamic effect layer, rendering the native image layer by adopting a background banner picture in the downloaded banner video to obtain the background banner picture;
and playing the banner video above the background banner picture to obtain a banner dynamic effect.
5. The method of claim 1, after said compositing the generic results and hypertext content page, further comprising:
acquiring a pull-down distance of the hypertext content page in a pull-down process;
and adjusting the size of the banner image according to the pull-down distance to enable the banner image to zoom along with the zoom.
6. The method of claim 5, wherein the resizing the banner image as a function of the pull down distance comprises:
determining the adjustment proportion of the image of the whole column by the following formula:
scale＝(imageheight+scroll)/imageheight
wherein, scale is the adjustment proportion of the full bar image, imageheight is the original height of the full bar image, and scroll is the pull-down distance of the hypertext content page.
7. The method of claim 1, after said compositing the generic results and hypertext content page, further comprising:
under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than a threshold value of a closed column hiding position, controlling the closed column image to fade away and controlling the background color of the hypertext content page to recover;
and under the condition that the initial position of the current page of the hypertext content page in the process of sliding back up is lower than the threshold value of the closed position of the closed column, controlling the closed column image to be gradually displayed, and setting the background color of the hypertext content page to be transparent again.
8. The method of claim 7, wherein the controlling fading away of the banner image and the background color recovery of the hypertext content page in the event that a current page start position of the hypertext content page during the upslide is above a banner hide position threshold comprises:
under the condition that the banner image is a banner sliding effect, controlling the banner sliding effect to fade away under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than a first banner hiding position threshold value;
and under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than the hidden position threshold of the second column, controlling the background color of the hypertext content page to recover.
9. A search results page processing apparatus comprising:
the system comprises a banner parameter acquisition module, a banner parameter acquisition module and a search module, wherein the banner parameter acquisition module is used for acquiring banner parameter information in a response result of a search request; the banner parameter information comprises an image identifier of a banner image;
the banner rendering module is used for rendering a banner area in a search result page according to the banner parameter information to obtain a banner result comprising a banner image;
the synthesis module is used for synthesizing the banner result and the hypertext content page; and the hypertext content page is obtained by rendering a search content area in the search result page by adopting the search result content in the response result.
10. The apparatus of claim 9, wherein the banner region comprises a native background color layer, a native primary color layer, and a native image layer; and the native image layer is used for rendering according to the image identifier of the banner image to obtain the banner image.
11. The apparatus of claim 10, wherein the sidebar rendering module comprises:
the color rendering unit is used for rendering the native background color layer and the native main color layer by adopting color information in the banner parameter information to obtain a native background color and a native main color;
the image rendering unit is used for downloading images by adopting the image identifications in the banner parameter information and rendering the native image layer by adopting the downloaded images to obtain a banner image;
and the go-to-go synthesis unit is used for synthesizing the native background color, the native main color and the go-to-go image to obtain a go-to-go result.
12. The apparatus of claim 11, wherein the image rendering unit comprises:
the picture rendering subunit is used for rendering the native image layer by adopting a background column picture in the downloaded column video under the condition that the native image layer is a native dynamic effect layer to obtain the background column picture;
and the video playing subunit is used for playing the banner video above the background banner picture to obtain a banner dynamic effect.
13. The apparatus of claim 9, further comprising a banner image adjustment module comprising:
the pull-down distance unit is used for acquiring the pull-down distance of the hypertext content page in the pull-down process;
and the banner image adjusting unit is used for adjusting the size of the banner image according to the pull-down distance so as to enable the banner image to be zoomed along with the size.
14. The apparatus according to claim 13, wherein the banner image adjustment unit is specifically configured to:
determining the adjustment proportion of the image of the whole column by the following formula:
scale＝(imageheight+scroll)/imageheight
wherein, scale is the adjustment proportion of the full bar image, imageheight is the original height of the full bar image, and scroll is the pull-down distance of the hypertext content page.
15. The apparatus of claim 9, the apparatus further comprising a presentation adjustment module, the presentation adjustment module comprising:
the fading and disappearing unit is used for controlling fading and disappearing of the image in the column and controlling the restoration of the background color of the hypertext content page under the condition that the initial position of the current page in the process of sliding the hypertext content page upwards is higher than the threshold value of the hidden position in the column;
and the fade-in display unit is used for controlling the fade-in display of the banner image and setting the background color of the hypertext content page to be transparent again under the condition that the starting position of the current page in the process of the upward sliding and returning of the hypertext content page is lower than the threshold value of the hidden position of the banner.
16. The apparatus of claim 15, wherein the dissolve disappearance unit is specifically configured to:
under the condition that the banner image is a banner sliding effect, controlling the banner sliding effect to fade away under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than a first banner hiding position threshold value;
and under the condition that the initial position of the current page of the hypertext content page in the process of sliding upwards is higher than the hidden position threshold of the second column, controlling the background color of the hypertext content page to recover.
17. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein the content of the first and second substances,
the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-8.
18. A non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-8.
19. A computer program product comprising a computer program which, when executed by a processor, implements the method according to any one of claims 1-8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111659750.6A CN114329278B (en) | 2021-12-30 | 2021-12-30 | Processing method and device of search result page, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111659750.6A CN114329278B (en) | 2021-12-30 | 2021-12-30 | Processing method and device of search result page, electronic equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114329278A true CN114329278A (en) | 2022-04-12 |
| CN114329278B CN114329278B (en) | 2023-09-29 |
Family
ID=81019828
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111659750.6A Active CN114329278B (en) | 2021-12-30 | 2021-12-30 | Processing method and device of search result page, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114329278B (en) |
Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20110077510A (en) * | 2009-12-30 | 2011-07-07 | 김대중 | System for providing advertisement and additional information using inserted column area in search result page |
| US20110225487A1 (en) * | 2010-03-10 | 2011-09-15 | Tristan Arguello Harris | Independent Visual Element Configuration |
| US20130238890A1 (en) * | 2010-10-29 | 2013-09-12 | Proximic, Inc. | Method for transmitting information from a first information provider to a second information provider via an information intermediary |
| CN103761315A (en) * | 2014-01-27 | 2014-04-30 | 乐视网信息技术（北京）股份有限公司 | Method and system for displaying webpage content |
| CN104484363A (en) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术（北京）有限公司 | Search result display method and device |
| CN104484088A (en) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术（北京）有限公司 | Search result display method and device |
| CN111191424A (en) * | 2019-12-31 | 2020-05-22 | 北京华为数字技术有限公司 | Page color matching method and device, storage medium and chip |
| CN111680230A (en) * | 2020-05-25 | 2020-09-18 | 北京百度网讯科技有限公司 | Display method and device of search result page, electronic equipment and storage medium |
| CN112733009A (en) * | 2019-10-28 | 2021-04-30 | 百度在线网络技术（北京）有限公司 | Searching method and device |
| CN113391742A (en) * | 2021-04-12 | 2021-09-14 | 口碑(上海)信息技术有限公司 | Data information output method and device, computer storage medium and electronic equipment |
| CN113641921A (en) * | 2021-09-26 | 2021-11-12 | 北京搜狗科技发展有限公司 | Page display method and device and page display device |
-
2021
- 2021-12-30 CN CN202111659750.6A patent/CN114329278B/en active Active
Patent Citations (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20110077510A (en) * | 2009-12-30 | 2011-07-07 | 김대중 | System for providing advertisement and additional information using inserted column area in search result page |
| US20110225487A1 (en) * | 2010-03-10 | 2011-09-15 | Tristan Arguello Harris | Independent Visual Element Configuration |
| US20130238890A1 (en) * | 2010-10-29 | 2013-09-12 | Proximic, Inc. | Method for transmitting information from a first information provider to a second information provider via an information intermediary |
| CN103761315A (en) * | 2014-01-27 | 2014-04-30 | 乐视网信息技术（北京）股份有限公司 | Method and system for displaying webpage content |
| CN104484363A (en) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术（北京）有限公司 | Search result display method and device |
| CN104484088A (en) * | 2014-12-02 | 2015-04-01 | 百度在线网络技术（北京）有限公司 | Search result display method and device |
| CN112733009A (en) * | 2019-10-28 | 2021-04-30 | 百度在线网络技术（北京）有限公司 | Searching method and device |
| CN111191424A (en) * | 2019-12-31 | 2020-05-22 | 北京华为数字技术有限公司 | Page color matching method and device, storage medium and chip |
| CN111680230A (en) * | 2020-05-25 | 2020-09-18 | 北京百度网讯科技有限公司 | Display method and device of search result page, electronic equipment and storage medium |
| CN113391742A (en) * | 2021-04-12 | 2021-09-14 | 口碑(上海)信息技术有限公司 | Data information output method and device, computer storage medium and electronic equipment |
| CN113641921A (en) * | 2021-09-26 | 2021-11-12 | 北京搜狗科技发展有限公司 | Page display method and device and page display device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114329278B (en) | 2023-09-29 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10068364B2 (en) | Method and apparatus for making personalized dynamic emoticon | |
| EP2924590A1 (en) | Page rendering method and apparatus | |
| KR102307163B1 (en) | Cross-platform rendering engine | |
| US7631252B2 (en) | Distributed processing when editing an image in a browser | |
| CN112347408B (en) | Rendering method, rendering device, electronic equipment and storage medium | |
| CN111680230B (en) | Display method and device of search result page, electronic equipment and storage medium | |
| US11551392B2 (en) | Graphic drawing method and apparatus, device, and storage medium | |
| AU2013225479B2 (en) | Application display method and terminal | |
| JP2023551670A (en) | Page switching display method, device, storage medium and electronic equipment | |
| JP2019008668A (en) | Client device, image processing system, image display method, and program | |
| CN114466222B (en) | Video synthesis method and device, electronic equipment and storage medium | |
| JP5303534B2 (en) | Appearance information processing apparatus and method | |
| CN114329278A (en) | Processing method and device of search result page, electronic equipment and storage medium | |
| CN113282852A (en) | Method and device for editing webpage | |
| CN115643468A (en) | Poster generation method and device, electronic equipment and storage medium | |
| CN115329720A (en) | Document display method, device, equipment and storage medium | |
| CN114371838A (en) | Method, device and equipment for rendering small program canvas and storage medium | |
| CN106383705B (en) | Method and device for setting mouse display state in application thin client | |
| CN114489639A (en) | File generation method, device, equipment and storage medium | |
| CN112507257A (en) | Webpage display method, device, equipment and storage medium | |
| CN111913711A (en) | Video rendering method and device | |
| CN114625460B (en) | Image-text mixed arrangement method, device, equipment and storage medium | |
| KR101370714B1 (en) | Dividing web page screen method and system for using multiscreen apparatus | |
| CN115883918A (en) | Method, apparatus, device and storage medium for processing video stream | |
| CN116610244A (en) | Thumbnail display control method, device, equipment and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |