Google Analytics for Shiny tabPanel

[Thomas]

Hi there,

I've read myself through the great tutorial here. However, my knowledge of jQuery equals to zero. Is there a way to track, if users click on a tabPanel?

Thanks for any help.
Thomas

[Thomas]

The Tutorial I tried to link to is this: http://shiny.rstudio.com/articles/google-analytics.html

[Thomas]

I tried this, but of course this does not work. My guess is that it has to be put into jquery...

shinyUI(fluidPage(
sidebarLayout(
sidebarPanel(),
mainPanel(
tabsetPanel(
tabPanel("Panel1", onclick="ga('send', 'event', 'click', 'link', 'Panel1Click', 1)",
                     showOutput("PlotPanel1", 'dimple')),

tabPanel("Panel2", onclick="ga('send', 'event', 'click', 'link', 'Panel1Click', 2)",
                     showOutput("PlotPanel2", 'dimple')))))))

[Geoffrey]

Hey Tom, did you ever get this to work?

[Debashis Paul]

Anybody get this to work ?

thanks 

On Friday, January 30, 2015 at 6:54:00 AM UTC-5, tom wrote:

[Lukas Lundström]

For me it works with

tags$script("$('ul.nav-tabs').on('click', 'li', function(e) { ga('send', 'event', 'widget', 'nav-tabs link', $(e.currentTarget).children('a').data('value'));});")

It need to be in the end of your ui, or at least come after you defined your tabset, and google-analytics.js need to be loaded before. It sends the name (stored in 'data-value') of the clicked tabPanel to ga.

adding following to google-analytics.js should also work, but I haven't tested it and might be a bit less efficient as it listens to the whole document.

$(document).on('click', ''ul.nav-tabs' > li', function(e) { ga('send', 'event', 'widget', 'nav-tabs link', $(e.currentTarget).children('a').data("value")); });

/Lukas

[Debashis Paul]

Thanks Lucas. 

We already get this work with InnerText . But thanks and appreciate your response.

This will be helpful for anybody has this weird issue until Shiny fix and add the id on tabpanel items.