Browser advertisement putting method and related device

Abstract

The invention discloses a browser advertisement putting method and a related device, and the method comprises the steps: obtaining a webpage code of a target webpage in response to an access instruction of the target webpage, obtaining advertisement data based on a target code segment in the webpage code, and inserting a canvas label in a document structure of the target webpage; the canvas label is used for defining a graph drawing area in the target webpage; creating a graph drawing area in the target webpage for the canvas label; and calling a drawing engine based on the target code segment, and drawing the advertisement content on the graph drawing area according to the advertisement data.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a browser advertisement delivery method and related devices. Background Art

[0002] In web page advertising display technology, the following methods are usually used to load and display advertising content: (1) Create a DIV element in the page and embed an IFRAME or IMAGE element inside it. By setting the src attribute of IFRAME to the advertising link, or setting the src attribute of IMAGE to the URL of a GIF image advertisement, the advertising content can be displayed on the page; (2) Embed DOM elements directly in the page. These elements can be any HTML tags, such as DIV, SPAN, etc., and usually have unique IDs or CSS style sheets to identify and style them. Through JavaScript or other client-side technologies, these elements can be dynamically created, modified, and updated to display advertising content.

[0003] However, since IFRAME and IMAGE elements usually have unique IDs or CSS style sheets, they can be easily identified and blocked by ad blocking plugins and signature libraries. These plugins and signature libraries check the elements in the page, and if they match the characteristics of an ad (such as a specific ID, CSS class, URL pattern, etc.), they will be hidden or blocked from loading, causing the ad content to not display properly in the browser. Since DOM elements usually have unique identification information (such as ID, CSS class, etc.), DOM elements are also vulnerable to threats from ad blocking plugins and signature libraries, which can also cause the ad content to not display properly in the browser. Summary of the invention

[0004] In view of the above problems, the present application provides a browser advertisement delivery method and related devices to reduce the risk of advertisements being blocked and ensure the normal display of advertisement content. The specific scheme is as follows:

[0005] The first aspect of the present application provides a browser advertisement delivery method, comprising:

[0006] In response to an access instruction of a target webpage, the webpage code of the target webpage is obtained, and based on a target code segment in the webpage code, advertisement data is obtained and a canvas tag is inserted into the document structure of the target webpage; the canvas tag is used to define a graphics drawing area in the target webpage;

[0007] Creating a graphics drawing area for the canvas tag in the target web page;

[0008] Based on the target code segment, a drawing engine is called to draw the advertisement content on the graphics drawing area according to the advertisement data.

[0009] In a possible implementation, obtaining advertisement data includes:

[0010] Sending an advertisement data acquisition request to a server; the advertisement data acquisition request includes a user identifier;

[0011] Receive the advertisement data returned by the server in response to the advertisement data acquisition request; the advertisement data is obtained in the following manner: the server searches for the advertisement source file corresponding to the user identifier in the advertisement library; if found, parse the advertisement source file to obtain the advertisement data; if not found, randomly select an advertisement source file from the advertisement library, parse the advertisement source file to obtain the advertisement data.

[0012] In a possible implementation, the browser advertisement delivery method further includes:

[0013] Configure timer parameters, where the timer parameters include a time interval for repeated display and / or a limit on the number of repeated displays;

[0014] The timer is started, and according to the timer parameter, the drawing engine is called again to repeatedly draw the advertisement content on the target web page according to the advertisement data.

[0015] In a possible implementation, the target code segment includes: a code segment for referencing a target JS component; the target JS component is a component obtained by compiling, compressing and encrypting a JavaScript file; the JavaScript file is used to implement the process of obtaining the advertising data and inserting a canvas tag into the document structure of the target web page, and calling a drawing engine to draw the advertising content on the graphics drawing area according to the advertising data.

[0016] Another aspect of the present application provides a browser advertisement delivery device, comprising:

[0017] A processing module, configured to obtain the webpage code of the target webpage in response to an access instruction of the target webpage, and based on the target code segment in the webpage code, obtain the advertisement data and insert a canvas tag into the document structure of the target webpage; the canvas tag is used to define a graphic drawing area in the target webpage;

