-
Notifications
You must be signed in to change notification settings - Fork 3
/
ajsnextmiddlewares.html
129 lines (106 loc) · 4.31 KB
/
ajsnextmiddlewares.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html>
<head>
<title>Home Questionnaire<span id="selection-marker-1" class="redactor-selection-marker"></span></title>
<!-- SEGMENT-->
<script>
!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="G5BwWiwo7E5XCw85h43neqDn59j6KCTp";analytics.SNIPPET_VERSION="4.13.2";
analytics.load("G5BwWiwo7E5XCw85h43neqDn59j6KCTp");
const mw = function({payload, next, integrations, context}) {
payload.obj.integrations['Google Analytics'] = false;
console.log('middleware fired', payload);
next(payload);
};
analytics.addSourceMiddleware(mw);
analytics.page();
}}();
</script>
<!-- SEGMENT-->
<!-- MIDDLEWARE-->
<script
const mw = function({payload, next, integrations, context}) {
payload.obj.integrations['Google Analytics'] = false;
console.log('middleware fired', payload);
next(payload);
};
analytics.addSourceMiddleware(mw);
</script>
<!-- MIDDLEWARE-->
</head>
<body>
<!-- TRACKING BROWSER ACTIVITIES Form Drop-Off-->
<script>
window.onbeforeunload = function (e) {analytics.track('Form Drop-Off')};
</script>
<!-- TRACKING BROWSER ACTIVITIES Form Drop-Off-->
<!-- TRACKING BROWSER ACTIVITIES Page Left-->
<script>
const timeStart = new Date().getTime();
window.addEventListener('pagehide', () => {
const timeEnd = new Date().getTime();
const timeDiff = (timeEnd - timeStart) / 1000; // calculate difference in seconds
const trackingData = {
timeOnPage: timeDiff,
};
window.analytics.track('Page Left', trackingData);
});
</script>
<!-- TRACKING BROWSER ACTIVITIES Page Left-->
<!-- SEGMENT TRACKLINK-->
<p><a id="free-trial-link" href="">TrackLink Test</a></p>
<script>
var link = document.getElementById('free-trial-link');
analytics.trackLink(link, 'Clicked Free-Trial Link', {
plan: 'Enterprise'
});
</script>
<!-- SEGMENT TRACKLINK-->
<h1>What is your favorite place to travel?</h1>
<p>I am building a directory of the sweetest travel destinations.</p>
<form name="travel" onsubmit="identify(event)">
What is your favorite travel destination?
<input name="destination" required="" size="81" type="text"/>
<br><br><br>
Any recommendations (cool things to do, places to visit or restaurants to eat)?
<br><br>
<textarea cols="81" name="details" required="" rows="10">
</textarea>
<br><br>
Name: <input name="fullname" required="" size="75" type="text"/>
<br><br>
Email: <input name="email" required="" size="75" type="email"/>
<br><br>
<input name="submit" type="submit" value="submit"/>
</form>
<script type="text/javascript">
function identify(e){
e.preventDefault();
var form = e.target;
var email = form["email"].value;
var fullname = form["fullname"].value;
var destination = form["destination"].value;
var details = form["details"].value;
var user = {
email: email,
name: fullname,
destination: destination,
details: details
};
analytics.identify('1234next', {
email: email,
name: fullname
});
analytics.track('destination submitted', user, function() {
window.location.href = "";
});
}
</script>
<br>
<br>
<button type="button">Try it!</button>
<br>
<br>
<br>
<!-- SEGMENT TRACKLINK-->
</body>
</html>