Track KISSInsights (now Qualaroo) surveys with Google Analytics

[UPDATE - January, 19th 2012] I update the code so it is compatible with all question type.
[UPDATE - January, 25th 2012] I fix two bug. 1) Now the GA event is fire. 2) surveyId extraction is cleaner.
[UPDATE - February, 23th 2012] Added some screenshot from Google Analytics
[UPDATE - August, 16th 2012] More complete code

For a while, I searched a way to track KISSInsights with Google Analytics (GA). I wished to use the GA _trackEvent tag to capture the actual question/answer.
Here the code (using jQuery):

1. Load Google Analytics. Make sure you use your UA.
2. Load KISSInsights (now Qualaroo). Make sure you use your survey code.
3. Check if jQuery is available, if not, load it
4. Link Qualaroo with Goolge Analytics

<script type="text/javascript">  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-XXXXXX-X']);  _gaq.push(['_trackPageview']);  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();</script><script type="text/javascript">var _kiq = _kiq || [];</script><script type="text/javascript" src="//s3.amazonaws.com/ki.js/XXXXX/XXX.js" async="true"></script><script type="text/javascript">  (function() {    // if jQuery isn't loaded, do so now and attach an onload event to fire initGA    if (typeof jQuery === "undefined") {      var jq = document.createElement('script');      jq.type = 'text/javascript';      jq.src = '//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';      jq.onreadystatechange = function() {        if (this.readyState === 'complete') {          init(jQuery);        }      };      jq.onload = init;      var s = document.getElementsByTagName('script')[0];      s.parentNode.insertBefore(jq, s);    }    else { // jQuery is already loaded, we can use it      jQuery(document).ready(function($) {        init($);      });    }  })();    function init($) {    // This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.    // Fire when the user submit the survey.    _kiq.push(['eventHandler', 'submit', function(){     // Retrieve KISSInsights survey ID.    surveyId = $("[src*='kissinsights.com']").attr("src").match(new RegExp("(id=)([0-9]*)&"))[2];        // For each survey questions...    for (i = 0; i < $("[class*='ki_question']").length; i++) {    // ... get the question text...    question = $("[class*='ki_h1']:eq("+i+")").text();        // ... and the selected anwser text    // Check first for radio button answer.    anwser = $("[class*='ki_question']:eq("+i+") input:checked[type='radio']").closest("label").text();        // Then for checkbox answer    if (anwser == "" || anwser == null || anwser == undefined) {      anwser = $("[class*='ki_question']:eq("+i+") input:checked[type='checkbox']").closest("label").text();    }        // Then for textbox answer(s)    if (anwser == "" || anwser == null || anwser == undefined) {      anwser = $("[class*='ki_question']:eq("+i+") textarea").val();    }        // And finaly, score    if (anwser == "" || anwser == null || anwser == undefined) {      anwser = $("[class*='ki_question']:eq("+i+") [class*='active'] a").text();    }         // If both data are available, queue a Google Analytics _trackEvent tag.    if (question && anwser) { _gaq.push(['_trackEvent', 'VOC' +' - ' + surveyId, question, anwser]); }    }  }]);</script>

Basically, this code is trigger when a user submit his answer. It will create a _trackEvent tag for each question/answer(s) pair. The beauty of the code is that it fetch the actual text value automatically and save it in a readable way into GA.

• Event category: Always VOC (you can change it to any thing you like.)
• Event action: The actual survey id (so if you have multiple survey running at the same time, each one would be save separately in GA.)
• Event label: "Question text | Answer(s) text"

Doing so, I could then create segments and custom reports in Google Analytcs base on that Voice of Customer (VoC) data.
For example:

• Which traffic source yield better satisfaction?
• Does satisfaction impact goal completion rate?
• Does satisfaction impact frequency/recency of visitor?

Here a example on how to create a custom report in Google Analytics to categorize outcome base on survey answer.

And here a example directly from the Google Analytics Events report.

Enjoy and feel free to let me know/share if you like :-)
[UPDATE - January, 20th 2012] You could easily modify the tracking to use an alternate version. Your choice.

if (question && anwser) _gaq.push(['_trackEvent', 'VOC-' + surveyId, question, anwser]);

• Event category: VOC-surveyID (so if you have multiple survey running at the same time, each one would be save separately in GA.)
• Event action: Question text
• Event label: Answer(s) text