[0018] A creation module, used for creating a graphics drawing area in the target web page for the canvas tag;

[0019] The drawing module is used to call a drawing engine based on the target code segment and draw the advertisement content on the graphic drawing area according to the advertisement data.

[0020] In a possible implementation, the process of the processing module acquiring the advertisement data specifically includes:

[0021] Sending an advertisement data acquisition request to a server; the advertisement data acquisition request includes a user identifier;

[0022] Receive the advertisement data returned by the server in response to the advertisement data acquisition request; the advertisement data is obtained in the following manner: the server searches for the advertisement source file corresponding to the user identifier in the advertisement library; if found, parse the advertisement source file to obtain the advertisement data; if not found, randomly select an advertisement source file from the advertisement library, parse the advertisement source file to obtain the advertisement data.

[0023] In a possible implementation, the browser advertisement delivery device further includes:

[0024] A configuration module, used to configure timer parameters, wherein the timer parameters include a time interval for repeated display and / or a limit on the number of repeated displays;

[0025] The timing module is used to start the timer, re-call the drawing engine according to the timer parameters, and repeatedly draw the advertisement content on the target web page according to the advertisement data.

[0026] A third aspect of the present application provides a computer program product, comprising computer-readable instructions, which, when executed on an electronic device, enables the electronic device to implement any of the above-described methods for delivering browser advertisements.

[0027] A fourth aspect of the present application provides an electronic device, comprising at least one processor and a memory connected to the processor, wherein:

[0028] The memory is used to store computer programs;

[0029] The processor is used to execute the computer program so that the electronic device can implement any of the above-mentioned browser advertisement delivery methods.

[0030] A fifth aspect of the present application provides a browser advertisement delivery system, comprising:

[0031] The browser is used to obtain the webpage code of the target webpage in response to the access instruction of the target webpage, and send an advertisement data acquisition request to the server based on the target code segment in the webpage code;

[0032] The server is used to respond to the advertisement data acquisition request and return the advertisement data;

[0033] The browser is further used to receive the advertisement data and insert a canvas tag into the document structure of the target web page based on the target code segment; the canvas tag is used to define a graphics drawing area in the target web page;

[0034] The browser is further used to create a graphics drawing area for the canvas tag in the target web page;

[0035] The browser is further configured to call a drawing engine based on the target code segment, and draw the advertisement content on the graphics drawing area according to the advertisement data.

[0036] In the present application, by responding to the access instruction of the target web page, the web page code of the target web page is obtained, and based on the target code segment in the web page code, the advertising data is obtained and a canvas tag is inserted into the document structure of the target web page; a graphics drawing area is created in the target web page for the canvas tag; based on the target code segment, a drawing engine is called to draw the advertising content on the graphics drawing area according to the advertising data. Since canvas tags are very common in web design, they are used to draw various graphics and animations. If the user completely prohibits canvas tags, the user will lose the ability to access many important functions of the website, such as charts, games, interactive maps, etc. Therefore, users usually do not choose to completely prohibit canvas tags, which makes using canvas tags to draw advertising content a relatively safe strategy. Therefore, by creating canvas tags and drawing advertising content in real time, the risk of advertising content being blocked can be reduced, ensuring that the advertising content can be displayed normally. BRIEF DESCRIPTION OF THE DRAWINGS

[0037] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent the same or similar elements. It should be understood that the drawings are schematic and the originals and elements are not necessarily drawn to scale.

[0038] Figure 1 A flowchart of a browser advertisement delivery method provided in Example 1 of the present application;

[0039] Figure 2 A schematic diagram of the interaction process between a browser and a server provided for this application;

[0040] Figure 3 A flowchart of a browser advertisement delivery method provided in Example 3 of the present application;

[0041] Figure 4 A schematic diagram of the structure of a browser advertisement delivery device provided in this application. DETAILED DESCRIPTION

