-
Notifications
You must be signed in to change notification settings - Fork 0
/
optin.html
136 lines (124 loc) · 5.1 KB
/
optin.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
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Track My Solo</title>
<!-- Styles -->
<link href="interface/css/bootstrap.min.css" rel="stylesheet">
<link href="interface/css/styles.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="trackmysolo-header ff-montserrat">
<div class="container container-inside">
<div class="row">
<div class="col-sm-5">
<img src="interface/images/logo-inside.png" alt="" />
</div>
<div class="col-sm-7 text-right">
<div class="trackmysolo-header-menu">
<button class="trackmysolo-header-menu-optin ff-montserrat">Optin Tracking</button>
<div class="dropdown trackmysolo-header-menu-dropdown">
<button class="dropdown-toggle ff-montserrat" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Alyza Ray
<img src="interface/images/icon-menu-arrow.png" alt="" />
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#">
<img src="interface/images/icon-settings.png" alt="" />
Settings
</a>
<a class="dropdown-item" href="#">
<img src="interface/images/icon-signout.png" alt="" />
Sign Out
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="sectionbg">
<div class="sectionbg-decoration">
<div class="container container-inside">
<section class="optintracking-information">
<div class="row align-items-center">
<div class="col-md-6 text-center">
<img src="interface/images/optin-image.png" alt="" />
<h2 class="ff-montserrat">What is an Opt-In?</h2>
</div>
<div class="col-md-6">
<div class="optintracking-information-content">
<div class="optintracking-information-content-item">
<strong class="ff-montserrat">An Opt-in, also known as 'Conversion'</strong>
<p>
Is when a visitor to your website takes the desired action, such as inserting their email on your landing page.
</p>
</div>
<div class="optintracking-information-content-item">
<strong class="ff-montserrat">What about optin rate?</strong>
<p>
The Opt-in rate is calculated by dividing the total unique amount of visitors who visited your link by the amount of people who took action.
</p>
</div>
<div class="optintracking-information-content-item">
<strong class="ff-montserrat">How does it work?</strong>
<p>
Installing the tracking code ('pixel') presented on this page will allow us to track your opt-in rate.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="optintracking-trackingcode">
<div class="row no-gutters">
<div class="col-md-6 optintracking-trackingcode-text-bg">
<div class="optintracking-trackingcode-text">
<h2 class="ff-montserrat">Installing the opt-in tracking code</h2>
<p class="ff-montserrat optintracking-trackingcode-text-subtitle">
Simply copy the code below, and paste it anywhere on the page which follows your opt-in page
</p>
<p class="optintracking-trackingcode-text-paragraph">
In most cases, that would be your offer page, but it can also be any page that once the visitor
lands on, you would consider it a successful opt-in.
</p>
</div>
</div>
<div class="col-md-6 optintracking-trackingcode-code-bg">
<div class="optintracking-trackingcode-code">
<textarea class="ff-firasans"><!-- TrackMySolo.com Opt-In Tracking -->
<img src="https://www.trackmysolo.com/conv/?conv=conv" height="1" width="1" style="display: none;"/></textarea>
<button class="ff-montserrat">Copy Code</button>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<footer class="trackmysolo-footer text-center">
<div class="footer-content">
<img src="interface/images/logo-footer.png" alt="" />
<p>
TrackMySolo © 2017
<span>•</span>
<a href="#">Privacy Policy</a>
<span>•</span>
<a href="#">ToS</a>
</p>
</div>
</footer>
<!-- jQuery, Tether, Bootstrap scripts -->
<script src="interface/js/jquery-3.1.1.slim.min.js"></script>
<script src="interface/js/tether-1.4.0.min.js"></script>
<script src="interface/js/bootstrap.min.js"></script>
</body>
</html>