merging PR #114; version update

Author: robflaherty

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "scroll-depth",
   "main": "jquery.scrolldepth.js",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "homepage": "http://scrolldepth.parsnip.io",
   "authors": [
     "Rob Flaherty"

jquery.scrolldepth.js

@@ -1,7 +1,7 @@
 /*!
  * @preserve
- * jquery.scrolldepth.js | v1.0
- * Copyright (c) 2016 Rob Flaherty (@robflaherty)
+ * jquery.scrolldepth.js | v1.2.0
+ * Copyright (c) 2020 Rob Flaherty (@robflaherty)
  * Licensed under the MIT and GPL licenses.
  */
 
@@ -102,7 +102,20 @@
 
         var command = options.trackerName ? (options.trackerName + '.send') : 'send';
 
-        if (globalSiteTag) {
+        if (standardEventHandler) {
+
+          standardEventHandler({'event': 'ScrollDistance', 'eventCategory': 'Scroll Depth', 'eventAction': action, 'eventLabel': label, 'eventValue': 1, 'eventNonInteraction': options.nonInteraction});
+
+          if (options.pixelDepth && arguments.length > 2 && scrollDistance > lastPixelDepth) {
+            lastPixelDepth = scrollDistance;
+            standardEventHandler({'event': 'ScrollDistance', 'eventCategory': 'Scroll Depth', 'eventAction': 'Pixel Depth', 'eventLabel': rounded(scrollDistance), 'eventValue': 1, 'eventNonInteraction': options.nonInteraction});
+          }
+
+          if (options.userTiming && arguments.length > 3) {
+            standardEventHandler({'event': 'ScrollTiming', 'eventCategory': 'Scroll Depth', 'eventAction': action, 'eventLabel': label, 'eventTiming': timing});
+          }
+
+        } else if (globalSiteTag) {
 
           gtag('event', action, {
             'event_category': 'Scroll Depth',
@@ -130,19 +143,6 @@
             });
           }
 
-        } else if (standardEventHandler) {
-
-          standardEventHandler({'event': 'ScrollDistance', 'eventCategory': 'Scroll Depth', 'eventAction': action, 'eventLabel': label, 'eventValue': 1, 'eventNonInteraction': options.nonInteraction});
-
-          if (options.pixelDepth && arguments.length > 2 && scrollDistance > lastPixelDepth) {
-            lastPixelDepth = scrollDistance;
-            standardEventHandler({'event': 'ScrollDistance', 'eventCategory': 'Scroll Depth', 'eventAction': 'Pixel Depth', 'eventLabel': rounded(scrollDistance), 'eventValue': 1, 'eventNonInteraction': options.nonInteraction});
-          }
-
-          if (options.userTiming && arguments.length > 3) {
-            standardEventHandler({'event': 'ScrollTiming', 'eventCategory': 'Scroll Depth', 'eventAction': action, 'eventLabel': label, 'eventTiming': timing});
-          }
-
         } else {
 
           if (universalGA) {

jquery.scrolldepth.min.js

@@ -1,6 +1,6 @@
 {
   "name": "scroll-depth",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "A Google Analytics plugin for measuring page scrolling.",
   "main": "jquery.scrolldepth.js",
   "directories": {

package.json

@@ -17,6 +17,8 @@ There's a test HTML file that mocks the Google Analytics functions and writes th
 If you have any questions you can find me on Twitter at [@robflaherty](https://twitter.com/robflaherty). If you need help fixing something, **please provide a URL**.
 
 ## Changelog
+1.2 (7/3/20): Fixed missing gtag.js support for pixel depth and timing events
+
 1.1 (6/26/20): Added gtag.js support
 
 1.0 (12/8/16): Added support for customer tracker name and custom dataLayer name.

readme.md

@@ -37,19 +37,25 @@ <h1>jQuery Scroll Depth Test Page</h1>
       log("ga(" + args.join(',') + ");");
     };
 
+    var gtag = function(params) {
+      var args = Array.prototype.slice.call(arguments, 1);
+      log("gtag(" + args.join(',') + ");");
+    };
+
     _gaq = undefined;
     dataLayer = undefined;
-    //ga = undefined;
+    ga = undefined;
+    //gtag = undefined;
 
     $.scrollDepth({
       elements: ['#main'],
-      userTiming: false,
-      percentage: false,
-      pixelDepth: false
+      userTiming: true,
+      percentage: true,
+      pixelDepth: true,
       //gtmOverride: true,
-      //eventHandler: function(data) {
-        //log(data)
-      //}
+      // eventHandler: function(data) {
+      //   log(data)
+      // }
     });
   </script>
 </body>