[0042] The following describes the embodiments of the present application in conjunction with the drawings in the embodiments of the present application. The terms used in the implementation method section of the present application are only used to explain the specific embodiments of the present application, and are not intended to limit the present application.

[0043] The embodiments of the present application are described below in conjunction with the accompanying drawings. Those skilled in the art will appreciate that, with the development of technology and the emergence of new scenarios, the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems.

[0044] The terms "first", "second", etc. in the specification and claims of the present application and the above-mentioned drawings are used to distinguish similar objects, and need not be used to describe a specific order or sequential order. It should be understood that the terms used in this way can be interchangeable under appropriate circumstances, which is only to describe the distinction mode adopted by the objects of the same attributes when describing in the embodiments of the present application. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, so that the process, method, system, product or equipment comprising a series of units need not be limited to those units, but may include other units that are not clearly listed or inherent to these processes, methods, products or equipment.

[0045] In order to make the above-mentioned objects, features and advantages of the present application more obvious and easy to understand, the present application is further described in detail below in conjunction with the accompanying drawings and specific implementation methods.

[0046] Reference Figure 1 , is a flowchart of a browser advertisement delivery method provided in Example 1 of the present application, which can be applied to browsers, such as Figure 1 As shown, the method may include but is not limited to the following steps:

[0047] Step S101, in response to an access instruction of a target webpage, obtaining the webpage code of the target webpage, and based on a target code segment in the webpage code, obtaining advertisement data and inserting a canvas tag into the document structure of the target webpage.

[0048] In this embodiment, acquiring the advertisement data may include but is not limited to: sending an advertisement data acquisition request to a server, and receiving the advertisement data returned by the server in response to the advertisement data acquisition request.

[0049] The process of the server returning the advertisement data in response to the advertisement data acquisition request may include:

[0050] Step S11: Select an advertisement in the advertisement library, and obtain the advertisement source file path of the advertisement from the advertisement library.

[0051] The advertisement library may include multiple advertisement data items. For example, the multiple advertisement data items can be found in Table 1. As shown in Table 1, the advertisement data items may include: advertisement ID, advertisement name, advertisement source file path (i.e., the server physical disk path corresponding to the advertisement prototype) and advertisement description (i.e., the advertisement's notes and description information).

[0052] Table 1

[0053]

[0054] Step S12: Read the advertisement source file based on the advertisement source file path.

[0055] Ad source files are used to describe ad content, such as ad title, width, height, position, style, Target URL, etc.; ad image, position, size, etc.; ad slogan, description text, style, etc.; ad animation and animation cycle time, etc.

[0056] The format of the advertisement source file may be an object format natively supported by js, so it can be easily read based on the advertisement source file path.

[0057] For example, taking the Mid-Autumn Festival advertisement as an example, the advertisement source file obtained from / ad / 1.json is as follows:

[0058] {

[0059] AdName: "Mid-Autumn Festival Advertisement",

[0060] width: "1024",

[0061] height: "546",

[0062] position: "bottom right",

[0063] target_url: "http: / / www.adcenter.cn / XeGswr3HJc6DF9Ip",

[0064] AdTitle: {

[0065] text: "We share this moment together across the world",

[0066] x: "800",y: "100",

[0067] style: "font-family:Microsoft YaHei;font-size:22px;color:yellow" ... ...

[0069] },

[0070] AdTxt:

[0071] {text: "Group purchase discount, free shipping for all items!",

[0072] x: "800",y: "120",

[0073] style: "font-family:Microsoft YaHei;font-size:14px"},

[0074] {text: "During the event, every 500 spent will be reduced by 50!",

[0075] x: "800",y: "145",

[0076] style: "font-family:Microsoft YaHei;font-size:14px"}

[0077] ],

[0078] AdImg:

[0079] x: "0",y:"0",width:"1024",height:"546",

[0080] svg: " / img / mid-autumn.png"

[0081] },

[0082] AdEffect: {

[0083] x: "560",y: "300",

[0084] svg: " / effect / ef1.js",

[0085] effect: "rotate",

[0086] timeout: 2000

[0087] }

