Skip to content

Commit 0060890

Browse files
forstisabellaforstisabella
committed
converting scripts from on page --> includes
1 parent c58a5f7 commit 0060890

File tree

11 files changed

+360
-406
lines changed

11 files changed

+360
-406
lines changed

‎src/_includes/content/codepens/group-spec.html‎

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js" integrity="sha512-UOoJElONeUNzQbbKQbjldDf9MwOHqxNz49NNJJ1d90yp+X9edsHyJoAs6O4K19CZGaIdjI5ohK+O2y5lBTW6uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2+
<script type="text/javascript">
3+
function showMessage(){
4+
var name = document.getElementById("name").value;
5+
var industry = document.getElementById("industry").value;
6+
var employees = document.getElementById("employees").value;
7+
var plan = document.getElementById("plan").value;
8+
var totalBilled = document.getElementById("totalBilled").value;
9+
var output = `{
10+
"anonymousId": "507f191e810c19729de860ea",
11+
"channel": "browser",
12+
"context": {
13+
"ip": "8.8.8.8",
14+
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36"
15+
},
16+
"integrations": {
17+
"All": true,
18+
"Mixpanel": false,
19+
"Salesforce": false
20+
},
21+
"messageId": "022bb90c-bbac-11e4-8dfc-aa07a5b093db",
22+
"receivedAt": "2015-02-23T22:28:55.387Z",
23+
"sentAt": "2015-02-23T22:28:55.111Z",
24+
"timestamp": "2015-02-23T22:28:55.111Z",
25+
"traits": {
26+
"name": "${name}",
27+
"industry": "${industry}",
28+
"employees": ${employees},
29+
"plan": "${plan}",
30+
"total billed": ${totalBilled}
31+
},
32+
"type": "group",
33+
"userId": "97980cfea0067",
34+
"groupId": "0e8c78ea9d97a7b8185e8632",
35+
"version": "1.1"
36+
}`
37+
output_container.innerHTML = output
38+
Prism.highlightElement(output_container)
39+
}
40+
</script>
41+
<script>
42+
function showOutput() {
43+
var show = document.getElementById("output-code");
44+
if (show.style.display === "block") {
45+
show.style.display = "none";
46+
} else {
47+
show.style.display = "block";
48+
}
49+
}
50+
</script>
51+
52+
<div class="sample-code-container">
53+
<div class="form">
54+
<h3> Sample Group call</h3>
55+
<label for="name">Name:</label>
56+
<input type="text" id="name"><br>
57+
<label for="industry">Title:</label>
58+
<input type="text" id="industry"><br>
59+
<label for="employees">Employees:</label>
60+
<input type="text" id="employees"><br>
61+
<label for="plan">Plan:</label>
62+
<input type="text" id="plan"><br>
63+
<label for="totalBilled">Total Billed:</label>
64+
<input type="text" id="totalBilled"><br>
65+
<input type="submit" id="submit" onclick="showMessage(); showOutput()" value="See a sample page call">
66+
</div>
67+
</div>
68+
69+
<div class="output">
70+
<h4>Sample Group Call</h4>
71+
<pre class="language-javascript"><code class="language-javascript" id="output_container">
72+
Sample output goes here!
73+
</code></pre>
74+
</div>
75+
</div>

‎src/_includes/content/codepens/identify-spec.html‎

