-
Notifications
You must be signed in to change notification settings - Fork 0
/
AJSYoutubeplugin.html
93 lines (83 loc) · 3.53 KB
/
AJSYoutubeplugin.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
<!DOCTYPE html>
<html>
<head>
<!-- YOUTUBE PLUGIN-->
<script src="https://www.youtube.com/iframe_api"></script>
<!-- YOUTUBE PLUGIN-->
<title>Home Questionnaire<span id="selection-marker-1" class="redactor-selection-marker"></span></title>
<!--Placeholder for Segment Snippet -->
<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="h8Rg9jxOXdqJ9vRuBNe5ItwBn34kQGc0";;analytics.SNIPPET_VERSION="4.15.3";
analytics.load('h8Rg9jxOXdqJ9vRuBNe5ItwBn34kQGc0', {
cookie: {
domain: 'vanand17.github.io',
maxage: 60, // 60 days
path: '/',
sameSite: 'Lax',
secure: true
}
});
analytics.page();
}}();
</script>
</head>
<body>
<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>
<!--Placeholder for identify and track script -->
<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('1234', {
email: email,
name: fullname
});
analytics.track('destination submitted', user, function() {
window.location.href = "";
});
}
</script>
<!-- Youtube plugin-->
<div id="player"></div>
<script>
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'T01YklpEqiM'
});
analytics.ready(function () {
var ytAnalytics = new window.analytics.plugins.YouTubeAnalytics(player, 'AIzaSyBz9oktDBBh4C4lpiXHrlS6G9A6zMq5XGs')
ytAnalytics.initialize()
})}
</script>
<!-- Youtube plugin-->
</body>
</html>