[0088] }

[0089] Step S13: parse the advertisement source file to obtain advertisement data.

[0090] In this embodiment, the advertisement source files can be sequentially parsed and split by type to obtain advertisement data, which may include but is not limited to: global parameters (such as name, length, height, position, etc.); title parameters (such as text, coordinates, style); advertisement text parameters (such as text group, coordinate group, style group); advertisement image parameters (such as coordinates, length, height, path, format); animation parameters (such as animation image, animation action, repetition interval).

[0091] In this embodiment, the document structure may include: a DOM (Document Object Model) tree. In this embodiment, a canvas tag may be inserted into the DOM tree of the target webpage, and the width and height attributes of the canvas tag may be set to define the size of the graphic drawing area.

[0092] The canvas tag (ie, Canvas) is used to define a graphics drawing area in the target web page.

[0093] Step S102: Create a graphics drawing area for the canvas tag in the target web page.

[0094] In this embodiment, a graphic drawing area may be created in the target webpage for the canvas tag based on the width and height attributes of the canvas tag.

[0095] Step S103: Based on the target code segment, a drawing engine is called to draw the advertisement content on the graphic drawing area according to the advertisement data.

[0096] The drawing engine may include but is not limited to: an open source two-dimensional drawing engine Zrender.

[0097] In this embodiment, all necessary drawing information can be extracted from the advertisement data, including global parameters (such as advertisement name, size, position, etc.), title parameters (text content, position, style, etc.), advertisement text parameters, advertisement image parameters (image path, size, etc.), and animation parameters.

[0098] Set the display position of the canvas tag (Canvas) according to the global parameters in the advertisement data.

[0099] Use the API provided by the drawing engine to create corresponding graphic elements according to the various parts of the advertisement data (title parameters, advertisement text parameters, advertisement image parameters, animation parameters, etc.).

[0100] Configure corresponding properties for each created graphic element, such as position, size, color, font style, animation effect, etc. These properties should match the parameters parsed from the advertisement data.

[0101] According to the order in which the advertisement source files are parsed, the created graphic elements are sequentially added to the drawing list of the drawing engine.

[0102] The drawing method of the drawing engine is called to draw these graphic elements on the graphic drawing area.

[0103] If the ad contains animation effects, you can use Zrender's animation function to create and control the animation. You can set parameters such as loop playback and trigger conditions for the animation.

[0104] In this embodiment, by responding to the access instruction of the target web page, the web page code of the target web page is obtained, and based on the target code segment in the web page code, the advertisement data is obtained and a canvas tag is inserted into the document structure of the target web page; a graphics drawing area is created in the target web page for the canvas tag; based on the target code segment, a drawing engine is called to draw the advertisement content on the graphics drawing area according to the advertisement data. Since the canvas tag is very common in web page design, it is used to draw various graphics and animations. If the user completely prohibits the canvas tag, the user will lose the ability to access many important functions of the website, such as charts, games, interactive maps, etc. Therefore, users usually do not choose to completely prohibit the canvas tag, which makes the use of canvas tags to draw advertisement content a relatively safe strategy. Therefore, by creating a canvas tag and drawing the advertisement content in real time, the risk of the advertisement content being blocked can be reduced, and the advertisement content can be guaranteed to be displayed normally.

[0105] As another optional embodiment of the present application, a browser advertisement delivery method is provided in Embodiment 2 of the present application. This embodiment is mainly an implementation method for obtaining advertisement data in Embodiment 1. Figure 2 As shown, obtaining advertisement data may include but is not limited to the following steps:

[0106] Step S21: Send an advertisement data acquisition request to a server; the advertisement data acquisition request includes a user identifier.

[0107] The browser can call the server's advertisement acquisition interface and send an advertisement data acquisition request to the server.

[0108] Step S22: receiving the advertisement data returned by the server in response to the advertisement data acquisition request.

[0109] The advertising data is obtained in the following ways:

