Google Analytics Event tracking with HelpOut Tab

If you would like to configure HelpOut Tab installation to report its events to your Google Analytics account, such as: "Tab Clicked", "Knowledge base search + Search phrase", "Chat button click", "Ticket button click" and "Call button click" please add the following JavaScript code to the page on which HelpOut Tab code is installed:

<script type="text/javascript">

  function LHN_HelpPanel_onLoad(){

   wireLHNEvents();

  }

  function wireLHNEvents() {

   window.lhn("#lhn_help_btn").click(function(){

    lhnPushAnalytics('LiveHelpNow HelpOut Tab', 'Tab Click');

   });

   window.lhn("#lhn_helppanel #lhn_help_exit").click(function(){

    lhnPushAnalytics('LiveHelpNow HelpOut Tab', 'Close Button Click');

   });

   window.lhn("#lhn_helppanel .lhn_options_btn").click(function(){

    lhnPushAnalytics('LiveHelpNow HelpOut Tab', 'More Options Button Click');

   });

   window.lhn("#lhn_helppanel #lhn_search_box").blur(function(){

    if(window.lhn(this).val() != ""){

     lhnCurVal = window.lhn(this).val();

     if(typeof(lhnOldVal) == 'undefined' || lhnOldVal != lhnCurVal){

      lhnPushAnalytics('LiveHelpNow HelpOut Tab', 'Knowledge Base Search', encodeURIComponent(window.lhn(this).val()));

      lhnOldVal = lhnCurVal;

     }

    }

   });

   window.lhn("#lhn_helppanel .lhn_live_chat_btn").click(function(){

    lhnPushAnalytics('LiveHelpNow HelpOut Tab', 'Chat Button Click');

   });

   window.lhn("#lhn_helppanel .lhn_ticket_btn").click(function(){

    lhnPushAnalytics('LiveHelpNow HelpOut Tab', 'Ticket Button Click');

   });

   window.lhn("#lhn_helppanel .lhn_callback_btn").click(function(){

    lhnPushAnalytics('LiveHelpNow HelpOut Tab', 'Callback Button Click');

   });

  }

 

  function lhnPushAnalytics(category, event, label){

   if(typeof(_gaq) != 'undefined'){

    _gaq.push(['_trackEvent', category, event, label]);

   }

  }

</script>

 

If you would like to execute other custom code on helpOut Tab load event please see this article:
How do i execute a custom JavaScript when helpout tab is fully loaded?

 

There are a variety of other ways to customize the HelpOut Tab:
http://help.livehelpnow.net/article/1/2205/installation-as-a-tab-slideout