Lines changed: 88 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,88 @@
1+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js" integrity="sha512-UOoJElONeUNzQbbKQbjldDf9MwOHqxNz49NNJJ1d90yp+X9edsHyJoAs6O4K19CZGaIdjI5ohK+O2y5lBTW6uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2+
<script type="text/javascript">
3+
function showMessage(){
4+
var name = document.getElementById("name").value;
5+
var email = document.getElementById("email").value;
6+
var plan = document.getElementById("plan").value;
7+
var logins = document.getElementById("logins").value;
8+
var street = document.getElementById("street").value;
9+
var city = document.getElementById("city").value;
10+
var state = document.getElementById("state").value;
11+
var postcode = document.getElementById("postcode").value;
12+
var country = document.getElementById("country").value;
13+
var output = `{
14+
"anonymousId": "507f191e810c19729de860ea",
15+
"channel": "browser",
16+
"context": {
17+
"ip": "8.8.8.8",
18+
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36"
19+
},
20+
"integrations": {
21+
"All": false,
22+
"Mixpanel": true,
23+
"Salesforce": true
24+
},
25+
"messageId": "022bb90c-bbac-11e4-8dfc-aa07a5b093db",
26+
"receivedAt": "2015-02-23T22:28:55.387Z",
27+
"sentAt": "2015-02-23T22:28:55.111Z",
28+
"timestamp": "2015-02-23T22:28:55.111Z",
29+
"traits": {
30+
"name": "${name}",
31+
"email": "${email}",
32+
"plan": "${plan}",
33+
"logins": ${logins},
34+
"address": {
35+
"street": "${street}",
36+
"city": "${city}",
37+
"state": "${state}",
38+
"postalCode": "${postcode}",
39+
"country": "${country}"
40+
}
41+
},
42+
"type": "identify",
43+
"userId": "97980cfea0067",
44+
"version": "1.1"
45+
}`
46+
output_container.innerHTML = output
47+
Prism.highlightElement(output_container)
48+
}
49+
</script>
50+
<script>
51+
function showOutput() {
52+
var show = document.getElementById("output-code");
53+
if (show.style.display === "block") {
54+
show.style.display = "none";
55+
} else {
56+
show.style.display = "block";
57+
}
58+
}
59+
</script>
60+
61+
<div class="sample-code-container">
62+
<div class="form">
63+
<h4> Sample Identify </h4>
64+
<label for="name">Name:</label>
65+
<input type="text" id="name"><br>
66+
<label for="email">Email:</label>
67+
<input type="text" id="email"><br>
68+
<label for="plan">Plan:</label>
69+
<input type="text" id="plan"><br>
70+
<label for="logins">Logins:</label>
71+
<input type="text" id="logins"><br>
72+
<label for="street">Street:</label>
73+
<input type="text" id="street"><br>
74+
<label for="city">City:</label>
75+
<input type="text" id="city"><br>
76+
<label for="state">State:</label>
77+
<input type="text" id="state"><br>
78+
<label for="postcode">Postal Code:</label>
79+
<input type="text" id="postcode"><br>
80+
<label for="country">Country:</label>
81+
<input type="text" id="country"><br>
82+
<input type="submit" id="submit" onclick="showMessage(); showOutput()" value="See a sample identify call">
83+
</div>
84+
85+
<div class="output">
86+
<h4>Sample Identify Call</h4>
87+
<pre><code class="language-javascript" id="output_container">Sample output goes here!</code></pre>
88+
</div></div>

‎src/_includes/content/codepens/page-spec.html‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js" integrity="sha512-UOoJElONeUNzQbbKQbjldDf9MwOHqxNz49NNJJ1d90yp+X9edsHyJoAs6O4K19CZGaIdjI5ohK+O2y5lBTW6uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2+
<script type="text/javascript">
3+
function showMessage(){
4+
var name = "Page call Spec"
5+
var title = document.title
6+
var url = window.location.href
7+
var output = `{
8+
"anonymousId": "507f191e810c19729de860ea",
9+
"channel": "browser",
10+
"context": {
11+
"ip": "8.8.8.8",
12+
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.115 Safari/537.36"
13+
},
14+
"integrations": {
15+
"All": true,
16+
"Mixpanel": false,
17+
"Salesforce": false
18+
},
19+
"messageId": "022bb90c-bbac-11e4-8dfc-aa07a5b093db",
20+
"name": "${name}",
21+
"properties": {
22+
"title": "${title}",
23+
"url": "${url}"
24+
},
25+
"receivedAt": "2015-02-23T22:28:55.387Z",
26+
"sentAt": "2015-02-23T22:28:55.111Z",
27+
"timestamp": "2015-02-23T22:28:55.111Z",
28+
"type": "page",
29+
"userId": "97980cfea0067",
30+
"version": "1.1"
31+
}`
32+
output_container.innerHTML = output
33+
Prism.highlightElement(output_container)
34+
}
35+
</script>
36+
<script>
37+
function showOutput() {
38+
var show = document.getElementById("output_container");
39+
if (show.style.display === "block") {
40+
show.style.display = "none";
41+
} else {
42+
show.style.display = "block";
43+
}
44+
}
45+
</script>
46+
47+
<div class="sample-code-container">
48+
<div class="form">
49+
<h4> Make a Page Call </h4>
50+
<div class="sample-form">
51+
<input type="submit" class= "button button-hollow" id="submit" onclick="showMessage(); showOutput()" value="See a sample page call" />
52+
</div>
53+
</div>
54+
55+
<div class="output">
56+
<h4>Sample Page Call</h4>
57+
<pre class="language-javascript code-output"><code class="language-javascript" id="output_container">
58+
59+
</code></pre>
60+
</div>
61+
</div>

