Skip to content

Commit 46b4139

Browse files
afshinmafshinm
committed
update links + adding analytics script
1 parent f69745d commit 46b4139

File tree

15 files changed

+184
-16
lines changed

15 files changed

+184
-16
lines changed

‎example/RTL/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,5 +77,17 @@ <h4>Section Six</h4>
7777
<hr>
7878
</div>
7979
<script type="text/javascript" src="../../intro.js"></script>
80+
81+
82+
<script type="text/javascript">
83+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
84+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
85+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
86+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
87+
88+
ga('create', 'UA-69239984-1', 'auto');
89+
ga('send', 'pageview');
90+
</script>
91+
8092
</body>
8193
</html>

‎example/auto-position/index.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -94,5 +94,16 @@ <h4>Section Nine</h4>
9494

9595
<hr>
9696
<script type="text/javascript" src="../../intro.js"></script>
97+
98+
99+
<script type="text/javascript">
100+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
101+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
102+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
103+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
104+
105+
ga('create', 'UA-69239984-1', 'auto');
106+
ga('send', 'pageview');
107+
</script>
97108
</body>
98109
</html>

‎example/custom-class/index.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,5 +80,16 @@ <h4>Section Six</h4>
8080
<hr>
8181
</div>
8282
<script type="text/javascript" src="../../intro.js"></script>
83+
84+
<script type="text/javascript">
85+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
86+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
87+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
88+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
89+
90+
ga('create', 'UA-69239984-1', 'auto');
91+
ga('send', 'pageview');
92+
</script>
93+
8394
</body>
8495
</html>

‎example/hello-world/withProgress.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,5 +68,17 @@ <h4>Section Six</h4>
6868
<hr>
6969
</div>
7070
<script type="text/javascript" src="../../intro.js"></script>
71+
72+
73+
<script type="text/javascript">
74+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
75+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
76+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
77+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
78+
79+
ga('create', 'UA-69239984-1', 'auto');
80+
ga('send', 'pageview');
81+
</script>
82+
7183
</body>
7284
</html>

‎example/hello-world/withoutBullets.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,5 +68,17 @@ <h4>Section Six</h4>
6868
<hr>
6969
</div>
7070
<script type="text/javascript" src="../../intro.js"></script>
71+
72+
73+
<script type="text/javascript">
74+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
75+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
76+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
77+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
78+
79+
ga('create', 'UA-69239984-1', 'auto');
80+
ga('send', 'pageview');
81+
</script>
82+
7183
</body>
7284
</html>

‎example/hello-world/withoutButtons.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,5 +68,17 @@ <h4>Section Six</h4>
6868
<hr>
6969
</div>
7070
<script type="text/javascript" src="../../intro.js"></script>
71+
72+
<script type="text/javascript">
73+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
74+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
75+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
76+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
77+
78+
ga('create', 'UA-69239984-1', 'auto');
79+
ga('send', 'pageview');
80+
</script>
81+
82+
7183
</body>
7284
</html>

‎example/hint/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -68,5 +68,17 @@ <h4>Section Six</h4>
6868
<hr>
6969
</div>
7070
<script type="text/javascript" src="../../intro.js"></script>
71+
72+
<script type="text/javascript">
73+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
74+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
75+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
76+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
77+
78+
ga('create', 'UA-69239984-1', 'auto');
79+
ga('send', 'pageview');
80+
</script>
81+
82+
7183
</body>
7284
</html>

‎example/html-tooltip/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -103,6 +103,18 @@ <h4>Section Six</h4>
103103
intro.start();
104104
}
105105
</script>
106+
107+
108+
<script type="text/javascript">
109+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
110+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
111+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
112+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
113+
114+
ga('create', 'UA-69239984-1', 'auto');
115+
ga('send', 'pageview');
116+
</script>
117+
106118
</body>
107119
</html>
108120

‎example/index.html

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,21 @@ <h3 class="muted">Examples</h3>
3232
<li><a href="html-tooltip/index.html" title='HTML in tooltip'>HTML in tooltip</a></li>
3333
<li><a href="custom-class/index.html" title='Custom CSS Class'>Custom CSS Class</a></li>
3434
<li><a href="withoutElement/index.html" title='Introduction without focusing on elements'>Introduction without focusing on elements</a></li>
35+
<li><a href="hint/index.html" title='Basic hints usage'>Basic hints usage</a></li>
36+
<li><a href="programmatic/hint.html" title='Programmatic defining hints using JSON'>Programmatic defining hints using JSON</a></li>
3537
</ul>
3638
</div>
39+
40+
<script type="text/javascript">
41+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
42+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
43+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
44+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
45+
46+
ga('create', 'UA-69239984-1', 'auto');
47+
ga('send', 'pageview');
48+
</script>
49+
50+
3751
</body>
3852
</html>

‎example/multi-page/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -69,5 +69,17 @@ <h4>Section Six</h4>
6969
});
7070
};
7171
</script>
72+
73+
74+
<script type="text/javascript">
75+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
76+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
77+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
78+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
79+
80+
ga('create', 'UA-69239984-1', 'auto');
81+
ga('send', 'pageview');
82+
</script>
83+
7284
</body>
7385
</html>

‎example/multi-page/second.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,5 +71,17 @@ <h4>Section Six</h4>
7171
introJs().start();
7272
}
7373
</script>
74+
75+
76+
<script type="text/javascript">
77+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
78+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
79+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
80+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
81+
82+
ga('create', 'UA-69239984-1', 'auto');
83+
ga('send', 'pageview');
84+
</script>
85+
7486
</body>
7587
</html>

