Google Analytics Event tracking with HelpOut Tab
How do I setup Google Analytics Event Tracking for my HelpOut tab installation?
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