@kompasid/lit-web-components 0.9.37 → 0.9.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/paywall.html +25 -1
- package/dist/src/components/kompasid-paywall/KompasPaywall.d.ts +19 -0
- package/dist/src/components/kompasid-paywall/KompasPaywall.js +96 -5
- package/dist/src/components/kompasid-paywall/KompasPaywall.js.map +1 -1
- package/dist/src/components/kompasid-paywall/types.d.ts +5 -0
- package/dist/src/components/kompasid-paywall/types.js.map +1 -1
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.d.ts +3 -0
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js +15 -0
- package/dist/src/components/kompasid-paywall-body/KompasPaywallBody.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/kompasid-paywall/KompasPaywall.ts +111 -7
- package/src/components/kompasid-paywall/readme.md +334 -281
- package/src/components/kompasid-paywall/types.ts +6 -0
- package/src/components/kompasid-paywall-body/KompasPaywallBody.ts +6 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
# kompasid-paywall
|
|
2
2
|
|
|
3
3
|
Ini adalah redesign komponen _paywall_ yang digunakan pada [epaper.kompas.id](https://epaper.kompas.id) dan [kompas.id](https://kompas.id). Penggunaan komponen ini dapat dibedakan berdasarkan type productnya ( epaper atau reguler(kompas.id)).
|
|
4
|
+
Terdapat skenario contextual paywall jika beberapa props tracker di isi seperti ***tracker_content_tags***, ***tracker_content_published_date*** dan ***tracker_content_variant***
|
|
4
5
|
|
|
5
6
|
## Properties
|
|
6
7
|
|
|
@@ -23,6 +24,9 @@ Ini adalah redesign komponen _paywall_ yang digunakan pada [epaper.kompas.id](ht
|
|
|
23
24
|
| `tracker_content_title` | `tracker_content_title` | | `string` | `''` | `false` |
|
|
24
25
|
| `tracker_content_type` | `tracker_content_type` | | `string` | `''` | `false` |
|
|
25
26
|
| `tracker_content_publisher` | `tracker_content_publisher` | | `string` | `''` | `false` |
|
|
27
|
+
| `tracker_content_tags` | `tracker_content_tags` | | `string` | `''` | `false` |
|
|
28
|
+
| `tracker_content_published_date`| `tracker_content_published_date`| | `string` | `''` | `false` |
|
|
29
|
+
| `tracker_content_variant` | `tracker_content_variant` | | `string` | `''` | `false` |
|
|
26
30
|
| `tracker_epaper_edition` | `tracker_epaper_edition` | | `string` | `''` | `false` |
|
|
27
31
|
| `tracker_metered_wall_balance` | `tracker_metered_wall_balance` | | `number` | `0` | `false` |
|
|
28
32
|
| `tracker_metered_wall_type` | `tracker_metered_wall_type` | | `string` | `''` | `false` |
|
|
@@ -40,315 +44,364 @@ Example:
|
|
|
40
44
|
```json
|
|
41
45
|
{
|
|
42
46
|
"proMiningArticle": {
|
|
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
|
-
|
|
47
|
+
"head": "Akses Penuh Kompas Pro dengan Berlangganan",
|
|
48
|
+
"content": [
|
|
49
|
+
"Analisis tajam dari pakar industri",
|
|
50
|
+
"Indonesia Mining Outlook",
|
|
51
|
+
"Kompas Mining Connect",
|
|
52
|
+
"Newsletter eksklusif",
|
|
53
|
+
"Akses penuh Kompas.id Premium"
|
|
54
|
+
],
|
|
55
|
+
"memberships": [
|
|
56
|
+
{
|
|
57
|
+
"title": "Kompas Pro Mining 1 Tahun",
|
|
58
|
+
"percentage": 0,
|
|
59
|
+
"price": 1500000,
|
|
60
|
+
"discountPrice": 0,
|
|
61
|
+
"savingPrice": 0,
|
|
62
|
+
"periode": "Tahun",
|
|
63
|
+
"isHighlight": false,
|
|
64
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891033&autorenewal=1&referrer=",
|
|
65
|
+
"package": "Cash-B2C-Pro-Mining-12",
|
|
66
|
+
"subscriptionId": "9891033",
|
|
67
|
+
"position": 1
|
|
68
|
+
}
|
|
69
|
+
],
|
|
70
|
+
"swgEnable": false,
|
|
71
|
+
"swgContent": {
|
|
72
|
+
"introductory": {
|
|
73
|
+
"price": "Rp 30.000",
|
|
74
|
+
"description": "untuk 1 bulan pertama",
|
|
75
|
+
"duration": ""
|
|
76
|
+
},
|
|
77
|
+
"default": {
|
|
78
|
+
"price": "",
|
|
79
|
+
"description": "Berlangganan lebih mudah dengan Google",
|
|
80
|
+
"duration": ""
|
|
81
|
+
}
|
|
72
82
|
},
|
|
73
|
-
"
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
83
|
+
"cta": {
|
|
84
|
+
"show": true,
|
|
85
|
+
"text": "Keunggulan Kompas Pro",
|
|
86
|
+
"url": "https://pro.kompas.id/"
|
|
77
87
|
}
|
|
78
|
-
},
|
|
79
|
-
"cta": {
|
|
80
|
-
"show": true,
|
|
81
|
-
"text": "Keunggulan Kompas Pro",
|
|
82
|
-
"url": "https://www.kompas.id/berlangganan/v2"
|
|
83
|
-
}
|
|
84
88
|
},
|
|
85
89
|
"proMiningOutlook": {
|
|
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
|
-
|
|
90
|
+
"head": "Akses Penuh Kompas Pro dengan Berlangganan",
|
|
91
|
+
"content": [
|
|
92
|
+
"Analisis tajam dari pakar industri",
|
|
93
|
+
"Indonesia Mining Outlook",
|
|
94
|
+
"Kompas Mining Connect",
|
|
95
|
+
"Newsletter eksklusif",
|
|
96
|
+
"Akses penuh Kompas.id Premium"
|
|
97
|
+
],
|
|
98
|
+
"memberships": [
|
|
99
|
+
{
|
|
100
|
+
"title": "Kompas Pro Mining 1 Tahun",
|
|
101
|
+
"percentage": 0,
|
|
102
|
+
"price": 1500000,
|
|
103
|
+
"discountPrice": 0,
|
|
104
|
+
"savingPrice": 0,
|
|
105
|
+
"periode": "Tahun",
|
|
106
|
+
"isHighlight": false,
|
|
107
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891033&autorenewal=1&referrer=",
|
|
108
|
+
"package": "Cash-B2C-Pro-Mining-12",
|
|
109
|
+
"subscriptionId": "9891033",
|
|
110
|
+
"position": 1
|
|
111
|
+
}
|
|
112
|
+
],
|
|
113
|
+
"swgEnable": false,
|
|
114
|
+
"swgContent": {
|
|
115
|
+
"introductory": {
|
|
116
|
+
"price": "Rp 30.000",
|
|
117
|
+
"description": "untuk 1 bulan pertama",
|
|
118
|
+
"duration": ""
|
|
119
|
+
},
|
|
120
|
+
"default": {
|
|
121
|
+
"price": "",
|
|
122
|
+
"description": "Berlangganan lebih mudah dengan Google",
|
|
123
|
+
"duration": ""
|
|
124
|
+
}
|
|
115
125
|
},
|
|
116
|
-
"
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
126
|
+
"cta": {
|
|
127
|
+
"show": true,
|
|
128
|
+
"text": "Keunggulan Kompas Pro",
|
|
129
|
+
"url": "https://pro.kompas.id/"
|
|
120
130
|
}
|
|
121
|
-
},
|
|
122
|
-
"cta": {
|
|
123
|
-
"show": true,
|
|
124
|
-
"text": "Keunggulan Kompas Pro",
|
|
125
|
-
"url": "https://www.kompas.id/berlangganan/v2"
|
|
126
|
-
}
|
|
127
131
|
},
|
|
128
132
|
"epaper": {
|
|
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
|
-
|
|
133
|
+
"head": "Buat Ramadhan Lebih Bermakna, Akses ePaper Ini dengan Berlangganan",
|
|
134
|
+
"content": [
|
|
135
|
+
"10+ buku digital dan 5+ Political Insight eksklusif di aplikasi",
|
|
136
|
+
"Akses ePaper hingga 30 edisi terakhir",
|
|
137
|
+
"Undangan prioritas webinar eksklusif bersama redaksi",
|
|
138
|
+
"Klaim voucer digital Hotel Santika dan mitra Kompas.id lainnya"
|
|
139
|
+
],
|
|
140
|
+
"memberships": [
|
|
141
|
+
{
|
|
142
|
+
"title": "Kompas Digital Premium 12 Bulan (Hemat 70%)",
|
|
143
|
+
"percentage": 70,
|
|
144
|
+
"price": 110000,
|
|
145
|
+
"discountPrice": 360000,
|
|
146
|
+
"savingPrice": 9000,
|
|
147
|
+
"periode": "Tahun",
|
|
148
|
+
"isHighlight": true,
|
|
149
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891038&autorenewal=1&referrer=",
|
|
150
|
+
"package": "cash-b2c-kdp-regular-12-1000002",
|
|
151
|
+
"subscriptionId": "9891038",
|
|
152
|
+
"position": 1
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
"title": "Kompas Digital Premium 1 Bulan",
|
|
156
|
+
"percentage": 0,
|
|
157
|
+
"discountPrice": 0,
|
|
158
|
+
"price": 20000,
|
|
159
|
+
"periode": "Bulan",
|
|
160
|
+
"isHighlight": false,
|
|
161
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891075&autorenewal=1&referrer=",
|
|
162
|
+
"package": "cash-b2c-kdp-regular-1-1000042",
|
|
163
|
+
"subscriptionId": "9891075",
|
|
164
|
+
"position": 2
|
|
165
|
+
}
|
|
166
|
+
],
|
|
167
|
+
"swgEnable": true,
|
|
168
|
+
"swgContent": {
|
|
169
|
+
"introductory": {
|
|
170
|
+
"price": "Rp 30.000",
|
|
171
|
+
"description": "untuk 1 bulan pertama",
|
|
172
|
+
"duration": ""
|
|
173
|
+
},
|
|
174
|
+
"default": {
|
|
175
|
+
"price": "",
|
|
176
|
+
"description": "Berlangganan lebih mudah dengan Google",
|
|
177
|
+
"duration": ""
|
|
178
|
+
}
|
|
169
179
|
},
|
|
170
|
-
"
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
180
|
+
"cta": {
|
|
181
|
+
"show": true,
|
|
182
|
+
"text": "Lihat Paket Lainnya",
|
|
183
|
+
"url": "https://www.kompas.id/berlangganan/v2"
|
|
174
184
|
}
|
|
175
|
-
},
|
|
176
|
-
"cta": {
|
|
177
|
-
"show": true,
|
|
178
|
-
"text": "Lihat Paket Lainnya",
|
|
179
|
-
"url": "https://www.kompas.id/berlangganan/v2"
|
|
180
|
-
}
|
|
181
185
|
},
|
|
182
186
|
"reguler": {
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
187
|
+
"typeA": {
|
|
188
|
+
"head": "Tingkatkan Literasi di Bulan Suci Dengan Artikel Penuh Inspirasi Type A",
|
|
189
|
+
"content": [
|
|
190
|
+
"10+ buku digital dan 5+ Political Insight eksklusif di aplikasi",
|
|
191
|
+
"Akses ePaper hingga 30 edisi terakhir",
|
|
192
|
+
"Undangan prioritas webinar eksklusif bersama redaksi",
|
|
193
|
+
"Klaim voucer digital Hotel Santika dan mitra Kompas.id lainnya"
|
|
194
|
+
],
|
|
195
|
+
"memberships": [
|
|
196
|
+
{
|
|
197
|
+
"title": "Kompas Digital Premium 12 Bulan (Hemat 70%)",
|
|
198
|
+
"percentage": 70,
|
|
199
|
+
"price": 110000,
|
|
200
|
+
"discountPrice": 360000,
|
|
201
|
+
"savingPrice": 9000,
|
|
202
|
+
"periode": "Tahun",
|
|
203
|
+
"isHighlight": true,
|
|
204
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891038&autorenewal=1&referrer=",
|
|
205
|
+
"package": "cash-b2c-kdp-regular-12-1000002",
|
|
206
|
+
"subscriptionId": "9891038",
|
|
207
|
+
"position": 1
|
|
208
|
+
},
|
|
209
|
+
{
|
|
210
|
+
"title": "Kompas Digital Premium 1 Bulan",
|
|
211
|
+
"percentage": 0,
|
|
212
|
+
"discountPrice": 0,
|
|
213
|
+
"price": 20000,
|
|
214
|
+
"periode": "Bulan",
|
|
215
|
+
"isHighlight": false,
|
|
216
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891075&autorenewal=1&referrer=",
|
|
217
|
+
"package": "cash-b2c-kdp-regular-1-1000042",
|
|
218
|
+
"subscriptionId": "9891075",
|
|
219
|
+
"position": 2
|
|
220
|
+
}
|
|
221
|
+
]
|
|
203
222
|
},
|
|
204
|
-
{
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
+
"typeB": {
|
|
224
|
+
"head": "Tingkatkan Literasi di Bulan Suci Dengan Artikel Penuh Inspirasi Type B",
|
|
225
|
+
"content": [
|
|
226
|
+
"10+ buku digital dan 5+ Political Insight eksklusif di aplikasi",
|
|
227
|
+
"Akses ePaper hingga 30 edisi terakhir",
|
|
228
|
+
"Undangan prioritas webinar eksklusif bersama redaksi",
|
|
229
|
+
"Klaim voucer digital Hotel Santika dan mitra Kompas.id lainnya"
|
|
230
|
+
],
|
|
231
|
+
"memberships": [
|
|
232
|
+
{
|
|
233
|
+
"title": "Kompas Digital Premium 12 Bulan (Hemat 70%)",
|
|
234
|
+
"percentage": 70,
|
|
235
|
+
"price": 110000,
|
|
236
|
+
"discountPrice": 360000,
|
|
237
|
+
"savingPrice": 9000,
|
|
238
|
+
"periode": "Tahun",
|
|
239
|
+
"isHighlight": true,
|
|
240
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891038&autorenewal=1&referrer=",
|
|
241
|
+
"package": "cash-b2c-kdp-regular-12-1000002",
|
|
242
|
+
"subscriptionId": "9891038",
|
|
243
|
+
"position": 1
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"title": "Kompas Digital Premium 1 Bulan",
|
|
247
|
+
"percentage": 0,
|
|
248
|
+
"discountPrice": 0,
|
|
249
|
+
"price": 20000,
|
|
250
|
+
"periode": "Bulan",
|
|
251
|
+
"isHighlight": false,
|
|
252
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891075&autorenewal=1&referrer=",
|
|
253
|
+
"package": "cash-b2c-kdp-regular-1-1000042",
|
|
254
|
+
"subscriptionId": "9891075",
|
|
255
|
+
"position": 2
|
|
256
|
+
}
|
|
257
|
+
]
|
|
258
|
+
},
|
|
259
|
+
"swgEnable": true,
|
|
260
|
+
"swgContent": {
|
|
261
|
+
"introductory": {
|
|
262
|
+
"price": "Rp 30.000",
|
|
263
|
+
"description": "untuk 1 bulan pertama",
|
|
264
|
+
"duration": ""
|
|
265
|
+
},
|
|
266
|
+
"default": {
|
|
267
|
+
"price": "",
|
|
268
|
+
"description": "Berlangganan lebih mudah dengan Google",
|
|
269
|
+
"duration": ""
|
|
270
|
+
}
|
|
223
271
|
},
|
|
224
|
-
"
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
272
|
+
"cta": {
|
|
273
|
+
"show": true,
|
|
274
|
+
"text": "Lihat Paket Lainnya",
|
|
275
|
+
"url": "https://www.kompas.id/berlangganan/v2"
|
|
228
276
|
}
|
|
229
|
-
},
|
|
230
|
-
"cta": {
|
|
231
|
-
"show": true,
|
|
232
|
-
"text": "Lihat Paket Lainnya",
|
|
233
|
-
"url": "https://www.kompas.id/berlangganan/v2"
|
|
234
|
-
}
|
|
235
277
|
},
|
|
236
278
|
"audio": {
|
|
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
|
-
|
|
279
|
+
"head": "Buat Ramadhan Lebih Bermakna, Akses Audio Berita dan Keuntungan Lainnya Tanpa Jeda",
|
|
280
|
+
"content": [
|
|
281
|
+
"10+ buku digital dan 5+ Political Insight eksklusif di aplikasi",
|
|
282
|
+
"Akses ePaper hingga 30 edisi terakhir",
|
|
283
|
+
"Undangan prioritas webinar eksklusif bersama redaksi",
|
|
284
|
+
"Klaim voucer digital Hotel Santika dan mitra Kompas.id lainnya"
|
|
285
|
+
],
|
|
286
|
+
"memberships": [
|
|
287
|
+
{
|
|
288
|
+
"title": "Kompas Digital Premium 12 Bulan (Hemat 70%)",
|
|
289
|
+
"percentage": 70,
|
|
290
|
+
"price": 110000,
|
|
291
|
+
"discountPrice": 360000,
|
|
292
|
+
"savingPrice": 9000,
|
|
293
|
+
"periode": "Tahun",
|
|
294
|
+
"isHighlight": true,
|
|
295
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891038&autorenewal=1&referrer=",
|
|
296
|
+
"package": "cash-b2c-kdp-regular-12-1000002",
|
|
297
|
+
"subscriptionId": "9891038",
|
|
298
|
+
"position": 1
|
|
299
|
+
},
|
|
300
|
+
{
|
|
301
|
+
"title": "Kompas Digital Premium 1 Bulan",
|
|
302
|
+
"percentage": 0,
|
|
303
|
+
"discountPrice": 0,
|
|
304
|
+
"price": 20000,
|
|
305
|
+
"periode": "Bulan",
|
|
306
|
+
"isHighlight": false,
|
|
307
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9891075&autorenewal=1&referrer=",
|
|
308
|
+
"package": "cash-b2c-kdp-regular-1-1000042",
|
|
309
|
+
"subscriptionId": "9891075",
|
|
310
|
+
"position": 2
|
|
311
|
+
}
|
|
312
|
+
],
|
|
313
|
+
"swgEnable": true,
|
|
314
|
+
"swgContent": {
|
|
315
|
+
"introductory": {
|
|
316
|
+
"price": "Rp 30.000",
|
|
317
|
+
"description": "Berlangganan dengan Harga Pertama",
|
|
318
|
+
"duration": ""
|
|
319
|
+
},
|
|
320
|
+
"default": {
|
|
321
|
+
"price": "",
|
|
322
|
+
"description": "Berlangganan lebih mudah dengan Google",
|
|
323
|
+
"duration": ""
|
|
324
|
+
}
|
|
277
325
|
},
|
|
278
|
-
"
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
326
|
+
"cta": {
|
|
327
|
+
"show": true,
|
|
328
|
+
"text": "Lihat Paket Lainnya",
|
|
329
|
+
"url": "https://www.kompas.id/berlangganan/v2"
|
|
282
330
|
}
|
|
283
|
-
},
|
|
284
|
-
"cta": {
|
|
285
|
-
"show": true,
|
|
286
|
-
"text": "Lihat Paket Lainnya",
|
|
287
|
-
"url": "https://www.kompas.id/berlangganan/v2"
|
|
288
|
-
}
|
|
289
331
|
},
|
|
290
332
|
"custom": {
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
333
|
+
"head": "ini title custom",
|
|
334
|
+
"content": [
|
|
335
|
+
"Akses seluruh konten Kompas.id web dan aplikasi",
|
|
336
|
+
"ePaper hingga 30 edisi terakhir",
|
|
337
|
+
"Artikel Riset dan Opini eksklusif dari para ahli",
|
|
338
|
+
"Buku digital tiap bulannya di aplikasi"
|
|
339
|
+
],
|
|
340
|
+
"memberships": [
|
|
341
|
+
{
|
|
342
|
+
"title": "Kompas Digital Premium 12 Bulan (Hemat 70%)",
|
|
343
|
+
"percentage": 70,
|
|
344
|
+
"price": 110000,
|
|
345
|
+
"discountPrice": 360000,
|
|
346
|
+
"savingPrice": 9000,
|
|
347
|
+
"periode": "Tahun",
|
|
348
|
+
"isHighlight": true,
|
|
349
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9802032&autorenewal=1&referrer=",
|
|
350
|
+
"package": "Cash-B2C-Halaman Berlangganan-Reguler_Digital-KDP 12",
|
|
351
|
+
"subscriptionId": "9802032",
|
|
352
|
+
"position": 1
|
|
353
|
+
},
|
|
354
|
+
{
|
|
355
|
+
"title": "Kompas Digital Premium 1 Bulan",
|
|
356
|
+
"percentage": 0,
|
|
357
|
+
"discountPrice": 0,
|
|
358
|
+
"price": 15000,
|
|
359
|
+
"periode": "Bulan",
|
|
360
|
+
"isHighlight": false,
|
|
361
|
+
"url": "https://checkoutv2.kompas.id/v2/kdp?productId=9802035&autorenewal=1&referrer=",
|
|
362
|
+
"package": "Cash-B2C-Halaman Berlangganan-Reguler_Digital-KDP 1",
|
|
363
|
+
"subscriptionId": "9802035",
|
|
364
|
+
"position": 2
|
|
365
|
+
}
|
|
366
|
+
],
|
|
367
|
+
"freeTrial": {
|
|
368
|
+
"packageText": "untuk 3 hari pertama",
|
|
369
|
+
"desktopText": "Coba gratis 3 hari Kompas.id melalui aplikasi. Pindai kode QR dengan ponsel atau tablet untuk mengunduh aplikasi.",
|
|
370
|
+
"mobileText": "Dapatkan akses gratis selama 3 hari ke konten dan fitur premium Kompas.id di aplikasi."
|
|
311
371
|
},
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
],
|
|
325
|
-
"freeTrial": {
|
|
326
|
-
"packageText": "untuk 3 hari pertama",
|
|
327
|
-
"desktopText": "Coba gratis 3 hari Kompas.id melalui aplikasi. Pindai kode QR dengan ponsel atau tablet untuk mengunduh aplikasi.",
|
|
328
|
-
"mobileText": "Dapatkan akses gratis selama 3 hari ke konten dan fitur premium Kompas.id di aplikasi."
|
|
329
|
-
},
|
|
330
|
-
"swgEnable": true,
|
|
331
|
-
"swgContent": {
|
|
332
|
-
"introductory": {
|
|
333
|
-
"price": "Rp 30.000",
|
|
334
|
-
"description": "untuk 1 bulan pertama",
|
|
335
|
-
"duration": ""
|
|
372
|
+
"swgEnable": true,
|
|
373
|
+
"swgContent": {
|
|
374
|
+
"introductory": {
|
|
375
|
+
"price": "Rp 30.000",
|
|
376
|
+
"description": "untuk 1 bulan pertama",
|
|
377
|
+
"duration": ""
|
|
378
|
+
},
|
|
379
|
+
"default": {
|
|
380
|
+
"price": "",
|
|
381
|
+
"description": "Berlangganan lebih mudah dengan Google",
|
|
382
|
+
"duration": ""
|
|
383
|
+
}
|
|
336
384
|
},
|
|
337
|
-
"
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
385
|
+
"cta": {
|
|
386
|
+
"show": true,
|
|
387
|
+
"text": "Lihat Paket Lainnya",
|
|
388
|
+
"url": "https://www.kompas.id/berlangganan/v2"
|
|
341
389
|
}
|
|
342
|
-
},
|
|
343
|
-
"cta": {
|
|
344
|
-
"show": true,
|
|
345
|
-
"text": "Lihat Paket Lainnya",
|
|
346
|
-
"url": "https://www.kompas.id/berlangganan/v2"
|
|
347
|
-
}
|
|
348
390
|
}
|
|
349
391
|
}
|
|
350
392
|
```
|
|
351
393
|
|
|
394
|
+
## JSON ([https://cdn-www.kompas.id/web-component/contextual_paywall.json](https://cdn-www.kompas.id/web-component/contextual_paywall.json))
|
|
395
|
+
```json
|
|
396
|
+
{
|
|
397
|
+
"variant": "test",
|
|
398
|
+
"tags": [
|
|
399
|
+
"ekonomi",
|
|
400
|
+
"polhuk"
|
|
401
|
+
]
|
|
402
|
+
}
|
|
403
|
+
```
|
|
404
|
+
|
|
352
405
|
## Dependencies
|
|
353
406
|
|
|
354
407
|
### Depends on
|