System and method for generating and monitoring feedback of a published webpage as implemented on a remote client
A webpage feedback method implemented on a client device comprising the steps of creating a serialized webpage document of the webpage as implemented in the browser on the client device and of the inputted feedback by the feedback script and transmitting the serialized webpage document to the remote server of the serialized annotated webpage document by the implemented feedback script. A webpage feedback method implemented on a server system comprising the steps of receiving a feedback request from a client device on which a subscribing webpage is implemented, uploading a feedback script to the requesting client device, receiving a serialized webpage document from the client device and implementing the web page using the annotated hypertext markup language.
1. A webpage feedback method implemented on a server system comprising the steps:
receiving a feedback request from a client device on which a subscribing webpage is implemented;
uploading a feedback script to the requesting client device, wherein the feedback script redacts a first redaction type of the webpage according to a privacy policy;
receiving a serialized webpage document from the client device wherein the serialized webpage document is a copy of the subscribing webpage, said subscribing webpage having been redacted according to the privacy policy defined in a configuration form;
de-serializing and extracting from the received serialized webpage document user inputted feedback and annotated hypertext markup language code of the webpage as implemented on the client device while the user inputted feedback was inputted;
identifying annotated portions of the hypertext markup language code within individual elements defined within the extracted annotated hypertext markup language code;
loading the extracted annotated hypertext markup language code into a local browser window and manipulating the state of the loaded webpage using the identified annotated portions to replicate the webpage in the local browser as it was implemented in a browser on the client device when user inputted feedback was inputted;
generating a plurality of screenshot images of webpage that represent the webpage as a whole as implemented in the local browser;
generating a plurality of screenshots of individual elements within the webpage as implemented in the local browser;
storing in a database the received serialized webpage document, the extracted annotated hypertext markup language code, the extracted user inputted feedback, and the generated screenshot images; and
associating within the database screenshot images of the webpage as a whole and screenshot images of selected individual elements with their respective corresponding user inputted feedback.
2. The webpage feedback method implemented on a server system of claim 1 , wherein manipulating the state of the loaded webpage includes extracting and applying a character-set attribute, removing script tags, and replacing canvas tags with image tags, each image tag including a data Uniform resource Locator pointing to a location containing image data originally included as attribute data in each replaced canvas tag.
3. The webpage feedback method implemented on a server system of claim 1 , wherein loading the annotated hypertext markup language code into a local browser window includes sizing the browser window according to a viewport height and width attribute included in the identified annotated portions of the extracted annotated hypertext markup language code.
4. The webpage feedback method implemented on a server system of claim 1 , wherein loading the annotated hypertext markup language code into a local browser window includes positioning any scrollable elements within the webpage according to a scroll-property attribute included in the identified annotated portions of the extracted annotated hypertext markup language code for each scrollable element.
5. The webpage feedback method implemented on a server system of claim 1 , wherein loading the annotated hypertext markup language code into a local browser window includes checking or un-checking checkbox and radio button elements within the local browser according to an input-state attribute included in the identified annotated portions of the extracted annotated hypertext markup language code for each of the checkbox and radio button elements.
6. The webpage feedback method implemented on a server system of claim 1 , wherein loading the annotated hypertext markup language code into a local browser window further includes filling in text form elements within the local browser according to a form sub-object attribute included in the identified annotated portions of the extracted annotated hypertext markup language code for each of the form elements.
7. The webpage feedback method implemented on a server system of claim 1 , wherein loading the annotated hypertext markup language code into a local browser window includes assigning a redaction font to text elements within the local browser according to privacy policy data included in the identified annotated portions of the extracted annotated hypertext markup language code for each of the text elements.
8. The webpage feedback method implemented on a server system of claim 1 , wherein generating a plurality of screenshot images of the webpage as a whole includes taking multiple screenshots starting in the upper-left viewport of the browser and ending in the lower-right viewport of the browser and stitching the multiple screenshots together to generate the webpage as a whole in a single image file.
9. The webpage feedback method implemented on a server system of claim 1 , the first redaction type removes value attributes associated with input elements and text area elements defined within the privacy policy.
10. The webpage feedback method implemented on a server system of claim 1 , the privacy policy is defined in a configuration form downloaded by the feedback script on the client device.