-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
303 lines (300 loc) · 11.1 KB
/
index.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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!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.0" />
<link rel="stylesheet" href="style.css" />
<title>Deep Link Behavior Tool</title>
</head>
<body class="loading">
<div class="container">
<div class="main_header">
<div class="header_image">
<img src="Branch_Logo.png" alt="Branch" />
</div>
<div class="header_content">
<h2>Deep Link Behavior Tool</h2>
</div>
</div>
<form action="#" class="main_form">
<div class="item item-1">
<div class="tool_tip">
<label for="channel">Channel</label>
<div class="tip">Channels are the different tools and platforms you use to
communicate with your target audience. An example of a channel is
your website.</div>
</div>
<select name="channel" id="channel" class="input_select"></select>
</div>
<div class="item item-2">
<div class="tool_tip">
<label for="partner">Partner / Placement</label>
<div class="tip">The brand, organisation, or tool associated with your channel.
This is where your link will be placed. An example of a partner is
YouTube.</div>
</div>
<select name="partner" id="partner" class="input_select"></select>
</div>
<div class="item item-3">
<div class="tool_tip">
<label for="platform">Platform</label>
<div class="tip">The platform is the environment for desktops, tablets and
smartphones where users will interact with your links. In the
world of mobile, iOS and Android are the main platforms.</div>
</div>
<select name="platform" id="platform" class="input_select"></select>
</div>
<div class="item item-4">
<div class="tool_tip">
<label for="app_status">App Status</label>
<div class="tip">Does the user have your app installed on their device? The App
Status defines this as either yes - the app is installed, or no -
the app is not installed.</div>
</div>
<select
name="app_status"
id="app_status"
class="input_select"
></select>
</div>
<div class="item item-5">
<div class="tool_tip">
<label for="idfa_status_source">IDFA/GAID Status (source)</label>
<div class="tip">Applications request access to the IDFA in order to track clicks
and users have the ability to consent or reject this request. The
IDFA Source describes the app where the user came from before
opening your app.</div>
</div>
<select
name="idfa_status_source"
id="idfa_status_source"
class="input_select"
></select>
</div>
<div class="item item-6">
<div class="tool_tip">
<label for="idfa_status_client">IDFA/GAID Status (client app)</label>
<div class="tip">Applications request access to the IDFA in order to track clicks
and users have the ability to consent or reject this request. The
IDFA Client describes the destination app where consent is
requested (this is your brand’s app).</div>
</div>
<select
name="idfa_status_client"
id="idfa_status_client"
class="input_select"
></select>
</div>
<div class="form_submit">
<input
type="submit"
value="Show expected behaviour"
id="submit_form"
/>
</div>
</form>
<div class="main_result">
<!-- <p class="current_selected_inputs"></p> -->
<div class="icon_container">
<div class="icon icon-1">
<div class="icon_image">
<!-- <img id="" alt="" /> -->
</div>
<div class="icon_details">
<h4>Email</h4>
<h3>(Channel)</h3>
</div>
</div>
<div class="icon icon-2">
<div class="icon_image">
<!-- <img src="images/braze.png" alt="" /> -->
</div>
<div class="icon_details">
<h4>Braze</h4>
<h3>(Partner)</h3>
</div>
</div>
<div class="icon icon-3">
<div class="icon_image">
<!-- <img src="images/android.png" alt="" /> -->
</div>
<div class="icon_details">
<h4>Android</h4>
<h3>(Platform)</h3>
</div>
</div>
<div class="icon icon-4">
<div class="icon_image">
<!-- <img src="images/app-installed.png" alt=" " /> -->
</div>
<div class="icon_details">
<h4>App Installed</h4>
<h3>(App Status)</h3>
</div>
</div>
<div class="icon icon-5">
<div class="icon_image">
<!-- <img src="images/idfa-source-na.png" alt=" " /> -->
</div>
<div class="icon_details">
<h4>Not Applicable</h4>
<h3>(IDFA/GAID status-source app)</h3>
</div>
</div>
<div class="icon icon-6">
<div class="icon_image">
<!-- <img src="images/idfa-client-na.png" alt="channel" /> -->
</div>
<div class="icon_details">
<h4>Not Applicable</h4>
<h3>(IDFA/GAID status-client app)</h3>
</div>
</div>
</div>
<div class="result result-1">
<div class="tool_tip">
<label for="link_type">Recommended Link Type</label>
<div class="tip">This is the type of Branch link we recommend using in this particular
scenario.</div>
</div>
<input
type="text"
name="link_type"
disabled
id="res-1"
class="output_result"
/>
</div>
<div class="result result-2">
<div class="tool_tip">
<label for="deeplink">Deep Link Flow</label>
<div class="tip">What is the deep link flow when a Branch link is clicked. Will the link redirect the user to the appropriate content within
your app (deep linking)?</div>
</div>
<input
type="text"
name="deeplink"
disabled
id="res-2"
class="output_result"
/>
</div>
<div class="result result-3">
<div class="tool_tip">
<label for="branch_method">Branch Attribution Method</label>
<div class="tip"> Attribution is the marketing practice that assigns the value of an
activity back to the source channel or campaign. The Branch
Attribution Method is the method used to track attribution back to
the source in this particular scenario (where attribution is
possible).</div>
</div>
<input
type="text"
name="branch_method"
disabled
id="res-3"
class="output_result"
/>
</div>
<div class="result result-4">
<div class="tool_tip">
<label for="branch_type">Branch Attribution Type</label>
<div class="tip">The type of attribution that Branch can track. Aggregate data is
high-level data which is acquired by combining individual-level
data into overall totals. Device level data is individual-level
data which is more granular.</div>
</div>
<input
type="text"
name="branch_type"
disabled
id="res-4"
class="output_result"
/>
</div>
<div class="result result-5">
<div class="tool_tip">
<label for="impact">IOS Private Relay Impact</label>
<div class="tip">iOS Private Relay is a Apple privacy related feature which hides a
user’s IP address making attribution and deferred deep linking
more difficult. Branch’s NativeLink is a solution to preserve
deferred deep linking functionality whilst respecting user
privacy.</div>
</div>
<input
type="text"
name="impact"
disabled
id="res-5"
class="output_result"
/>
</div>
<div class="result result-6">
<div class="tool_tip">
<label for="cost_data">Cost Data</label>
<div class="tip">Can cost data be tracked by Branch in this scenario. Cost data
refers to the cost of running the original advertising campaign
which instigated the click or install. Cost data is useful for
calculating ROI for marketing professionals.</div>
</div>
<input
type="text"
name="cost_data"
disabled
id="res-6"
class="output_result"
/>
</div>
<div class="result result-7">
<div class="tool_tip">
<label for="open_data">Install / Open Data</label>
<div class="tip">Can install events and open events be tracked by Branch in this
scenario.</div>
</div>
<input
type="text"
name="open_data"
disabled
id="res-7"
class="output_result"
/>
</div>
<div class="result result-8">
<div class="tool_tip">
<label for="revenue">Post Click Revenue</label>
<div class="tip">Can sales revenue be captured and tracked by Branch in this
scenario after the user has clicked on the Branch link. Sales
revenue relates to the value of purchases made by a user within
the app after clicking on a Branch link.</div>
</div>
<input
type="text"
name="revenue"
disabled
id="res-8"
class="output_result"
/>
</div>
<div class="result result-9">
<div class="tool_tip">
<label for="sign_ups">Post Install Sign-ups</label>
<div class="tip">Can sign-up events be tracked by Branch post install in this
scenario. A sign-up refers to a user signing up to a newsletter or
becoming a member once they have installed and opened your app.</div>
</div>
<input
type="text"
name="sign_ups"
disabled
id="res-9"
class="output_result"
/>
</div>
</div>
</div>
<script type="module" src="script.mjs"></script>
<div class="loader"><h3>Loading...</h3></div>
<div class="error_field"><h3>Please select all the fields !</h3></div>
</body>
</html>