Skip to content

Free and unlimited feedback widget for your websites through Google Analytics

License

Notifications You must be signed in to change notification settings

laurenancona/ga-feedback

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Google Analytics Feedback Widget

Receive Feedback simply by using Google Analytics

Feedback dashboard

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

How it works

The plugin places a sticky button at the bottom right of the page:

Feedback button

Once clicked, it shows a Feedback form:

Feedback dialog

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.

Feedback Dashboard

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.

Feedback dashboard

Get results by email every day

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:

Daily email

Occasional alert for small sites

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:

Intelligence Events

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...

Customization and detail

Feedback submissions are saved as Events in Google Analytics (Reporting > Behaviour > Events).

  • Events Category: Feedback
  • Events Action: Problem, Suggestion, Compliment or Other
  • Events Label: User's feedback
  • Events Value: 1

Event Actions

Google Analytics Events Action

Event Labels

Google Analytics Events Label

Setting it up in your website

  1. Load the feedback.js file after the Google Analytics code
  2. Initialize the Feedback widget with your parameters
  3. Done :)

Here's a couple examples you can copy-paste:

English

<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>

Spanish

<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>

Advanced manual triggers

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();

Monthly reports and more...

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.

About

Free and unlimited feedback widget for your websites through Google Analytics

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%