‎src/_includes/content/codepens/screen-spec.html‎

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js" integrity="sha512-UOoJElONeUNzQbbKQbjldDf9MwOHqxNz49NNJJ1d90yp+X9edsHyJoAs6O4K19CZGaIdjI5ohK+O2y5lBTW6uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2+
<script type="text/javascript">
3+
function showMessage(){
4+
var name = document.getElementById("name").value;
5+
var variation = document.getElementById("variation").value;
6+
var output =
7+
`{
8+
"anonymousId": "3a12eab0-bca7-11e4-8dfc-aa07a5b093db",
9+
"channel": "mobile",
10+
"context": {
11+
"ip": "8.8.8.8"
12+
},
13+
"integrations": {
14+
"All": true,
15+
"Mixpanel": false,
16+
"Salesforce": false
17+
},
18+
"messageId": "022bb90c-bbac-11e4-8dfc-aa07a5b093db",
19+
"name": "${name}",
20+
"properties": {
21+
"variation": "${variation}"
22+
},
23+
"receivedAt": "2015-02-23T22:28:55.387Z",
24+
"sentAt": "2015-02-23T22:28:55.111Z",
25+
"timestamp": "2015-02-23T22:28:55.111Z",
26+
"type": "screen",
27+
"userId": "97980cfea0067",
28+
"version": "1.1"
29+
}`
30+
output_container.innerHTML = output
31+
Prism.highlightElement(output_container)
32+
}
33+
</script>
34+
<script>
35+
function showOutput() {
36+
var show = document.getElementById("output-code");
37+
if (show.style.display === "block") {
38+
show.style.display = "none";
39+
} else {
40+
show.style.display = "block";
41+
}
42+
}
43+
</script>
44+
45+
<div class="sample-code-container">
46+
<div class="form">
47+
<h4> Sample Screen </h4>
48+
<label for="name">Name:</label>
49+
<input type="text" id="name"><br>
50+
<label for="variation">Variation:</label>
51+
<input type="text" id="variation"><br>
52+
<input type="submit" id="submit" onclick="showMessage(); showOutput()" value="See a sample Screen call">
53+
</div>
54+
55+
<div class="output">
56+
<h4>Sample Screen Call</h4>
57+
<pre class="language-javascript"><code class="language-javascript" id="output_container">
58+
Sample output goes here!
59+
</code></pre>
60+
</div>
61+
</div>

‎src/_includes/content/codepens/track-spec.html‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/9000.0.1/prism.min.js" integrity="sha512-UOoJElONeUNzQbbKQbjldDf9MwOHqxNz49NNJJ1d90yp+X9edsHyJoAs6O4K19CZGaIdjI5ohK+O2y5lBTW6uQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
2+
<script type="text/javascript">
3+
function showMessage(){
4+
var event = document.getElementById("event").value;
5+
var title = document.getElementById("title").value;
6+
var output =
7+
`{
8+
"anonymousId": "23adfd82-aa0f-45a7-a756-24f2a7a4c895",
9+
"context": {
10+
"library": {
11+
"name": "analytics.js",
12+
"version": "2.11.1"
13+
},
14+
"page": {
15+
"path": "/docs/connections/spec/track/",
16+
"referrer": "",
17+
"search": "",
18+
"title": "Spec: Track",
19+
"url": "https://segment.com/docs/connections/spec/track/"
20+
},
21+
"userAgent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.86 Safari/537.36",
22+
"ip": "108.0.78.21"
23+
},
24+
"event": "${event}",
25+
"integrations": {},
26+
"messageId": "ajs-f8ca1e4de5024d9430b3928bd8ac6b96",
27+
"properties": {
28+
"title": "${title}"
29+
},
30+
"receivedAt": "2015-12-12T19:11:01.266Z",
31+
"sentAt": "2015-12-12T19:11:01.169Z",
32+
"timestamp": "2015-12-12T19:11:01.249Z",
33+
"type": "track",
34+
"userId": "AiUGstSDIg",
35+
"originalTimestamp": "2015-12-12T19:11:01.152Z"
36+
}`
37+
output_container.innerHTML = output
38+
Prism.highlightElement(output_container)
39+
}
40+
</script>
41+
<script>
42+
function showOutput() {
43+
var show = document.getElementById("output-code");
44+
if (show.style.display === "block") {
45+
show.style.display = "none";
46+
} else {
47+
show.style.display = "block";
48+
}
49+
}
50+
</script>
51+
52+
<div class="sample-code-container">
53+
<div class="form">
54+
<h3> Sample Track call</h3>
55+
<label for="event">Event:</label>
56+
<input type="text" id="event"><br>
57+
<label for="title">Title:</label>
58+
<input type="text" id="title"><br>
59+
<input type="submit" id="submit" onclick="showMessage(); showOutput()" value="See a sample Track call">
60+
</div>
61+
62+
<div class="output">
63+
<h4>Sample Track Call</h4>
64+
<pre class="language-javascript"><code class="language-javascript" id="output_container">
65+
Sample output goes here!
66+
</code></pre>
67+
</div>
68+
</div>

0 commit comments

Comments
 (0)