[0110] The server searches the advertisement library for an advertisement source file corresponding to the user identifier;

[0111] If found, the advertisement source file corresponding to the user identifier is parsed to obtain the advertisement data.

[0112] If no advertisement source file is found, an advertisement source file is randomly selected from the advertisement library, and the advertisement source file is parsed to obtain advertisement data.

[0113] In this embodiment, by sending an advertising data acquisition request containing a user identifier to the server, the browser can enable the server to query the advertising source file corresponding to the user identifier in the advertising library, that is, query the advertising source file that matches the type preferred by the user. If found, the advertising data that meets the user's preferences is returned to the browser, so that the browser can draw advertising content that meets the user's preferences based on the advertising data, which can improve the targeting and relevance of advertising delivery, increase the possibility of users clicking on advertisements, and thus improve the conversion rate of advertisements.

[0114] If no result is found, random selection is performed and the ad data is returned to the browser, so that the browser can draw the ad content based on the randomly selected ad data. This ensures that the user can see diverse ad content and avoids the problem of single ad display due to lack of personalized data.

[0115] As another optional embodiment of the present application, refer to Figure 3 , is a flowchart of a browser advertisement delivery method provided in Example 3 of the present application, such as Figure 3 As shown, the method may include but is not limited to the following steps:

[0116] Step S201, in response to an access instruction of a target web page, obtaining the web page code of the target web page, and based on the target code segment in the web page code, obtaining advertisement data and inserting a canvas tag into the document structure of the target web page; the canvas tag is used to define a graphics drawing area in the target web page.

[0117] Step S202: Create a graphics drawing area for the canvas tag in the target web page.

[0118] Step S203: Based on the target code segment, call a drawing engine to draw the advertisement content on the graphic drawing area according to the advertisement data.

[0119] The detailed process of steps S201-S203 can refer to the relevant introduction of steps S101-S103 in Example 1, which will not be repeated here.

[0120] Step S204: configure timer parameters, where the timer parameters include a time interval for repeated display and / or a limit on the number of repeated displays.

[0121] The interval between repeated displays can be understood as the length of time that the ad content needs to wait between each display. For example, if it is set to 5 seconds, the ad content will wait 5 seconds after each display before being displayed again.

[0122] The limit on the number of repeated displays can be understood as the maximum number of times the ad content is allowed to be displayed on the target web page. For example, if it is set to 3 times, the ad content will be displayed on the target web page at most 3 times.

[0123] The timer parameter settings are usually based on the advertiser's needs, the target audience's behavior patterns, and the nature of the ad content. By properly configuring the timer parameters, you can ensure that the ad content is displayed to the target audience in the best way while avoiding user disgust caused by excessive display.

[0124] Step S205: start the timer, re-call the drawing engine according to the timer parameters, and repeatedly draw the advertisement content on the target web page according to the advertisement data.

[0125] In this embodiment, by configuring the timer parameters and starting the timer, the advertisement content can be repeatedly displayed, which can ensure that the target audience has more opportunities to see the advertisement content when visiting the target web page, thereby increasing the exposure rate of the advertisement.

[0126] As another optional embodiment of the present application, a browser advertising delivery method is provided in Embodiment 4 of the present application. This embodiment is mainly an implementation method of the target code segment in Embodiment 1. The target code segment may include: a code segment for referencing a target JS component.

[0127] The target JS component may be a component obtained by encrypting and encapsulating a JavaScript file.

[0128] The JavaScript file is used to implement the process of obtaining the advertisement data, inserting a canvas tag into the document structure of the target web page, and calling a drawing engine to draw advertisement contents on the graphic drawing area according to the advertisement data.

[0129] In this embodiment, NodeJS can be used as the operating environment, VSCode as the code editor, and ES6 as the programming language to write ES6 code for implementing the process of obtaining advertising data and inserting a canvas tag into the document structure of the target web page, and calling a drawing engine to draw the advertising content on the graphics drawing area according to the advertising data.

[0130] Use the Babel tool to convert ES6 code into JavaScript code that can run in different browser environments.

