System and computer-implemented method for in-page reporting of user feedback on a website or mobile app

A computer-implemented method of composing and presenting a recording of interaction with a selected web page of a website, said method comprising the steps of:

• loading with a web browser a replay module to enable recording of interaction data during user interaction with the selected web page;
• recording, with the replay module, the interaction data during user interaction with the selected web page;
• processing the interaction data to compose a replay visualization, wherein the replay visualization is a video recording of interaction of an end user of the website to give context to results of surveying the end user, metadata related to the end user, and analytics related to the survey results, wherein the metadata is contextual information providing context for the survey results related to the survey presented to users for gathering feedback about the selected webpage, the metadata including at least one identifier of a webpage from which the survey was activated by a survey badge and a history of webpages visited prior to activation of the survey badge by the user;
• and
• displaying, with a translucent in-page console related to the selected web page and overlaid on the selected web page, (i) the replay visualization and (ii) the metadata related to the user completing the survey and analytics derived from the survey results, to enable review by a website manager of the replay visualization for the selected web page overlaid on the selected web page, such that the web page is at least partially visible through the in-page console.

A computer-implemented method of replacing a feedback badge on a selected web page of a website with a reporting badge for a website manager to review interaction data captured during user interaction with the selected web page, wherein the interaction data comprises at least one of survey results, metadata related to a user completing a survey and analytics derived from the survey results, wherein the metadata is contextual information providing context for the survey results related to the survey presented to users for gathering feedback about the selected webpage, the metadata including at least one identifier of a webpage from which the survey was activated by a survey badge and a history of webpages visited prior to activation of the survey badge by the user, said method comprising the steps of:

• implementing, with the web browser, the feedback badge on the selected web page for enabling submission of feedback related to the selected web page;
• activating, with the web browser, an in-page console related to the selected web page, via an activation procedure, the in-page console being overlaid on the selected web page, wherein the in-page console is translucent such that the web page is at least partially visible through the in-page console;
• and
• displaying, in the in-page console, the interaction data comprising the at least one of survey results, metadata related to the user completing the survey and analytics derived from the survey results, the in-page console further displaying a video recording created from the interaction data captured during user interaction with the selected webpage before, during or after the user response to the survey;
• and
• replacing the feedback badge with a reporting badge upon activation of the in-page console and with the reporting badge displaying an indicator of interaction data captured for the selected web page.