-
Notifications
You must be signed in to change notification settings - Fork 1
/
onelink_parameters.html
116 lines (107 loc) · 4.26 KB
/
onelink_parameters.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
<!-- This example will demonstare converting a URL to OneLink URL while configuring OneLink parameters -->
<!-- Calling URL: https://appsflyersdk.github.io/af-onelink-smart-script/examples/onelink_parameters.html?inmedia=email&dp_dest=apples&inchnl=this_channel&promo=buy99 -->
<!-- Expected OneLink URL: https://engmntqa.onelink.me/LtRd/?af_js_web=true&af_ss_ver=2_2_0&pid=email&af_channel=this_channel&deep_link_value=apples&af_sub3=buy99 -->
<!DOCTYPE html>
<html>
<head>
<base herf="/">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="themes/prism.css">
<link rel="stylesheet" href="themes/prism-line-numbers.css">
<link rel="stylesheet" href="themes/prism-live.css"
/>
<style>
foo {
background: black;
}
</style>
</head>
<body>
<div class="row">
<div class="column">
<img src="../images/appsflyerlogo.png" alt="AppsFlyer logo">
</div>
<div class="column" style="text-align:right;">
<img src="../images/onelinklogo.png" alt="OneLink logo">
</div>
</div>
<h1 class="primary-heading">
OneLink Smart Script V2
</h1>
<h2 class="secondary-heading">
OneLink parameters Demo
</h2>
<div class="url-container">
<div class="input_url-container">
<h2>Input URL</h2>
<textarea id="input_url" class="present_url">
No input URL
</textarea>
</div>
<div>
<pre>
<textarea id="input_code_for_run" class="prism-live line-numbers language-js fill" spellcheck="false">
//Initializing Smart Script arguments
var oneLinkURL = "https://engmntqa.onelink.me/LtRd/";
// If a media source key is NOT FOUND on the link and NO default value is found, the script will return a null string
var mediaSource = {keys: ["inmedia"], defaultValue: "my_media_default_source"};
var channel = {keys: ["inchnl"]};
var deepLinkValue = {keys: ["dp_dest"], defaultValue: "peaches"};
var afSub3 = {keys: ["promo"]};
//Calling the function after embedding the code will be through a global parameter on the window object called window.AF_SMART_SCRIPT
//Onelink URL is generated
var result = window.AF_SMART_SCRIPT.generateOneLinkURL({
oneLinkURL,
afParameters:{
mediaSource: mediaSource,
channel: channel,
deepLinkValue: deepLinkValue,
afSub3: afSub3
}
})
var result_url = "No output from script"
if (result) {
result_url = result.clickURL;
document.getElementById('andrd_link').setAttribute('href', result_url);
document.getElementById('ios_link').setAttribute('href', result_url);
}
document.getElementById('output_url').innerHTML = result_url;
</textarea>
</pre>
<input type="button" value="Run Code" class="code_button" onclick="runTxtAreaCode()" />
</div>
<div class="output_url-container">
<h2>Output URL</h2>
<textarea id="output_url" class="present_url">
No output from script
</textarea>
</div>
</div>
<div class="stores-wrapper">
<a id="ios_link" href="https://apps.apple.com/us/app/my-device-id-by-appsflyer/id1192323960">
<img class="appstore-image" src="../images/app_store.png" alt="app store link" >
</a>
<a id="andrd_link" class="appstore-image" href="https://play.google.com/store/apps/details?id=com.appsflyer.android.deviceid">
<img src="../images/play_store.png" alt="play store link">
</a>
</div>
<script type="text/javascript" src="../scripts/onelink-smart-script-latest.js"></script>
<script src="scripts/prism.js"></script>
<script src="scripts/prism-line-numbers.js"></script>
<script src="scripts/prism-live.js"></script>
<script>
// load the input URL to thr input_url textArea
document.getElementById('input_url').innerHTML = window.location.href;
runTxtAreaCode();
// set the onClicke to run the code in the code editor
function runTxtAreaCode() {
var headID = document.getElementsByTagName("head")[0];
var newScript = document.createElement("script");
newScript.type = "text/javascript";
newScript.text = document.getElementById("input_code_for_run").value;
headID.appendChild(newScript);
};
</script>
</body>
</body>
</html>