[0131] Use webpack to manage JavaScript code dependencies, compile, compress, optimize, and protect source code to obtain the target JS component.

[0132] In this embodiment, by encrypting and encapsulating the front-end core logic to obtain the target JS component, and allowing other websites or developers to load and use this component through simple reference, the security of the core logic can be effectively protected, while improving the reusability and maintainability of the code.

[0133] Next, the browser advertisement delivery device provided by the present application is introduced. The browser advertisement delivery device introduced below and the browser advertisement delivery method introduced above can be referred to each other.

[0134] Reference Figure 4 , a browser advertisement delivery device includes: a processing module 100, a creation module 200 and a drawing module 300.

[0135] The processing module 100 is used to obtain the webpage code of the target webpage in response to the access instruction of the target webpage, and based on the target code segment in the webpage code, obtain the advertisement data and insert a canvas tag into the document structure of the target webpage; the canvas tag is used to define a graphic drawing area in the target webpage;

[0136] A creation module 200, used to create a graphics drawing area for the canvas tag in the target web page;

[0137] The drawing module 300 is used to call a drawing engine based on the target code segment, and draw the advertisement content on the graphic drawing area according to the advertisement data.

[0138] The process of the processing module 100 acquiring the advertisement data may specifically include:

[0139] Sending an advertisement data acquisition request to a server; the advertisement data acquisition request includes a user identifier;

[0140] Receive the advertisement data returned by the server in response to the advertisement data acquisition request; the advertisement data is obtained in the following manner: the server searches for the advertisement source file corresponding to the user identifier in the advertisement library; if found, parse the advertisement source file to obtain the advertisement data; if not found, randomly select an advertisement source file from the advertisement library, parse the advertisement source file to obtain the advertisement data.

[0141] The browser advertisement delivery device may further include:

[0142] A configuration module, used to configure timer parameters, wherein the timer parameters include a time interval for repeated display and / or a limit on the number of repeated displays;

[0143] The timing module is used to start the timer, re-call the drawing engine according to the timer parameters, and repeatedly draw the advertisement content on the target web page according to the advertisement data.

[0144] The target code segment may include: a code segment for referencing a target JS component; the target JS component is a component obtained by compiling, compressing and encrypting a JavaScript file; the JavaScript file is used to implement the process of obtaining the advertisement data and inserting a canvas tag into the document structure of the target web page, and calling a drawing engine to draw the advertisement content on the graphics drawing area according to the advertisement data.

[0145] In another embodiment of the present application, an electronic device is provided, comprising at least one processor and a memory connected to the processor, wherein:

[0146] The memory is used to store computer programs;

[0147] The processor is used to execute the computer program so that the electronic device can implement the browser advertisement delivery method as described in the above embodiments.

[0148] The memory can be used to store instructions and data. The memory can mainly include an instruction storage area and a data storage area. The data storage area can store various data, such as multimedia files, texts, etc. The instruction storage area can store software units such as operating systems, applications, instructions required for at least one function, or their subsets and extensions. It can also include non-volatile random access memory; provide the processor with hardware, software and data resources including management of computing and processing equipment, and support control software and applications. It is also used for the storage of multimedia files, as well as the storage of running programs and applications.

[0149] The processor is the control center of the electronic device. It uses various interfaces and lines to connect the various parts of the entire electronic device. By running or executing instructions stored in the memory and calling data stored in the memory, it performs various functions of the electronic device and processes data, thereby controlling the terminal device as a whole. In some embodiments, the processor and memory can be implemented on a single chip. In some embodiments, they can also be implemented separately on independent chips. The processor can also be used to generate corresponding operation control signals, send them to the corresponding components of the computing and processing equipment, read and process data in the software, especially read and process data and programs in the memory, so that each functional module therein performs the corresponding function, thereby controlling the corresponding components to act according to the requirements of the instructions.

[0150] In another embodiment of the present application, a computer program product is provided, including computer-readable instructions. When the computer-readable instructions are executed on an electronic device, the electronic device implements the browser advertisement delivery method as described in the aforementioned embodiments.

