Fork me on GitHub

Get instant feedbacks for your website.

You will need a browser extension to capture the current webpage.

Download

Snapsite.js (1k) (v0.1)

Browser extension

Usage

Insert library juste before </body> end tag

<script src="snapsite.js"></script>

Add a trigger

<button id="feedback">Make a feedback !</button>

Initialize the library

<script type="text/javascript">
    SnapSite(function(data) {
        //Do what you want..
        //Send it to your favorite bug tracker tool

        //Log screenshot as data url
        console.log(data.snap);
        //Browser User-Agent
        console.log(data.platform);
    }, {}, function(err) {
        //Extension not ready
    });
</script>

Library

Signatures

SnapSite(callback)
SnapSite(callback, options)
SnapSite(callback, options, error)

Options

- selector: change the default trigger #id (default: feedback)

{selector: "capture"}

- withExtension: show trigger only if extension is available (default: false)

{withExtension: false}

Flow

To get a smoothest flow for users without extension.
You can make a redirection to this url : http://snapsite.live/install?r=yourwebsite.com
Users will be redirected to specified website after extension installation.

Try it

Contribute

This library is open source

https://github.com/flysteur-dev/snapsite