-
Notifications
You must be signed in to change notification settings - Fork 21
Expand file tree
/
Copy pathindex.html
More file actions
279 lines (271 loc) · 16.2 KB
/
index.html
File metadata and controls
279 lines (271 loc) · 16.2 KB
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
---
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 powerful, lightweight analytics. No cookies, just insights. Made and hosted in the EU, powered by European-owned 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">
Start free trial
</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">
View live demo
</a>
</div>
</div>
</div>
</div>
</div>
<div class="relative container mx-auto" style="margin-bottom: -30rem;">
<div class="w-full shadow-2xl rounded-xl">
<!-- Browser mockup -->
<div class="bg-white rounded-t-xl px-4 py-3 flex items-center border-b border-gray-100">
<div class="flex space-x-2">
<div class="w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-red-500"></div>
<div class="w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-yellow-400"></div>
<div class="w-2 h-2 md:w-2.5 md:h-2.5 rounded-full bg-green-500"></div>
</div>
</div>
<figure class="w-full" style="aspect-ratio: 4 / 3;">
<img class="w-full h-full object-cover rounded-b-xl" src="/assets/images/privacy-focused-web-analytics.jpg" alt="Privacy-focused web analytics dashboard" />
</figure>
</div>
</div>
<div class="mt-80 md:mt-12 py-24 bg-white">
<div class="pt-36 md:pt-120"></div>
<div class="px-4 pb-6 mx-auto max-w-screen-xl sm:px-6 lg:pb-10 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 gives you clear, useful insights without complexity, training or prior analytics experience.
</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">Automatic scroll depth tracking</dt>
<dd class="flex space-x-3 lg:py-0 lg:pb-4">
<span class="text-base text-gray-500 leading-6">Scroll depth from 1 to 100 percent is tracked automatically on every page. No setup, no tag managers. Create scroll depth goals without code.
</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">Monitor traffic from AI tools</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">See which AI tools like ChatGPT, Perplexity, or Claude send you traffic. Identify pages that attract AI visitors and the conversions they complete.
</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 SEO performance</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Connect Search Console to see search queries and organic performance directly in your Plausible dashboard. Track SEO content and conversions in one place.</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">Measure paid ads and campaigns</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Track UTM campaigns with automatic channel grouping for Paid Search or Affiliates. Analyze landing pages, conversions and locations.</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">Real-time dashboard</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Monitor live traffic with the same metrics as your main dashboard. Updates every 30 seconds without refreshing the page.</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">Codeless goals and revenue tracking</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">Turn any page into a goal. Automatically track file downloads, form completions and external link clicks. Set up custom events and revenue tracking.</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">Conversion funnels</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Measure how visitors progress through key steps on your site. Understand conversion rates and where people drop off.</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">Built-in bot filtering</dt>
<dd class="flex space-x-3">
<span class="text-base text-gray-500 leading-6">Exclude bots, referrer spam and data center traffic so your stats reflect real human visits, out of the box.</span>
</dd>
</div>
</div>
</dl>
</div>
</div>
<div class="pt-2 pb-6 overflow-hidden bg-white md:pt-4 md:pb-8 lg:pt-6 lg:pb-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 runs reliably at any scale, from small sites to hundreds of millions of monthly visitors, and is trusted by thousands of companies that have switched from Google Analytics.
</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">
{{ site.data.site.subscriber_count_short }}
</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">
{{ site.data.site.pageviews_tracked }}
</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">
{{ site.data.site.uptime }}
</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="{{ tweet.url }}" target="_blank" rel="noopener">
<img class="w-10 rounded-full" alt="Profile image of {{ tweet.author_handle }}" 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>
</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="py-24 bg-white">
<div class="container mx-auto">
<div class="mx-auto text-gray-600 prose md: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 alternative.
</p>
<p>
Here's what makes Plausible a great <a href="/vs-google-analytics">Google Analytics alternative</a> and why over {{ site.data.site.subscriber_count }} paying customers 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 cuts through the noise. Check your site traffic and get the essential insights on one page in one minute. Get an aggregated view of all your sites in a consolidated dashboard. There are no layers of menus and no need to build custom reports, custom dashboards or PowerPoint documents. You can even import your Google Analytics stats.
</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 {{ site.data.site.script_ratio }} times smaller than Google Analytics. Every visitor that loads your site downloads {{ site.data.site.ga4_script_kb }}KB less JavaScript. Less data transferred means less energy used and less carbon emitted, for every visitor, every day. A site with 100,000 monthly visitors saves around 4 kg of CO2 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>
<p>
We invite you to take a look around, explore our <a href="/plausible.io">live demo</a> and <a href="/register">try Plausible</a> for free. We'd be honored to have you as a customer. Thank you.
</p>
<p>
Uku and Marko<br>
<span class="text-gray-500">Co-founders</span>
</p>
<p>
P.S. We're a completely independent, self-funded, bootstrapped and debt-free team of {{ site.data.site.team_size }}. 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>
{% include pricing.html %}
<div class="pb-12 bg-gray-100">
<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">
Start free trial
</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">
View live demo
</a>
</div>
</div>
</div>
</div>