-
Notifications
You must be signed in to change notification settings - Fork 22
/
Copy pathindex.html
598 lines (583 loc) · 37.6 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
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
---
layout: default
---
<div class="container relative pb-12 lg:pb-16 xl:pb-20">
<div class="px-4 mx-auto mt-10 max-w-screen-xl sm:mt-12 sm:px-6 md:mt-16 lg:mt-20 xl:mt-28">
<div class="text-center">
<h1 class="text-3xl font-extrabold tracking-tight text-gray-900 leading-10 sm:text-4xl sm:leading-none md:text-5xl">
Easy to use and privacy-friendly
<br class="xl:hidden" />
<span class="text-indigo-600">Google Analytics alternative</span>
</h1>
<p class="max-w-md mx-auto mt-3 text-base text-gray-500 sm:text-lg md:mt-5 md:text-xl md:max-w-3xl">
Plausible is intuitive, lightweight and open source web analytics. No cookies and fully compliant with GDPR, CCPA and PECR. Made and hosted in the EU, powered by European-owned cloud infrastructure 🇪🇺
</p>
<div class="max-w-md mx-auto mt-5 sm:flex sm:justify-center md:mt-8">
<div class="shadow rounded-md">
<a href="/register" class="flex items-center justify-center w-full px-8 py-3 text-base font-medium text-white bg-indigo-600 border border-transparent leading-6 rounded-md hover:bg-indigo-500 focus:outline-none focus:shadow-outline-indigo transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10">
Get started
</a>
</div>
<div class="mt-3 shadow rounded-md sm:mt-0 sm:ml-3">
<a href="/plausible.io" class="flex items-center justify-center w-full px-8 py-3 text-base font-medium text-indigo-600 bg-white border border-transparent leading-6 rounded-md hover:text-indigo-500 focus:outline-none focus:shadow-outline-blue transition duration-150 ease-in-out md:py-4 md:text-lg md:px-10">
Live demo
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative">
<div class="max-w-5xl mx-auto rounded" style="margin-bottom: -30rem; margin-top: -2rem;">
<figure class="relative" style="padding-bottom: 82.6%">
<img class="absolute top-0 left-0" src="/assets/images/privacy-focused-web-analytics.png" alt="Privacy-focused web analytics dashboard" />
</figure>
</div>
</div>
<div class="py-24 bg-white">
<div style="padding-top: 36rem;"></div>
<div class="container mx-auto">
<div class="mx-auto text-gray-600 prose prose-lg">
<h2>It's time to ditch Google Analytics</h2>
<p>
Google Analytics is frustrating to use, difficult to understand, slow to load and privacy-invasive. That's why we built Plausible Analytics, a simple but powerful, lightweight, open source and privacy-friendly alternative.
</p>
<p>
Here's what makes Plausible a great <a href="/vs-google-analytics">Google Analytics alternative</a> and why over 14,000 paying subscribers trust us with their website and business insights:
</p>
<h3>Simple analytics at a glance</h3>
<p>
Plausible is <a href="/simple-web-analytics">simple analytics</a>. It is easy to understand and it cuts through the noise. Check your site traffic and get all the essential insights on one page in one minute. There are no layers of menus, there is no need for you to build custom reports, custom dashboards or PowerPoint documents. You can even <a href="/docs/google-analytics-import">import your Google Analytics stats</a>.
</p>
<h3>Lightweight script that keeps your site speed fast</h3>
<p>
Plausible is <a href="/lightweight-web-analytics">lightweight analytics</a>. Our script is 75 times smaller than Google Analytics. Your page weight will be cut down, your site will load faster and you'll reduce your carbon footprint for a greener and more sustainable web. A site with 100,000 monthly visitors can save 8.2 kg of CO2 emissions per year by switching.
</p>
<h3>
No need for cookie banners or GDPR consent
</h3>
<p>
Plausible is <a href="/privacy-focused-web-analytics">privacy-friendly analytics</a>. All the site measurement is carried out absolutely anonymously. Cookies are not used and no personal data is collected. There are no persistent identifiers. No cross-site or cross-device tracking either. Your site data is not used for any other purposes. All visitor data is exclusively processed with servers owned and operated by European companies and it never leaves the EU.
</p>
<h3>
Track goal conversions, revenue and campaigns
</h3>
<p>
Plausible is useful. Segment your audience by any metric you click on. Answer the important questions about your visitors, content and referral sources. Analyze paid campaigns using UTM parameters. Track ecommerce revenue, outbound link clicks, file downloads and 404 error pages. Create custom events with custom dimensions to track conversions and attribution. Increase conversions using funnel analysis.
</p>
<h3>Invite team members and share your dashboard</h3>
<p>
Plausible is shareable. Your stats are private by default but you can choose to be transparent and make them public so anyone with your custom link can view them. You can embed the dashboard into your website too. Stats can also be shared privately by generating a secure link. You can invite team members and assign user roles too.
</p>
<h3>Transparent and open source software</h3>
<p>
Plausible is <a href="/open-source-website-analytics">open source analytics</a>. Our source code is available and accessible on GitHub so anyone can read it, inspect it and review it to verify that our actions match with our words. We welcome feedback and have <a href="https://feedback.plausible.io/roadmap">a public roadmap</a>. If you're happy to manage your own infrastructure, you can <a href="/self-hosted-web-analytics">self-host Plausible</a> too.
</p>
<h3>Smooth transition from Google Analytics</h3>
<p>
There's a realtime dashboard, an entry pages report and integration with Search Console. You can track your paid campaign conversions, invite team members and count visitors who ignore the consent banner. We exclude data center bot traffic by default. You can even import your historical stats. Learn how to get the most out of <a href="/docs/your-plausible-experience">your Plausible experience</a> and join thousands who have already migrated from Google Analytics.
</p>
<p>
We hope you enjoy Plausible!
</p>
<p>Regards,</p>
<p>Uku and Marko</p>
<p>
P.S. We're a completely independent, self-funded, bootstrapped and debt-free team of 10. We're not interested in raising funds or taking investment. We choose the subscription business model rather than surveillance capitalism. We're operating a sustainable project funded solely by the fees that our subscribers pay us. Read more <a href="/about" class="text-indigo-600 hover:underline">about us</a>.
</p>
</div>
</div>
</div>
</div>
<div class="py-6 overflow-hidden bg-white md:py-8 lg:py-12">
<div class="container mx-auto">
<h2 class="text-3xl font-extrabold text-center text-gray-900 sm:text-4xl">
People ❤️ Plausible
</h2>
<p class="max-w-3xl mx-auto mt-3 text-xl text-center text-gray-500 sm:mt-4">
Plausible is built for scale and can serve sites with hundreds of millions of monthly visitors. Thousands of sites, startups and some of the world's leading brands have already made the switch from Google Analytics and other services.
</p>
<div class="pb-12 mt-10 bg-white sm:pb-16">
<div class="relative w-full">
<div class="mx-auto">
<dl class="bg-white rounded-lg sm:grid sm:grid-cols-3">
<div class="flex flex-col p-6 text-center border-b border-gray-100 sm:border-0 sm:border-r">
<dt class="order-2 mt-2 text-lg font-medium text-gray-500 leading-6">
Paying subscribers
</dt>
<dd class="order-1 text-5xl font-extrabold text-indigo-600">
14k
</dd>
</div>
<div class="flex flex-col p-6 text-center border-t border-b border-gray-100 sm:border-0 sm:border-l sm:border-r">
<dt class="order-2 mt-2 text-lg font-medium text-gray-500 leading-6">
Tracked pageviews
</dt>
<dd class="order-1 text-5xl font-extrabold text-indigo-600">
136B
</dd>
</div>
<div class="flex flex-col p-6 text-center border-t border-gray-100 sm:border-0 sm:border-l">
<dt class="order-2 mt-2 text-lg font-medium text-gray-500 leading-6">
Uptime (Last 90 days)
</dt>
<dd class="order-1 text-5xl font-extrabold text-indigo-600">
99.99%
</dd>
</div>
</dl>
</div>
</div>
</div>
<div class="md:grid gap-4 grid-cols-3">
{% for tweet in site.data.testimonials %}
<div class="my-4 md:m-0">
<div class="p-4 border border-gray-100 rounded-lg">
<div class="flex items-center">
<a class="flex items-center group" href="https://twitter.com/{{ tweet.author_handle }}" target="_blank">
<img class="w-10 rounded-full" src="{{ tweet.author_img }}" />
<div class="ml-2 leading-tight">
<div class="font-bold group-hover:text-blue-500">{{ tweet.author_name }}</div>
<div class="text-xs text-gray-500">@{{ tweet.author_handle }}</div>
</div>
</a>
<a class="ml-auto twitter-icon" href="{{tweet.url}}" target="_blank"></a>
</div>
<div class="mt-2 text-sm whitespace-pre-wrap cursor-text tweet-text">{{tweet.text}}</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
<div class="bg-gray-100 overflow-x-hidden" id="pricing">
<div class="pt-12 sm:pt-16 lg:pt-20">
<div class="px-4 mx-auto max-w-screen-xl sm:px-6 lg:px-8">
<div class="text-center">
<h2 class="text-3xl font-extrabold text-gray-900 leading-9 sm:text-4xl sm:leading-10 lg:text-5xl lg:leading-none">
Traffic based plans that match your growth
</h2>
<p class="mt-4 text-xl text-gray-600 leading-7">
Sign up for 30-day free trial. No credit card required.
</p>
</div>
</div>
</div>
<script>
const plans = [
{ volume: "10k", growth: 9, business: 19 },
{ volume: "100k", growth: 19, business: 39 },
{ volume: "200k", growth: 29, business: 59 },
{ volume: "500k", growth: 49, business: 99 },
{ volume: "1M", growth: 69, business: 139 },
{ volume: "2M", growth: 89, business: 179 },
{ volume: "5M", growth: 129, business: 259 },
{ volume: "10M", growth: 169, business: 339 },
]
function volume(index) {
index = parseInt(index)
if (index === plans.length) {
return "10M+"
} else {
return plans[index].volume
}
}
function price(currency, index, tier, yearlyBilling, withoutDiscount = false) {
index = parseInt(index)
if (index === plans.length) {
return "Custom"
}
let price
if (yearlyBilling && withoutDiscount) {
price = plans[index][tier] * 12
} else if (yearlyBilling) {
price = plans[index][tier] * 10
} else {
price = plans[index][tier]
}
return currency + price.toLocaleString("en-US")
}
function calculateBubblePosition(volumeIndex) {
const range = document.getElementById("volume")
const newVal = Number((volumeIndex / range.max) * 100)
return `left: calc(${newVal}% + (${13.87 - newVal * 0.26}px))`
}
</script>
<div class="pb-16 mt-8 bg-white sm:mt-12 sm:pb-20 lg:pb-28" x-data="{yearlyBilling: false, volumeIndex: 0, currency: '$'}" x-init="fetch('/api/paddle/currency').then(response => response.json()).then(data => currency = data.currency)">
<div class="relative">
<div class="absolute inset-0 bg-gray-100 h-1/2"></div>
<div class="bg-white shadow-lg rounded-none md:rounded-lg relative px-4 sm:px-7 py-7 mx-auto max-w-screen-lg sm:px-6 lg:px-8">
<div class="mt-5 lg:mt-0 flex flex-col gap-4 lg:flex-row lg:gap-8 items-center lg:items-baseline">
<div class="lg:flex-1 lg:order-3 lg:justify-end flex">
<div class="relative">
<span class="absolute whitespace-no-wrap w-max px-2.5 py-0.5 rounded-full text-xs font-medium leading-4 bg-yellow-100 border border-yellow-300 text-yellow-700" style="right: -20px; top: -15px;">
2 months free
</span>
<div class="grid grid-cols-2 gap-x-1 rounded-full bg-white p-1 text-center text-sm font-semibold leading-5 border border-gray-200">
<label class="cursor-pointer rounded-full px-2.5 py-1 transition-colors ease-in-out duration-200" :class="yearlyBilling ? 'text-gray-900 bg-white' : 'text-white bg-indigo-600'" @click="yearlyBilling = false">
<input type="radio" name="frequency" value="monthly" class="sr-only" />
<span>Monthly</span>
</label>
<label class="cursor-pointer rounded-full px-2.5 py-1 transition-colors ease-in-out duration-200" :class="yearlyBilling ? 'text-white bg-indigo-600' : 'text-gray-900 bg-white'" @click="yearlyBilling = true">
<input type="radio" name="frequency" value="yearly" class="sr-only" />
<span>Yearly</span>
</label>
</div>
</div>
</div>
<p class="lg:w-1/4 lg:order-1 font-medium text-gray-600">
<span x-show="volumeIndex < plans.length">Up to</span>
<b class="text-gray-900" x-text="volume(volumeIndex)"></b>
<span>monthly pageviews</span>
</p>
<div class="max-w-md lg:max-w-none w-full mt-6 lg:w-1/2 lg:order-2 flex items-baseline space-x-2">
<span class="text-xs font-medium text-gray-600">10k</span>
<div class="flex-1 relative">
<input id="volume" class="shadow w-full" type="range" min="0" max="8" step="1" x-model="volumeIndex" />
<output class="bubble text-xs font-medium" x-text="volume(volumeIndex)" x-bind:style="`${calculateBubblePosition(volumeIndex)}`" />
</div>
<span class="text-xs font-medium text-gray-600">10M+</span>
</div>
</div>
<div class="mt-6 isolate mx-auto grid max-w-md grid-cols-1 gap-6 lg:mx-0 lg:max-w-none lg:grid-cols-3">
<!-- GROWTH BOX -->
<div class="rounded-3xl px-6 sm:px-8 py-4 sm:py-6 bg-white border border-gray-200 shadow-md">
<h3 class="text-lg font-semibold leading-8 text-gray-900">Growth</h3>
<p class="mt-4 flex items-baseline gap-x-1">
<span
class="text-2xl font-bold w-max tracking-tight line-through text-gray-500 mr-1"
x-show="yearlyBilling && volumeIndex < plans.length"
x-html="price(currency, volumeIndex, 'growth', yearlyBilling, withoutDiscount = true)"
></span>
<span class="text-4xl font-bold tracking-tight text-gray-900" x-html="price(currency, volumeIndex, 'growth', yearlyBilling)"></span>
<span class="text-sm font-semibold leading-6 text-gray-600" x-show="volumeIndex < plans.length" x-text="yearlyBilling && '/year' || '/month'"></span>
</p>
<a
:href="volumeIndex < plans.length && '/register' || '/contact'"
x-text="volumeIndex < plans.length && 'Start your free trial' || 'Contact us'"
class="mt-4 block rounded-md py-2 px-3 text-center text-sm font-semibold leading-6 bg-indigo-600 hover:bg-indigo-500 text-white transition duration-150 ease-in-out"
></a>
<ul class="mt-6 space-y-3 text-sm leading-6 text-gray-600">
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Up to 3 team members
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Up to 10 sites
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
3 years of data retention
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Intuitive, fast and privacy-friendly dashboard
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Email/Slack reports
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Google Analytics import
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Goals and custom events
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Saved Segments
</li>
</ul>
</div>
<!-- BUSINESS BOX -->
<div class="rounded-3xl px-6 sm:px-8 py-4 sm:py-6 bg-white border border-gray-200 shadow-md">
<h3 class="text-lg font-semibold leading-8 text-gray-900">Business</h3>
<p class="mt-4 flex items-baseline gap-x-1">
<span
class="text-2xl font-bold w-max tracking-tight line-through text-gray-500 mr-1"
x-show="yearlyBilling && volumeIndex < plans.length"
x-html="price(currency, volumeIndex, 'business', yearlyBilling, withoutDiscount = true)"
></span>
<span class="text-4xl font-bold tracking-tight text-gray-900" x-html="price(currency, volumeIndex, 'business', yearlyBilling)"></span>
<span class="text-sm font-semibold leading-6 text-gray-600" x-show="volumeIndex < plans.length" x-text="yearlyBilling && '/year' || '/month'"></span>
</p>
<a
:href="volumeIndex < plans.length && '/register' || '/contact'"
x-text="volumeIndex < plans.length && 'Start your free trial' || 'Contact us'"
class="mt-4 block rounded-md py-2 px-3 text-center text-sm font-semibold leading-6 bg-indigo-600 hover:bg-indigo-500 text-white transition duration-150 ease-in-out"
></a>
<ul class="mt-6 space-y-3 text-sm leading-6 text-gray-600">
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Everything in Growth
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Up to 10 team members
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Up to 50 sites
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
5 years of data retention
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Stats API (600 requests per hour)
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Looker Studio Connector
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Custom Properties
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Funnels
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Ecommerce revenue attribution
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Shared Segments
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Priority support
</li>
</ul>
</div>
<!-- ENTERPRISE BOX -->
<div class="rounded-3xl px-6 sm:px-8 py-4 sm:py-6 bg-white border border-gray-200 shadow-md">
<h3 class="text-lg font-semibold leading-8 text-gray-900">Enterprise</h3>
<p class="mt-4 flex items-baseline gap-x-1">
<span class="text-4xl font-bold tracking-tight text-gray-900">Custom</span>
</p>
<a href="/contact" class="mt-4 block rounded-md py-2 px-3 text-center text-sm font-semibold leading-6 bg-indigo-600 hover:bg-indigo-500 text-white transition duration-150 ease-in-out">
Contact us
</a>
<ul class="mt-6 space-y-3 text-sm leading-6 text-gray-600">
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Everything in Business
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
10+ team members
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
50+ sites
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
600+ Stats API requests per hour
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
<p>Sites API access for <a class="text-indigo-600 hover:underline" href="/white-label-web-analytics">reselling</a></p>
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
5+ years of data retention
</li>
<li class="flex gap-x-3">
<svg class="h-6 w-5 flex-none text-indigo-600" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" />
</svg>
Technical onboarding
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-white">
<div class="px-4 pb-16 mx-auto max-w-screen-xl sm:px-6 lg:pb-24 lg:px-8">
<div class="max-w-3xl mx-auto text-center">
<h2 class="text-3xl font-extrabold text-gray-900 leading-9">Why use Plausible Analytics?</h2>
<p class="mt-4 text-lg text-gray-500 leading-7">Google Analytics is overkill for most site owners. Plausible is easy to use and understand with no training or prior experience. You can import your historical GA stats too. </p>
</div>
<dl class="mt-12 space-y-10 sm:space-y-0 sm:grid sm:grid-cols-2 sm:col-gap-6 sm:row-gap-12 lg:grid-cols-4 lg:col-gap-8">
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">Quick and easy to integrate</dt>
<dd class="flex space-x-3 lg:py-0 lg:pb-4">
<span class="text-base text-gray-500 leading-6">Simple to set up and integrate with popular tools such as WordPress, Ghost, Squarespace, Wix and Weebly. Supports single-page applications and hash-based routing.</span>
</dd>
</div>
</div>
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">A powerful and flexible API</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Our API offers a way to retrieve your stats programmatically, send your metrics wherever you want and present them in whatever shape you want.</span>
</dd>
</div>
</div>
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">Email and Slack reports</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Keep an eye on your traffic with weekly and/or monthly reports. Get traffic spike notifications so you don't miss being on the Hacker News. Reports can be sent to multiple recipients.</span>
</dd>
</div>
</div>
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">Serve the script as a first-party connection</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">You can set up a proxy to serve our script from your domain name as a first-party connection and get more accurate stats. There's the events API for server side tracking too.</span>
</dd>
</div>
</div>
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">Own and control your data</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Your site data will never be shared with or sold to any third-parties. It will never be monetized, mined and harvested for personal and behavioral trends.</span>
</dd>
</div>
</div>
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">Filter the dashboard by anything you click on</dt>
<dd class="flex space-x-3 lg:border-t-0 lg:py-0 lg:pb-4">
<span class="text-base text-gray-500 leading-6">Dig more in-depth and get further insights by segmenting your audience. Click on any metric to filter your dashboard by it. Mix and match filters too.</span>
</dd>
</div>
</div>
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">Integrate with Search Console</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Integrate with Google Search Console to see search queries people use to find your site in Google's search results directly in your Plausible dashboard.</span>
</dd>
</div>
</div>
<div class="flex space-x-3">
<!-- Heroicon name: check -->
<svg class="flex-shrink-0 w-6 h-6 text-green-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" />
</svg>
<div class="space-y-2">
<dt class="text-lg font-medium text-gray-900 leading-6">Analyze marketing campaigns</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Tag your paid ads, emails and social media posts with UTM tags and analyze your ecommerce and marketing campaigns from click to conversion using funnels.</span>
</dd>
</div>
</div>
</dl>
</div>
</div>
<div class="pb-12 bg-gray-50">
<div class="container px-4 py-12 mx-auto sm:px-6 lg:py-16 lg:px-8 lg:flex lg:items-center lg:justify-between">
<h3 class="text-3xl font-extrabold tracking-tight text-gray-900 leading-9 sm:text-4xl sm:leading-10">
Ready to ditch Google Analytics?
<br />
<span class="text-indigo-600">Start your free trial today.</span>
</h3>
<div class="flex mt-8 lg:flex-shrink-0 lg:mt-0">
<div class="inline-flex shadow rounded-md">
<a href="/register" class="inline-flex items-center justify-center px-5 py-3 text-base font-medium text-white bg-indigo-600 border border-transparent leading-6 rounded-md hover:bg-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
Get started
</a>
</div>
<div class="inline-flex ml-3 shadow rounded-md">
<a href="/plausible.io" class="inline-flex items-center justify-center px-5 py-3 text-base font-medium text-indigo-600 bg-white border border-transparent leading-6 rounded-md hover:text-indigo-500 focus:outline-none focus:shadow-outline transition duration-150 ease-in-out">
Live demo
</a>
</div>
</div>
</div>
</div>