[0151] In another embodiment of the present application, a browser advertisement delivery system is provided, including: a browser and a server.

[0152] The browser is used to obtain the webpage code of the target webpage in response to the access instruction of the target webpage, and send an advertisement data acquisition request to the server based on the target code segment in the webpage code;

[0153] The server is used to respond to the advertisement data acquisition request and return the advertisement data;

[0154] The browser is further used to receive the advertisement data and insert a canvas tag into the document structure of the target web page based on the target code segment; the canvas tag is used to define a graphics drawing area in the target web page;

[0155] The browser is further used to create a graphics drawing area for the canvas tag in the target web page;

[0156] The browser is further configured to call a drawing engine based on the target code segment, and draw the advertisement content on the graphics drawing area according to the advertisement data.

[0157] The server may include a bus, a processor, a communication interface and a memory. The processor, the memory and the communication interface communicate with each other via the bus.

[0158] The bus may be a peripheral component interconnect (PCI) bus or an extended industry standard architecture (EISA) bus, etc. The bus may be divided into an address bus, a data bus, a control bus, etc.

[0159] The processor may be any one or more of a central processing unit (CPU), a graphics processing unit (GPU), a microprocessor (MP) or a digital signal processor (DSP).

[0160] The memory may include volatile memory, such as random access memory (RAM). The memory may also include non-volatile memory, such as read-only memory (ROM), flash memory, hard drive drive (HDD) or solid state drive (SSD).

[0161] A computer-readable storage medium is also provided in an embodiment of the present application. The storage medium carries one or more computer programs. When the one or more computer programs are executed by an electronic device, the electronic device can implement any browser advertising delivery method provided in an embodiment of the present application.

[0162] It should also be noted that the device embodiments described above are merely schematic, wherein the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physical units, that is, they may be located in one place, or they may be distributed over multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the scheme of this embodiment. In addition, in the drawings of the device embodiments provided by the present application, the connection relationship between the modules indicates that there is a communication connection between them, which may be specifically implemented as one or more communication buses or signal lines.

[0163] Through the description of the above implementation mode, the technicians in the field can clearly understand that the present application can be implemented by means of software plus necessary general hardware, and of course, it can also be implemented by special hardware including special integrated circuits, special CPUs, special memories, special components, etc. In general, all functions completed by computer programs can be easily implemented by corresponding hardware, and the specific hardware structure used to implement the same function can also be various, such as analog circuits, digital circuits or special circuits. However, for the present application, software program implementation is a better implementation mode in more cases. Based on such an understanding, the technical solution of the present application is essentially or the part that contributes to the prior art can be embodied in the form of a software product, which is stored in a readable storage medium, such as a computer floppy disk, a U disk, a mobile hard disk, a ROM, a RAM, a disk or an optical disk, etc., including a number of instructions to enable a computer device (which can be a personal computer, a training device, or a network device, etc.) to execute the methods described in each embodiment of the present application.

[0164] In the above embodiments, all or part of the embodiments may be implemented by software, hardware, firmware or any combination thereof. When implemented by software, all or part of the embodiments may be implemented in the form of a computer program product.

[0165] The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the process or function described in the embodiment of the present application is generated in whole or in part. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable devices. The computer instructions may be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions may be transmitted from a website site, a computer, a training device, or a data center by wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) mode to another website site, computer, training device, or data center. The computer-readable storage medium may be any available medium that a computer can store or a data storage device such as a training device, a data center, etc. that includes one or more available media integrations. The available medium may be a magnetic medium, (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state drive (SSD)), etc.

Claims

1. A browser advertisement delivery method, characterized in that: include: In response to an access instruction of a target webpage, the webpage code of the target webpage is obtained, and based on a target code segment in the webpage code, advertisement data is obtained and a canvas tag is inserted into the document structure of the target webpage; the canvas tag is used to define a graphics drawing area in the target webpage; Creating a graphics drawing area for the canvas tag in the target web page; Based on the target code segment, a drawing engine is called to draw the advertisement content on the graphics drawing area according to the advertisement data.