‎example/programmatic/hint.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,5 +106,17 @@ <h4>Section Six</h4>
106106
intro.addHints();
107107
}
108108
</script>
109+
110+
111+
<script type="text/javascript">
112+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
113+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
114+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
115+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
116+
117+
ga('create', 'UA-69239984-1', 'auto');
118+
ga('send', 'pageview');
119+
</script>
120+
109121
</body>
110122
</html>

‎example/programmatic/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,5 +106,17 @@ <h4>Section Six</h4>
106106
intro.start();
107107
}
108108
</script>
109+
110+
111+
<script type="text/javascript">
112+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
113+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
114+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
115+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
116+
117+
ga('create', 'UA-69239984-1', 'auto');
118+
ga('send', 'pageview');
119+
</script>
120+
109121
</body>
110122
</html>

‎example/withoutElement/index.html

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,5 +109,17 @@ <h4>Section Six</h4>
109109
intro.start();
110110
}
111111
</script>
112+
113+
114+
<script type="text/javascript">
115+
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
116+
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
117+
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
118+
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
119+
120+
ga('create', 'UA-69239984-1', 'auto');
121+
ga('send', 'pageview');
122+
</script>
123+
112124
</body>
113125
</html>

‎index.html

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -140,8 +140,8 @@ <h6 class="example-header"><i class="fa fa-filter"></i>&nbsp;Enable/disable opti
140140
<p class="example-description">
141141
You can enable or disable options like buttons, progress-bar and bullets. It's really easy to enable or disable options, call the <code>option</code> function and pass option name (e.g. <code>setOption('showBullets', false)</code>)
142142
</p>
143-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
144-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
143+
<a class="button" href="/intro.js/example/hello-world/withoutBullets.html" target="_blank">Demo</a>
144+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/withoutBullets.html" target="_blank">Source</a>
145145
</div>
146146
</div>
147147
<div class="one-half column">
@@ -150,8 +150,8 @@ <h6 class="example-header"><i class="fa fa-code"></i>&nbsp;Programmatic</h6>
150150
<p class="example-description">
151151
Instead of adding <code>data-intro</code> attribute, you can define your guide using JSON. There is a <code>steps</code> option that accepts an array of steps.
152152
</p>
153-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
154-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
153+
<a class="button" href="/intro.js/example/programmatic/index.html" target="_blank">Demo</a>
154+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/programmatic/index.html" target="_blank">Source</a>
155155
</div>
156156
</div>
157157
</div>
@@ -163,8 +163,8 @@ <h6 class="example-header"><i class="fa fa-align-right"></i>&nbsp;Right to Left<
163163
<p class="example-description">
164164
If your website is right-to-left, you can use this example for your guides. This will change the direction of all introduction elements.
165165
</p>
166-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
167-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
166+
<a class="button" href="/intro.js/example/RTL/index.html" target="_blank">Demo</a>
167+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/RTL/index.html" target="_blank">Source</a>
168168
</div>
169169
</div>
170170
<div class="one-half column">
@@ -173,8 +173,8 @@ <h6 class="example-header"><i class="fa fa-clone"></i>&nbsp;Multi-page guide</h6
173173
<p class="example-description">
174174
If your guide begins on a page and ends on another page, you can use multi-page option of Intro.js. This is a basic example of multi-page introductions.
175175
</p>
176-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
177-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
176+
<a class="button" href="/intro.js/example/multi-page/index.html" target="_blank">Demo</a>
177+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/multi-page/index.html" target="_blank">Source</a>
178178
</div>
179179
</div>
180180
</div>
@@ -186,8 +186,8 @@ <h6 class="example-header"><i class="fa fa-file-code-o"></i>&nbsp;HTML in toolti
186186
<p class="example-description">
187187
You can use all HTML tags for step's tooltip. For instance you can use <code>b</code> or <code>code</code> tags in tooltips.
188188
</p>
189-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
190-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
189+
<a class="button" href="/intro.js/example/html-tooltip/index.html" target="_blank">Demo</a>
190+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/html-tooltip/index.html" target="_blank">Source</a>
191191
</div>
192192
</div>
193193
<div class="one-half column">
@@ -196,8 +196,8 @@ <h6 class="example-header"><i class="fa fa-magic"></i>&nbsp;Auto-positioning</h6
196196
<p class="example-description">
197197
Another great feature of Intro.js is that you can define the position of tooltip box. Furthermore, you can set <code>tooltipPosition</code> to <code>auto</code> to align the tooltip boxes automatically.
198198
</p>
199-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
200-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
199+
<a class="button" href="/intro.js/example/auto-position/index.html" target="_blank">Demo</a>
200+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/auto-position/index.html" target="_blank">Source</a>
201201
</div>
202202
</div>
203203
</div>
@@ -209,8 +209,8 @@ <h6 class="example-header"><i class="fa fa-commenting"></i>&nbsp;Floating guide<
209209
<p class="example-description">
210210
Also you can define a guide that doesn't focus on a specific element. This type of introductions can be defined using programmatic way.
211211
</p>
212-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
213-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
212+
<a class="button" href="/intro.js/example/withoutElement/index.html" target="_blank">Demo</a>
213+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/withoutElement/index.html" target="_blank">Source</a>
214214
</div>
215215
</div>
216216
<div class="one-half column">
@@ -219,8 +219,8 @@ <h6 class="example-header"><i class="fa fa-gears"></i>&nbsp;Customize it</h6>
219219
<p class="example-description">
220220
There are some options to customize your guide for your website. One of them is <code>data-tooltipClass</code> attribute that enables you to add custom CSS classes to your steps.
221221
</p>
222-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
223-
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
222+
<a class="button" href="/intro.js/example/custom-class/index.html" target="_blank">Demo</a>
223+
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/custom-class/index.html" target="_blank">Source</a>
224224
</div>
225225
</div>
226226
</div>

0 commit comments

Comments
 (0)