Free and unlimited widget to gather feedback without having to register in any website, worry about limitations or pay any monthly fees.
- Free and unlimited feedback
- Integrated with your Google Analytics data
- Just 1KB in size (gzipped) and no dependencies
- Easy to install
- Mobile-ready
- Daily emails + Advanced reports
- Full customization + Multilanguage
The only thing you need is to use Google Analytics, no jQuery or other dependiencies are needed.
The plugin is fully customizable, supports multiple languages and works in Desktop, mobile and tablet devices. It has been coded to be extremely tiny at just 1KB.
You can see a live demo here: trendliker.com
The plugin places a sticky button at the bottom right of the page:
Once clicked, it shows a Feedback form:
The user can select what type of feedback to send and fill in a text box. Once the user clicks Send a Thank you message shows up and the dialog disappears.
All messages are saved as "Feedback" Events in Google Analytics.
The Feedback widget dashboard is a readymade dashboard that displays user's feedback in tables (these are sorted by Number of Sessions per User so more active users show up first). The right column has a few other things like a pie chart and a timeline of all feedback received.
Click here to get this Dashboard, it's a great starting point and you can customize it further later, keep reading to see how.
At the top of the Dashboard there's an Email button, click it to get an email with the Dashboard. You can customize Daily, Weekly, Monthly reports and also send it to you and your team:
If you don't want to receive an email every day, Google Analytics has got a feature called Alerts in Intelligence Events which allow you to receive emails when certain things happen. In the example below we receive a daily email when Feedback is submitted:
You can choose to get an email only when more than 10 people submitted feedback, or filter only "Problems", or just get feedback from returning visitors, or from people that are in the US, or feedbacks that include the word "error", or feedback from users using Firefox...
Feedback submissions are saved as Events in Google Analytics (Reporting > Behaviour > Events).
- Events Category:
Feedback
- Events Action:
Problem
,Suggestion
,Compliment
orOther
- Events Label: User's feedback
- Events Value:
1
- Load the
feedback.js
file after the Google Analytics code - Initialize the Feedback widget with your parameters
- Done :)
Here's a couple examples you can copy-paste:
<script src="feedback.js"></script> <script> Namespace.gaf.init( { 'open': 'Feedback', 'title': 'We would love to hear your thoughts!', 'option1': 'Problem', 'option2': 'Suggestion', 'option3': 'Compliment', 'option4': 'Other', 'placeholder': 'Please enter your feedback here…', 'send': 'Send', 'thankyou': 'Thank you for your feedback!' } ); </script>
<script src="feedback.js"></script> <script> Namespace.gaf.init( { 'open': 'Feedback', 'title': 'Nos encantaría conocer tu feedback:', 'option1': 'Problema', 'option2': 'Sugerencia', 'option3': 'Cumplido', 'option4': 'Otro', 'placeholder': 'Por favor, escribe aquí tu feedback…', 'send': 'Enviar', 'thankyou': '¡Gracias por tu feedback!' } ); </script>
You can load the Feedback form and control the Feedback widget from any other script in your site by accessing the gaf
namespace. For example, to show the Feedback dialog window you can run this:
Namespace.gaf.loadDialog();
You now have a full Feedback website tool for free, and what's more awesome is that it is already built into Google Analytics with the rest of your website's traffic data. You can add it to your Dashboard, create reports on % of bugs reported, user satisfaction vs number of visits, etc... Be creative!
Built by Xavi. Feel free to create issues, pull requests or send me suggestions and ideas on how to improve the Dashboard, etc.