{"id":33908,"date":"2019-03-02T09:08:58","date_gmt":"2019-03-02T09:08:58","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33908"},"modified":"2019-03-25T18:13:35","modified_gmt":"2019-03-25T18:13:35","slug":"tracking-tab-opening-in-google-analytics","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/tracking-tab-opening-in-google-analytics\/","title":{"rendered":"Tracking tab opening in Google Analytics"},"content":{"rendered":"\n

This article presents the example of JavaScript-code. The code should be placed in the main file of your current active theme scripts. If you don’t know where to paste JavaScript-code you can use a special plugin<\/a>.<\/p>\n\n\n\n

Don’t forget to connect Google Analytics to your website.<\/p>\n\n\n\n

It is recommended to add unique CSS-class to the shortcode you are going to track. You can make it, for example, in the following way:<\/p>\n\n\n\n

Tab title<\/span>Tab title<\/span><\/div>
 Content <\/div>\n
 Content <\/div><\/div><\/div><\/pre>\n\n\n\n
Now you can use the following JavaScript code:<\/p>\n\n\n\n
jQuery(document).ready(function($) {
  \/\/ Handle tab title click
  $('.su-tabs-nav').on('click', '.my-custom-tab', function() {
    setTimeout(function() {
      \/\/ Track event in GA
      ga('send', {
        hitType: 'event',
        eventCategory: 'Tabs',
        eventAction: 'clicked',
        eventLabel: 'Shortcodes Ultimate Campaign'
      });
    }, 100);
  });
});<\/pre>\n","protected":false},"featured_media":0,"template":"","docs_category":[23],"class_list":["post-33908","docs","type-docs","status-publish","hentry","docs_category-customization"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/docs"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=33908"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}