2. The method for delivering advertisements to a browser according to claim 1, characterized in that: Get advertising data, including: Sending an advertisement data acquisition request to a server; the advertisement data acquisition request includes a user identifier; Receive the advertisement data returned by the server in response to the advertisement data acquisition request; the advertisement data is obtained in the following manner: the server searches for the advertisement source file corresponding to the user identifier in the advertisement library; if found, parse the advertisement source file to obtain the advertisement data; if not found, randomly select an advertisement source file from the advertisement library, parse the advertisement source file to obtain the advertisement data.

3. The browser advertisement delivery method according to claim 1, characterized in that: The browser advertisement delivery method further includes: Configure timer parameters, where the timer parameters include a time interval for repeated display and / or a limit on the number of repeated displays; The timer is started, and according to the timer parameter, the drawing engine is called again to repeatedly draw the advertisement content on the target web page according to the advertisement data.

4. The browser advertisement delivery method according to claim 1, characterized in that: The target code segment includes: a code segment for referencing a target JS component; the target JS component is a component obtained by compiling, compressing and encrypting a JavaScript file; the JavaScript file is used to implement the process of obtaining the advertisement data and inserting a canvas tag into the document structure of the target web page, and calling a drawing engine to draw the advertisement content on the graphics drawing area according to the advertisement data.

5. A browser advertisement delivery device, characterized in that: include: A processing module, configured to obtain the webpage code of the target webpage in response to an access instruction of the target webpage, and based on the target code segment in the webpage code, obtain the advertisement data and insert a canvas tag into the document structure of the target webpage; the canvas tag is used to define a graphic drawing area in the target webpage; A creation module, used for creating a graphics drawing area in the target web page for the canvas tag; The drawing module is used to call a drawing engine based on the target code segment and draw the advertisement content on the graphic drawing area according to the advertisement data.

6. The browser advertisement delivery device according to claim 5, characterized in that: The process of the processing module acquiring the advertisement data specifically includes: Sending an advertisement data acquisition request to a server; the advertisement data acquisition request includes a user identifier; Receive the advertisement data returned by the server in response to the advertisement data acquisition request; the advertisement data is obtained in the following manner: the server searches for the advertisement source file corresponding to the user identifier in the advertisement library; if found, parse the advertisement source file to obtain the advertisement data; if not found, randomly select an advertisement source file from the advertisement library, parse the advertisement source file to obtain the advertisement data.

7. The browser advertisement delivery device according to claim 5, characterized in that: The browser advertisement delivery device further comprises: A configuration module, used to configure timer parameters, wherein the timer parameters include a time interval for repeated display and / or a limit on the number of repeated displays; The timing module is used to start the timer, re-call the drawing engine according to the timer parameters, and repeatedly draw the advertisement content on the target web page according to the advertisement data.

8. A computer program product, characterized in that It includes computer-readable instructions, and when the computer-readable instructions are executed on an electronic device, the electronic device implements the browser advertisement delivery method as described in any one of claims 1 to 4.

9. An electronic device, characterized in that: The method comprises at least one processor and a memory connected to the processor, wherein: The memory is used to store computer programs; The processor is used to execute the computer program so that the electronic device can implement the browser advertisement delivery method as described in any one of claims 1 to 4.

10. A browser advertisement delivery system, characterized in that: include: The browser is used to obtain the webpage code of the target webpage in response to the access instruction of the target webpage, and send an advertisement data acquisition request to the server based on the target code segment in the webpage code; The server is used to respond to the advertisement data acquisition request and return the advertisement data; The browser is further used to receive the advertisement data and insert a canvas tag into the document structure of the target web page based on the target code segment; the canvas tag is used to define a graphics drawing area in the target web page; The browser is further used to create a graphics drawing area for the canvas tag in the target web page; The browser is further configured to call a drawing engine based on the target code segment, and draw the advertisement content on the graphics drawing area according to the advertisement data.

Images