Aspects of the disclosure generally relate to a graphical overlay related to data mining and analytics.
Data mining is a field in which data about users is collected and analyzed for a variety of purposes. Data mining may be performed to collect/analyze, for example, Internet data such as web analytics. Web analytics may be obtained when a population of users visits a web page and/or starts an application that causes certain program instructions to be executed. Usually, data is collected for web analytics purposes through a variety of mechanisms, including the setting of a cookie and/or by running scripts in the HTML document. The scripts may perform a variety of functions, including grabbing variables from the document object model (DOM) and/or sending back an image request to a data collection server either internally or externally hosted.
The program instructions for web analytics are generally authored and run by a variety of vendors, including Omniture™, Google™, Yahoo™, and Webtrends™, among others, in order to be able to capture data such as web page load times, “mouse overs” (i.e., moving a mouse over a particular object on the web page), and the page requestor's IP address. Meanwhile, web pages are generally written in Hypertext Markup Language (HTML). They are written using HTML elements that include “tags” surrounded by angle brackets. Information in the tag may tell the web browser how to interpret the HTML element (e.g., as text, for insertion of an image into the webpage, for running a script, etc.). These tags can, among other things, include or can load scripts in languages such as JavaScript™. A medium complexity web page may include 5-10 tags with a reference to scripting code stored on servers managed by different vendors.
When a marketer associated with an organization decides that she wants to change the code to measure and analyze different features, the process is often tedious and challenging. In many situations, to perform this update, the marketer must create a new custom variable in the program instructions, define what the new variable is, and specify what data the modified code must capture for the web page. Since the marketer might not be skilled in how to perform these modifications, she must interface with her information technology (IT) department or other similar agency. Sometimes, even the IT department may not adequately understand the syntax of the web analytics program instructions to properly modify the code, especially given that the myriad web analytics vendors, advertisers, survey researchers, and marketers all have their own custom computer code for effectuating the collection of data for analysis. In other situations, the IT department may not have the appropriate bandwidth to modify the code for deployment on schedule (e.g., for an advertisement campaign deadline, etc.). These problems are only exacerbated when a client's website has many pages and/or many different types of program instructions for collecting various data about a web page visitor.
In light of the foregoing background, the following presents a simplified summary of the present disclosure in order to provide a basic understanding of some aspects of the invention. This summary is not an extensive overview of the invention. It is not intended to identify key or critical elements of the invention or to delineate the scope of the invention. The following summary merely presents some concepts of the invention in a simplified form as a prelude to the more detailed description provided below.
Aspects of the disclosure address one or more of the issues mentioned above by disclosing methods, computer readable media, and apparatuses for providing a graphical overlay for data mining and managing analytic data.
In some aspects of the disclosure, a graphical overlay may be displayed over at least a portion of a page displayed on a graphical user interface according to page data. The graphical overlay may receive inputted data, such as event information indicating a specific type of analytic data to be collected. The event information may assist in identifying program instructions from a library. The identified program instructions may be modified to enable them to collect the specific type of analytic data when executed by a processor. These modified program instructions may be embedded into the page data. The graphical overlay may display, based on the inputted data, some or all of the analytic data received from a remote server. The analytic data, in some examples, may be updated in real time.
Of course, the methods and systems of the above-referenced embodiments may also include other additional elements, steps, computer-executable instructions or computer-readable data structures. In this regard, other embodiments are disclosed and claimed herein as well. The details of these and other embodiments of the present invention are set forth in the accompanying drawings and the description below. Other features and advantages of the invention will be apparent from the description and drawings and from the claims.
The present invention is illustrated by way of example and is not limited in the accompanying figures in which like reference numerals indicate similar elements and in which:
In accordance with various aspects of the disclosure, methods, computer-readable media, and apparatuses are disclosed that allow clients to view and report analytic data, identify elements on a page to facilitate analytic data intake, and generate rules to collect and customize analytic data. Clients may use the methods, computer-readable media, and apparatuses disclosed herein in conjunction with analytic data obtained from one or more 3rd party vendors. Further, the methods, computer-readable media, and apparatuses may be implemented with add-ons to various applications or as a separately compiled application. Accordingly, clients may efficiently and effectively manage analytic data. Herein, analytic data may include web analytics collected by 3rd party vendors and others. However, web analytics is just one example of analytic data. It should be understood that references made to the “analytic data” being web analytics collected by 3rd party vendors are non-limiting examples, and that analytic data can be any data collected and/or displayed by any entity for various purposes (e.g., security purposes, troubleshooting purposes, etc.).
In some aspects of the disclosure, a graphical overlay may be used to generate rules based on user input in order to collect analytic data provided by various vendors. The graphical overlay may be configured so that a user can view both the graphical overlay and a page from which the analytic data displayed in the graphical overlay is extracted. The graphical overlay may appear in a pane alongside of the displayed page or may appear in a window that floats over at least a portion of the displayed page. Furthermore, the graphical overlay may be configured to refresh its display as the user navigates from one page to the next.
In the following description of the various embodiments of the disclosure, reference is made to the accompanying drawings, which form a part hereof, and in which is shown by way of illustration, various embodiments in which the disclosure may be practiced. It is to be understood that other embodiments may be utilized and structural and functional modifications may be made.
The I/O module 109 may be configured to be connected to an input device 115, such as a microphone, keypad, keyboard, touch screen, and/or stylus through which a user of the computing device 100 may provide input data. The I/O module 109 may also be configured to be connected to a display 117, such as a monitor, television, touchscreen, etc., and may include a graphics card. The display and input device are shown as separate elements from the computing device 100, however, they may be within the same structure.
The memory 113 may be any computer readable medium for storing computer executable instructions (e.g., software). The instructions stored within memory 113 may enable the computing device 100 to perform various functions. For example, memory 113 may store software used by the computing device 100, such as an operating system 119 and application programs 121, and may include an associated database 123.
The network interface 111 allows the computing device 100 to connect to and communicate with a network 130. The network 130 may be any type of network, including a wide area network (WAN), such as the Internet, and a local area network (LAN). Through the network 130, the computing device 100 may communicate with one or more computing devices 140, such as laptops, notebooks, smartphones, personal computers, servers, etc. The computing devices 140 may also be configured in the same manner as computing device 100. In some embodiments the computing device 100 may be connected to the computing devices 140 to form a “cloud” computing environment.
The network interface 111 may connect to the network 130 via communication lines, such as coaxial cable, fiber optic cable, etc. or wirelessly using a cellular backhaul or wireless standard 802.11. In some embodiments, the network interface may include a modem. Further, the network interface 111 may use various protocols, including TCP/IP, Ethernet, File Transfer Protocol (FTP), Hypertext Transfer Protocol (HTTP), etc., to communicate with other computing devices 140.
The computing device 100 may be a mobile device (e.g., a smartphone), and thus, may also include various other components, such as a battery, speaker, and antennas (not shown).
Referring to
Further, the computing device 100 may also display a graphical overlay 203. Herein, the graphical overlay 203 may refer to the graphical overlay 203 that is displayed and/or the computer executable instructions that render/generate the graphical overlay 203. As shown in
Whether the graphical overlay 203 is within a pane or floating window, in one example, the graphical overlay 203 may be generated from the same application or browser that generates the page 201. In such an example, it is not necessary to run a separate application to generate the graphical overlay 203; instead, the graphical overlay 203 can be generated automatically when the page 201 is generated or when a user selects to generate the graphical overlay 203 from within the application or web browser that displays the page 201. In an alternate example, the graphical overlay 203 may be generated by a different application than that which generates the page 201. In some embodiments, an icon on a toolbar or an option from a drop-down menu may be provided to allow the user to choose when to display the graphical overlay 203.
The graphical overlay 203 may be configured to receive one or more inputs (e.g., user inputs). In one example, a user may input various parameters into the graphical overlay 203 via one or more fields 205 within the graphical overlay 203. The field(s) 205 may be any component that allows data entry, such as a text box, radio button, drop-down menu, etc. Data may be entered into the fields 205 using one or more input devices 115.
While
As shown in
In some embodiments, the analytics server 250 and host server 260 may be in the same location and may even be integrated together. The analytics server 250 may include an analytics processor 252, storage 254, and a firewall 256. The analytics server 250 may be configured to receive and store analytic data for the page 201 and other pages containing scripts or cookies for collecting data. Examples of the analytic data include a number of mouse-overs for certain objects on the page 201, IP addresses of visitors to the page 201, URLs or addresses of other recently visited pages, load times of page 201, full session replay (i.e., video capture of all cursor movements), etc., and other examples of analytic data that would be apparent to one skilled in the art after review of the entirety disclosed herein. This analytic data may be stored in the storage 254 of the analytics server 250. In one example, the analytic data stored in the analytics server 250 may be received whenever users visit page 201, whether from the computing device 100 displaying the graphical overlay 203 or from the other computing devices 140.
Further, the analytics processor 252 may be configured to receive parameters and other information from the computing device 100 running the graphical overlay 203, and to filter the analytic data according to the received parameters. For instance, the analytics processor 252 may evaluate all of the mouse-overs and their corresponding IP addresses to determine the geographical region with the most mouse-overs. Accordingly, data processing (e.g., filtering) can be performed on the analytics server side using data inputted through the graphical overlay 203 to reduce the amount of computation performed by the computing device 100.
The firewall 256 may be set up to protect the analytic data collected and stored by the analytics server 250. Specifically, the firewall may be configured to prevent access to the analytic data by devices other than the computing device 100 running the graphical overlay 203. The graphical overlay 203 may include verification information (e.g., username and password) to automatically authorize the computing device 100 to access the analytic data of the analytics server 250, so that a user does not have to provide further verification information once the graphical overlay 203 is initiated.
Meanwhile, the host server 260 may be any server configured to provide page data for the page 201. Where the page 201 is a webpage, the host server 260 may be a web hosting server. In some examples, the web hosting server may be maintained by a third party. When a URL for the page 201 is entered into a web browser, the web browser may retrieve the page data from the host server 260. Accordingly, the host server 260 may include storage 264 for storing the page data. Further, the host server 260 may include a firewall 266 that restricts permission to edit the page data stored therein to certain authorized users (e.g., web administrators). The firewall may require a username and/or password before allowing a user to modify the page data (e.g., web page source code). In some embodiments, the graphical overlay 203 may include additional verification information to automatically authorize the computing device 100 to download and upload the page data of the host server 260, so that a user does not have to provide further verification information once the graphical overlay 203 is initiated. Thus, the graphical overlay 203 may automatically upload modified page data, including code for carrying out rules generated with the graphical overlay 203. Alternatively, the graphical overlay 203 may upload the modified page data only when the user of the graphical overlay 203 desires.
In step 302, a page 201 is displayed within the application or web browser. To display the page 201, the application or web browser reads data corresponding to a user selection. For example, if a user enters a URL into a web browser, the web browser uses the Hypertext Transfer Protocol (HTTP) to retrieve HTML data corresponding to the particular URL and renders/interprets the HTML data to display the appropriate web page. The data for generating the content of the page 201 may be stored locally on the computing device 100 or remotely on a server (e.g., host server 260) or other computing device 140.
In step 303, a graphical overlay 203 is displayed. The same application or web browser that generates the page 201 may generate the graphical overlay 203. More specifically, the application or web browser initiated in step 301 may also interpret computer readable instructions for displaying the graphical overlay 203. This may be implemented by providing a software add-on (e.g., a software plug-in) to the application or web browser for processing instructions to generate the graphical overlay 203. This software add-on may be implemented with Adobe Flash, Adobe Flex, Adobe Integrated Runtime (AIR), JavaScript, Applets, or any other platform that can interface with the application or web browser to provide the graphical overlay 203. In some embodiments, generation of the graphical overlay 203 may be triggered by a tag within the data of the page 201. Thus, the application or browser may generate the graphical overlay 203 in response to interpreting the tag among the page data. Various graphical overlays 203 may therefore be triggered by accessing various pages 201. In one or more arrangements, even different web pages of the same website may cause different graphical overlays 203 to be generated. In some examples, a mapping table (or comparable structure) may be used to maintain a map of web pages to graphical overlays. In light of the above implementations, it should be understood that a separate program does not have to be executed to generate the graphical overlay 203. Nevertheless, in some embodiments, the graphical overlay 203 can be generated by a separate application that is capable of communicating with the application or web browser.
Further, step 303 may be performed at the same time as step 302. That is, both the graphical overlay 203 and page 201 may be generated and displayed in response to the same event (e.g., a user selection to run a web browser).
Alternatively, step 303 may be performed to display the graphical overlay 203 in response to a particular user selection. In some embodiments, a user may select an icon on a toolbar or an option from a drop-down menu within the compiled application or web browser in order to trigger the generation of the graphical overlay 203. Further, before generating the graphical overlay 203, a user may be prompted to provide authentication information (e.g., a username and password). Accordingly, the graphical overlay 203 may only be displayed upon proper entry of authentication information thereby preventing unauthorized users from viewing and using the graphical overlay 203.
Once the graphical overlay 203 is displayed, a user may input data into the graphical overlay at step 304. The input data acquired at step 304 may include graphical overlay design information, report layout information, analytic data type information, analytic data storage location information, object identification information, parameter information, backend system information, user-specific information, external data source information, and/or event information. Herein, the graphical overlay design information refers to information that controls the design of the graphical overlay 203. Such information may include color, font, size, etc., which determine the format of the graphical overlay. The report layout information refers to information that indicates the desired layout of the graphical overlay 203, including information indicating how the analytic data is displayed. For example, report layout information may indicate that the analytic data should be shown in a bar graph, pie chart, spreadsheet, line graph, etc. The analytic data type information refers to information specifying a type of analytic data that is desired to be collected or displayed in the graphical overlay 203. For instance, the analytic data type information may indicate that analytic data regarding mouse-overs, page load times, IP addresses of visitors, the URLs of pages visited prior to the current page 201, etc. are desired. Analytic data storage location information refers to information indicating where collected analytic data is to be stored and/or from where the analytic data to be displayed is retrieved. Accordingly, the analytic data storage location information may be a uniform resource identifier (URI) (e.g., a URL) or another memory address. Object identification information refers to information identifying objects/elements/items within the displayed page 201 for which analytic data is desired. Objects may include links, advertisements, text, images, video, audio, or any specified area of a displayed page 201. Parameter information refers to information used for filtering analytic data during analytic data collection and/or reporting. The parameter information may specify one or more parameters, which include percentages, thresholds, intervals, and other limits. The backend system information may include details regarding changes made to a specific page (e.g., changes to the source code or scripts embedded in tags of a webpage). In some embodiments, the backend system information may include or be derived from a change log file of a content management system. Such backend system information allows a user to view a history of changes made to a particular page through the graphical overlay 203. User-specific information may include comments or notes of a specific user of the graphical overlay 203. External data source information may include information identifying external data sources related to the displayed page (or related to elements of the page) and other information regarding the external sources (e.g., status information, contact information, etc.). Event information refers to any information that characterizes an event, which is used to trigger the collection of analytic data. Event information may include information related to one or more events, the relationship between the events, and/or any information that defines conditions for triggering analytic data collection. Event information may indicate whether events are to occur simultaneously, in a particular sequence, or with no particular relationship. As described below, one or more types of the above information may be used to generate rules to facilitate analytic data collection.
Further, in step 304, one or more inputs of each of the graphical overlay design information, report layout information, analytic data type information, analytic data storage location information, object identification information, parameter information, and event information may be acquired. The user may input data using a keyboard, mouse, touch screen, stylus, etc. As discussed above, the graphical overlay 203 may include various fields 205 for receiving the inputted data.
In some embodiments, the user may input data directly into the fields 205 of the graphical overlay 203. For example, the user may click on a field and then type data into the field, or select an input from a list of available inputs. Where a list of available inputs is provided, the list displayed in the graphical overlay 203 may depend on the content of the simultaneously displayed page 201. For instance, where the page 201 is a webpage, the graphical overlay 203 may display a list of hyperlinks contained within the webpage.
Alternatively, the user may input data into the graphical overlay 203 by selecting one or more objects/elements/items appearing on the page 201. For example, the user may select a link from within a webpage by first activating a selection tool from within the graphical overlay 203, which may modify the appearance of a cursor. Then, the user may move a mouse to position the cursor over the desired link on the webpage, and click the mouse to select the desired link. Clicking on the link in the webpage may populate a field within the graphical overlay 203 to indicate selection of the desired link. For example, the destination address (e.g., URL) of the link, the text/image that forms the link, or another symbol that represents selection of the link may appear in the graphical overlay 203. The graphical overlay 203 can then display analytic data related to the link or generate rules for collecting analytic data corresponding to the selected link as explained in further detail below.
It should be understood that the above example is just one way in which objects/elements/items may be inputted into the graphical overlay 203. Various methods for selecting objects/elements/items can be used, such as drag-and-drop, drawing a box around the desired object(s), session capture (i.e., capture all/most movements within a certain time frame), etc. In order to enable selection of elements within a web page, the graphical overlay 203 may incorporate or interface with a parser that may parse HTML and/or XML elements using the Document Object Model (DOM). After parsing the web page using the DOM, the graphical overlay 203 may import HTML and/or XML elements from the DOM document. Here, importing HTML and/or XML elements may include replicating the selected HTML and/or XML elements or generating an object or other information that may subsequently identify selected HTML and/or XML elements.
In some embodiments, the input data may not be shown in the graphical overlay 203. Even though the graphical overlay 203 may receive input data when, for example, a user clicks on an object in the page 201, only the analytic data corresponding to the input data (i.e., not the input data itself) may be displayed. However, in such cases, the graphical overlay 203 is still considered to have received the input data because the computer readable instructions associated with the graphical overlay 203 are responsible for handling the input data.
In step 305, rules may be generated based on the input data obtained in step 304. More specifically, the input data may be used to generate computer-readable instructions (i.e., program instructions) that when executed can facilitate the collection and display of analytic data. In particular, the input data may be used to generate code in JavaScript, Adobe Flash, etc. For example, the input data may be used to generate code that includes a JavaScript function capable of detecting one or more various events, such as mouse-overs or visits to the page 201. For the purpose of generating code, the graphical overlay 203 may have access to pre-written program instructions (e.g., JavaScript functions in a JavaScript library), which may be stored at the computing device 100 or at a remote location, such as a server of a web analytics vendor. The graphical overlay 203 can embed one or more of these pre-written program instructions (e.g., functions) into the data of the page 201 or insert a pointer (e.g., a script tag referencing code stored on a remote server) to one or more of these pre-written program instructions into the data of the page 201. Thus, the pre-written program instructions may be inserted into the file including the data for generating the page 201 so that the pre-written instructions can be interpreted along with the page data when later accessed. Further details on the process of generating rules are provided below with respect to
One or more rules may be generated in step 305. That is, one or more blocks of code, each including one or more functions, may be embedded into a page 201 at step 305. Further, the generated rules may perform various tasks, such as setting up conditions for acquiring analytic data and filtering analytic data. For example, a user may input event information into the graphical overlay 203 to generate a rule that detects when a mouse is positioned over a specified object on the page 201 for a particular period of time, while another rule is generated to limit the analytic data to mouse-overs by visitors having international IP addresses. Accordingly, through customizing the collection of analytic data, a user of the graphical overlay 203 can evaluate the analytic data from many angles.
Additionally, previously existing rules may be modified in step 305. The graphical overlay 203 may automatically display one or more rules that exist for the currently displayed page 201. Alternatively, existing rules are shown in the graphical overlay 203 in response to a user request or user selection of an object related to the existing rule. In other words, if analytic data is already being collected for mouse-overs of a particular element within page 201, then when a user selects the particular element, the graphical overlay 203 may indicate that mouse-overs are being detected for that element. Moreover, the graphical overlay 203 may display the analytic data and information associated with the current rule, so that a user can assess whether the rule is providing useful data.
In step 306, the page data including the newly generated rules may be stored. Step 306 may be performed automatically after each rule is generated or in response to a user instruction. In some embodiments, the page data having the new rules may be stored on the same computing device 100 which was used to input data to create the rules. Alternatively or additionally, the page data having the new rules may be stored on a remote host server/computer. For example, where the page data having the rules corresponds to modified source code for a webpage, the modified source code may be uploaded to the host server 260 so that analytic data can be collected according to the new rules.
Once the page data, including the new rules, are stored, analytic data may be collected according to the new rules at step 307. More specifically, scripts (e.g., JavaScript functions) embedded within the page data may operate to collect analytic data according to the new rules whenever the page 201 is accessed. Moreover, each script may include one or more URIs (e.g., URLs) indicating one or more destinations for the analytic data. Therefore, a script may transmit the same analytic data to more than one analytics server 250. Also, the different scripts within the page data may transmit the collected analytic data to different destinations. Thus, a user of the graphical overlay 203 may design the page 201 to include one script that transmits analytic data to one analytics server 250 and another script that transmits different analytic data to a different analytics server 250.
In step 308, analytic data may be requested. The request for analytic data may be transmitted from the graphical overlay 203 through the network 230 to the analytics server 250. The request for analytic data may be sent periodically at defined intervals or in response to a user input into the graphical overlay 203. The request may also be sent whenever a user first navigates to a page 201 or at some set time thereafter.
In some embodiments, the request for analytic data sent in step 308 includes input data received in step 304. In such embodiments, the analytics server 250 may use the input data sent with the request to filter the analytic data previously collected. Therefore, the analytics server 250 may transmit only the filtered analytic data back to the graphical overlay 203. For example, the request for analytic data may include a date range, so that only analytic data collected within that range is transmitted back to the graphical overlay 203.
In one or more other embodiments, the request for analytic data may not include input data. Thus, the analytics server 250 may return all analytic data for the particular page 201. In this case, the graphical overlay 203 may filter all of the analytic data according to the data inputted at step 304. For example, the graphical overlay 203 may grab only IP addresses of web page visitors from among various types of analytic data received based on inputted data.
Whether the analytic data is filtered by the graphical overlay 203 or the analytics server 250, it may be displayed in the graphical overlay 203 at step 309. In certain aspects of the disclosure, the graphical overlay 203 may be displayed while the user navigates through pages 201. That is, as a user navigates from one page to the next, the graphical overlay 203 may update its display to show analytic data corresponding to the currently displayed page.
It should be understood that the process in
In step 313, the graphical overlay 203 receives program instructions. In some embodiments, the graphical overlay 203 may retrieve computer program instructions (e.g., a program function) from a library of pre-written program instructions. Further, the graphical overlay 203 may search for the appropriate program instructions based on data inputted into the graphical overlay 203. For example, if inputted data includes analytic data type information indicating that mouse-overs are desired, then the graphical overlay may retrieve a mouse-over function (e.g., JavaScript mouseover( ) function) from a library of available program instructions. Also, a user may use the graphical overlay 203 to select the desired program instructions from the library of available program instructions. For instance, a user may select program instructions by choosing a name representing the program instructions from a drop-down menu appearing in the graphical overlay 203. In some embodiments, the library of available program instructions may be provided by one or more third party vendors (e.g., web analytics vendors). Also, the pre-written program instructions may be offered in various computer languages (e.g., JavaScript, Adobe Flash, etc.). The library may contain scripts for performing any function with respect to any object (e.g., JavaScript objects, browser objects, DOM objects, etc.). For example, the library may include scripts for executing any type of event handler/listener and/or document object methods, such as getElementsByTagName( ), write( ), open( ), etc. One of skill in the art will appreciate after review of the entirety disclosed herein that numerous examples of event handlers and methods are known in the art and are contemplated herein in accordance with the disclosure.
In some embodiments, multiple libraries may be formed on the basis of which browser supports the methods and event handlers/listeners contained therein. For example, one library may be configured to support Mozilla Firefox™, while another library may be configured to support Microsoft Internet Explorer™.
Additionally, or alternatively, the graphical overlay may allow a user to enter program instructions. That is, the graphical overlay 203 may include an area that permits a user to supplement the provided information by writing program instructions in one or more languages (e.g., JavaScript, Adobe Flash, etc.).
In step 315, after the program instructions are received from a library, the program instructions may be modified based on the data inputted at step 304. More specifically, the input data may be used to create parameters, variables, and/or constants for a particular pre-written function obtained from the library in step 313. For example, if mouse-overs for a particular object are desired, then the program instructions for detecting mouse-overs (e.g., a JavaScript mouseover( ) function) may be modified to detect mouse-overs for the particular object identified by using object identification information for the particular object inputted at step 304 as a constant within the program instructions. Also, when a certain number of mouse-overs of the particular object are to be detected, input data entered into the graphical overlay 203 indicating the certain number may be included as a parameter in a call to the JavaScript function. Although the mouseover( ) function is described in the example above, the graphical overlay 203 may modify any event handler/listener.
Further, step 315 may be performed to modify an application or browser's built in methods. The application or browser's built in methods may be modified with program instructions received in step 313. The modifications may provide various ways to listen to one or more events and represent those events in the overlay 203. More specifically, modified program instructions may be generated to interpret objects and events from, for example, the DOM of a particular page 201. For example, known program instructions may be modified to listen to certain DOM events and detect an event (e.g., an AJAX event) based on a series of DOM events. The manner in which the modified program instructions are generated may vary. The modified program instructions may be generated by adding or removing a specific event listener using, for example, a generic add or remove event listener method (e.g., the addEventListener( ) and the removeEventListener( )) for a target event. That is, target events specified by data inputted at step 304 may be used as parameters for event listeners. Moreover, the generic event listeners may be modified with or called from within additional code directing the browser or application on how it should handle the results of the generic event listeners. This additional code may be a function that is modified to include event listeners based on data inputted at step 304. For example, a predefined function may exist for outputting data passed to it from any event listener, and therefore, step 315 may be performed to specify the event listener called by such function. The function may be a newly added function or an existing function of the browser.
Then, in step 317, the program instructions (modified or unmodified) are embedded into the page data of the page 201. In some embodiments, the user of the graphical overlay 203 may choose where in the page data to embed the modified program instructions. In other embodiments, the graphical overlay 203 may automatically determine where to embed the modified program (e.g., at or near the top of the page data).
Where the page 201 is a web page, the pre-written program instructions may be inserted into the source code of the web page. For example, if analytic data indicating the number of mouse-overs for a particular element or object is desired to be collected, the program instructions for collecting such information may be embedded into the source code in step 317. The graphical overlay 203 may implement a document object method (e.g., write ( ), writeIn( ), etc.) to embed scripts for event handling/listening and performing functions to output results of event listeners. The graphical overlay 203 may also embed one or more tags. The tag(s) may provide access to the data collected by the event handlers/listeners embedded into the page 201. Accordingly, the graphical overlay 203 may function as an XML editor to insert tags into the source code that may call the pre-written program instructions. Depending on the analytic data to be collected, the pre-written program instructions may be inserted into the header, body, or other part of the web page. For instance, if the analytic data to be collected relates to whether a particular link is clicked, then the pre-written program instructions may be inserted into the body of the current webpage. As a result, when a page 201 having embedded pre-written program instructions is accessed, the pre-written program instructions may operate to detect events and collect analytic data.
It should be understood that the process in
As shown in
In some embodiments, the graphical overlay 203 may automatically send a request to the analytics server 250 in response to the entering of data into both the object field 205a and the analytic data type field 205b. The analytics server 250 may then respond to the request with the results, which are displayed in the result field 205c. Alternatively, in response to the entering of data into both the object field 205a and the analytic data type field 205b, the graphical overlay 203 may request all analytic data from the analytics server 250 and determine the desired results itself. Still, in other embodiments, the graphical overlay 203 may have previously obtained all of the analytic data from the analytics server 250 (e.g., when the web page 201 was first accessed), and thus, the graphical overlay 203 may display the desired results without having to send a subsequent request.
Furthermore, the graphical overlay 203 may include instructions for continuously updating the desired results. For example, the graphical overlay 203 may include instructions to periodically send a request to the analytics server 250 after a predetermined period of time in order to obtain the most recent analytic data. Additionally, or alternatively, the analytics server 250 may push updated analytic data to the graphical overlay 203. In any case, referring to
In response to a user's decision to navigate to a second web page 201B, the web browser may update the graphical overlay 203. In other words, the graphical overlay 203 may refresh its display to show analytic data, such as a number of mouse-overs, for objects currently being displayed on the second web page 201B (e.g., a cowboy hat icon, a baseball cap icon, a fedora icon, and a winter hat icon). The computer readable instructions (i.e., computer code) for running the graphical overlay 203 may communicate with the web browser displaying the first and second web pages 201A and 201B so that the graphical overlay 203 may update automatically upon navigating to the first and second web pages 201A and 201B. Each time the user navigates to a new web page, the graphical overlay 203 may send a request to the analytics server 250 for analytic data corresponding to the new page or the analytics server 250 may automatically push the new analytic data to the graphical overlay 203. Accordingly, the graphical overlay 203 may display analytic data in real time.
The number and type of fields shown in
Additionally, here the graphical overlay 203 includes the event information field 205d for receiving data regarding a type of event to detect. For example, as shown in
Further, the graphical overlay 203 includes the analytic data storage location information field 205e. The analytic data storage location information field 205e receives a user input indicating where the analytic data to be collected should be stored. The graphical overlay 203 may be configured to interface with a number of different vendors that provide web analytics. Thus, the graphical overlay 203 may include the analytic data storage location information field 205e to designate which of the multiple vendors should store the collected analytic data. The analytic data storage location information field 205e may also allow a user to choose a private storage location (e.g., a private server) to store the analytic data.
In some embodiments, a submit button 209 may exist within the graphical overlay 203 so that the user may confirm that he/she desires to generate a rule according to the input data within one or more of the fields 205. Upon selection of the submit button 209, the graphical overlay 203 may insert a script into the HTML source code of the web page 201 and upload the modified source code to a host server 260 so that analytic data may begin to be collected in accordance with the newly generated rule. Thus, the graphical overlay 203 may allow a user to generate rules for collecting analytic data from within the actual environment that the analytic data is collected.
In the example system 700, the smartphone 731 may wirelessly communicate with the cell tower 733. Meanwhile, the cell tower 733 may be connected to the GGSN 737 through the cellular backhaul 735. The cellular backhaul 735 may include both wired and wireless connections. The GGSN 737 may be configured to interface the cellular backhaul 735 with the network 730, such as the Internet. Accordingly, the smartphone 731 may communicate with the web analytics server 750 and host server 760 to perform one or more of the various functions disclosed herein.
Referring to
As shown in
The graphical overlay 803 may perform any of the functions as the graphical overlay 203 described above. For example, as shown in
Aspects of the invention have been described in terms of illustrative embodiments thereof. Numerous other embodiments, modifications, and variations within the scope and spirit of the appended claims will occur to persons of ordinary skill in the art from a review of this disclosure. For example, one of ordinary skill in the art will appreciate that the steps illustrated in the illustrative figures may be performed in other than the recited order, and that one or more steps illustrated may be optional in accordance with aspects of the invention.
This application claims priority to U.S. Provisional Application Ser. No. 61/601,376 (Attorney Docket No. 007662.00006) filed Feb. 21, 2012, which is herein incorporated by reference in its entirety.
Number | Date | Country | |
---|---|---|---|
61601376 | US |