Skip to content

create new eventHandler option to do your own event triggering #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 4 commits into from
Closed

create new eventHandler option to do your own event triggering #41

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9a52280
create new eventHandler option to do your own event triggering (use for
EddieCanales Aug 18, 2014
d978a06
bump version
EddieCanales Aug 18, 2014
9564a38
fix name in bower.json to work with bower install
EddieCanales Aug 18, 2014
96ad284
fix typo: funtion is not a real thing!
EddieCanales Aug 19, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions bower.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "Scroll Depth",
"name": "jquery-scrolldepth",
"main": "jquery.scrolldepth.js",
"version": "0.6.0",
"version": "0.6.1",
"homepage": "http://scrolldepth.parsnip.io",
"authors": [
"Rob Flaherty"
Expand All @@ -24,4 +24,4 @@
"build.sh",
"contributing.md"
]
}
}
21 changes: 14 additions & 7 deletions jquery.scrolldepth.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
lastPixelDepth = 0,
universalGA,
classicGA,
googleTagManager;
standardEventHandler;

/*
* Plugin
Expand Down Expand Up @@ -52,8 +52,15 @@
classicGA = true;
}

if (typeof dataLayer !== "undefined" && typeof dataLayer.push === "function") {
googleTagManager = true;
//use the GTM syntax for stand event handler
if (typeof options.eventHandler === "function") {
standardEventHandler = options.eventHandler;
}
else if (typeof dataLayer !== "undefined" && typeof dataLayer.push === "function") {
//auto detect GTM - only do this if options.eventHandler doesn't exists so that
// you could use that option to change/map the event structure
// and not fire the events twice
standardEventHandler = dataLayer.push;
}

if (options.percentage) {
Expand All @@ -69,17 +76,17 @@

function sendEvent(action, label, scrollDistance, timing) {

if (googleTagManager) {
if (standardEventHandler) {

dataLayer.push({'event': 'ScrollDistance', 'eventCategory': 'Scroll Depth', 'eventAction': action, 'eventLabel': label, 'eventValue': 1, 'eventNonInteraction': options.nonInteraction});
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;
dataLayer.push({'event': 'ScrollDistance', 'eventCategory': 'Scroll Depth', 'eventAction': 'Pixel Depth', 'eventLabel': rounded(scrollDistance), 'eventValue': 1, 'eventNonInteraction': options.nonInteraction});
standardEventHandler({'event': 'ScrollDistance', 'eventCategory': 'Scroll Depth', 'eventAction': 'Pixel Depth', 'eventLabel': rounded(scrollDistance), 'eventValue': 1, 'eventNonInteraction': options.nonInteraction});
}

if (options.userTiming && arguments.length > 3) {
dataLayer.push({'event': 'ScrollTiming', 'eventCategory': 'Scroll Depth', 'eventAction': action, 'eventLabel': label, 'eventTiming': timing});
standardEventHandler({'event': 'ScrollTiming', 'eventCategory': 'Scroll Depth', 'eventAction': action, 'eventLabel': label, 'eventTiming': timing});
}

} else {
Expand Down