{"id":33907,"date":"2019-03-02T06:52:17","date_gmt":"2019-03-02T06:52:17","guid":{"rendered":"http:\/\/getshortcodes.com\/?post_type=docs&p=33907"},"modified":"2019-05-15T11:59:03","modified_gmt":"2019-05-15T11:59:03","slug":"tracking-spoiler-opening-in-google-analytics","status":"publish","type":"docs","link":"https:\/\/getshortcodes.com\/docs\/tracking-spoiler-opening-in-google-analytics\/","title":{"rendered":"Tracking spoiler opening in Google Analytics"},"content":{"rendered":"\n

This article presents\u00a0the example\u00a0of JavaScript-code. The code should be placed in the main file of your\u00a0current\u00a0active theme scripts. If you don’t know where to paste JavaScript-code you can use a special\u00a0plugin<\/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 in the following way:<\/p>\n\n\n\n

<\/span>Spoiler title<\/div>
 Content <\/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 spoiler title click
  $('.my-custom-spoiler').on('click', '.su-spoiler-title', function() {
    var $spoiler = $(this).parent('.su-spoiler');
    setTimeout(function() {
      \/\/ Check that spoiler is open
      if (!$spoiler.hasClass('su-spoiler-closed')) {
        \/\/ Track event in GA
        ga('send', {
          hitType: 'event',
          eventCategory: 'Spoilers',
          eventAction: 'open',
          eventLabel: 'Campaign Name'
        });
      }
    }, 100);
  });
});<\/pre>\n","protected":false},"featured_media":0,"template":"","docs_category":[23],"class_list":["post-33907","docs","type-docs","status-publish","hentry","docs_category-customization"],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs\/33907","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=33907"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/docs_category?post=33907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}