forked from gigazelle/cja-ttv
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
118 lines (109 loc) · 7.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Decision Tree Checklist</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<div class="container">
<!-- Left Column: Questionnaire -->
<div class="left-column">
<h2>Questionnaire</h2>
<div class="accordion">
<h3 class="accordion-header">What you have</h3>
<div class="accordion-content">
<p>How do you currently have Adobe Analytics implemented for a given property?<span
class="popover-icon" data-description="Test!"> ℹ️ </span></p>
<select id="implementation-state">
<option id="imp-default" disabled selected hidden>Select your current implementation</option>
<option id="imp-appmeasurement">AppMeasurement or Analytics tag extension</option>
<option id="imp-web-sdk">Web SDK</option>
<option id="imp-server-side-api">Server-side API</option>
<option id="imp-legacy-mobile">Legacy mobile implementation</option>
<option id="imp-mobile-sdk">Mobile SDK</option>
<option id="imp-none">No Adobe Analytics implementation</option>
</select>
<hr>
<input type="radio" id="imp-type-have-manual" name="implementation-have">I'm using a manual
implementation<br>
<input type="radio" id="imp-type-have-tags" name="implementation-have">I'm using tags<br>
<input type="radio" id="imp-type-have-api" name="implementation-have">I'm using the API<br>
</div>
</div>
<div class="accordion">
<h3 class="accordion-header">Existing Adobe Analytics features that you want to bring to CJA</h3>
<div class="accordion-content">
<p>Select the features you want:</p>
<input type="checkbox" id="want-turn-off-aa">Eventually use CJA exclusively to prevent costs using
both AA and CJA<br>
<input type="checkbox" id="want-historical data">Historical data from Adobe Analytics<br>
<input type="checkbox" id="want-component-migration">Components and projects from Adobe Analytics
into CJA<br>
<input type="checkbox" id="want-activity-map-overlay">Activity map overlay and link tracking<br>
<input type="checkbox" id="want-classifications">Classification data<br>
<input type="checkbox" id="want-marketing-channels">Marketing channels<br>
<input type="checkbox" id="want-data-feeds">Data feeds<br>
<input type="checkbox" id="want-streaming-media">Include streaming media data
<hr>
<input type="radio" id="want-custom-schema">I want to use a schema tailored to my organization<br>
<input type="radio" id="want-analytics-schema">I'm good with using an Analytics-based schema
<hr>
<input type="radio" id="imp-type-want-tags" name="implementation-want">I want to use tags<br>
<input type="radio" id="imp-type-want-manual" name="implementation-want">I want a manual
implementation<br>
<input type="radio" id="imp-type-want-api" name="implementation-want">I want to use the API<br>
</div>
</div>
<div class="accordion">
<h3 class="accordion-header">New CJA features that you want to capitalize on</h3>
<div class="accordion-content">
<p>Select the features that you want:</p>
<input type="checkbox" id="want-omnichannel">Tie web data with data from other channels, such as
call center<br>
<input type="checkbox" id="want-rtcdp">Integrate with RTCDP<br>
<input type="checkbox" id="want-ajo">Integrate with Adobe Journey Optimizer
<hr>
</div>
</div>
<div class="accordion">
<h3 class="accordion-header">How you want to get there</h3>
<div class="accordion-content">
<p>Select the shortcuts that you want to take<span class="popover-icon"
data-description="These optional steps allow you to make your transition to CJA much easier, but comes at a cost of some technical debt.">
ℹ️ </span></p>
<input type="checkbox" id="shortcut-keep-appmeasurement">I want use my AppMeasurement logic with the
Web SDK <span class="popover-icon"
data-description="Instead of sending data through an XDM object, you can send all your variables in AppMeasurement format through the data object. This shortcut allows you to continue using your AppMeasurement logic to send data to Platform.">
ℹ️ </span><br>
<input type="checkbox" id="shortcut-use-data-layer">I want to send my data layer to Adobe without
configuring tag rules<span class="popover-icon"
data-description="Sending your entire data layer to Adobe greatly simplifies the implementation, but requires that you map every data layer element at the datastream level. Any additions to your implementation requires modifications to datastream mapping.">
ℹ️ </span><br>
<input type="checkbox" id="want-a4t">Temporarily integrate with Adobe Target (A4T)<span
class="popover-icon"
data-description="Adobe recommends integrating with Adobe Journey Optimizer for personalization use cases. Integrating with Adobe Target is possible, but a temporary solution.">
ℹ️ </span><br>
<input type="checkbox" id="want-aam">Temporarily integrate with Adobe Audience Manager<span
class="popover-icon"
data-description="Adobe recommends integrating with RTCDP for audience-based use cases. Integrating with Audience Manager is possible, but a temporary solution.">
ℹ️ </span><br>
</div>
</div>
</div>
<!-- Right Column: Checklist -->
<div class="right-column">
<h2>Dynamically generated upgrade steps</h2>
<p>Complete the following steps in order to start getting value out of CJA.</p>
<ul id="checklist-container"></ul>
</div>
</div>
<!-- jQuery and js-yaml libraries -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js-yaml.min.js"></script>
<!-- Custom JavaScript -->
<script src="scripts.js"></script>
</body>
</html>