Skip to content

Commit f7c8589

Browse files
metmarkosaricmetmarkosaric
committed
front page
1 parent 2cd33a2 commit f7c8589

2 files changed

Lines changed: 172 additions & 24 deletions

File tree

‎docs/introduction.md‎

Lines changed: 110 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3,38 +3,124 @@ title: Welcome
33
slug: /
44
---
55

6-
import useBaseUrl from '@docusaurus/useBaseUrl';
6+
[Plausible Analytics](https://plausible.io/) is a simple, privacy-friendly alternative to Google Analytics. No cookies, no personal data collection, no consent banners required. One lightweight script, one easy-to-read dashboard. Explore the [live demo](https://plausible.io/plausible.io) to see what it looks like.
77

8-
[Plausible Analytics](https://plausible.io/) gives you simple, privacy-friendly website analytics without cookies or personal data. It's trusted by thousands of subscribers as an alternative to Google Analytics that's easy to set up and understand. We're completely independent, self-funded and bootstrapped. Read more [about us](https://plausible.io/about).
8+
<div class="docs-card-grid">
99

10-
## New to Plausible? Start here
11-
12-
1. [Register for an account](register-account.md)
13-
2. [Add your website details](add-website.md)
14-
3. [Add the snippet to your website](plausible-script.md)
15-
4. [Check if Plausible is installed correctly](troubleshoot-integration.md)
10+
<div class="docs-card">
11+
<h3>New to Plausible? Start here</h3>
12+
<p>Get set up and start exploring your data.</p>
13+
<ul>
14+
<li><a href="register-account">Register for an account</a></li>
15+
<li><a href="add-website">Add your website</a></li>
16+
<li><a href="plausible-script">Add the script to your site</a></li>
17+
<li><a href="https://plausible.io/wordpress-analytics-plugin">WordPress</a>: install via plugin</li>
18+
<li><a href="https://plausible.io/gtm-template">Google Tag Manager</a>: deploy without touching your code</li>
19+
<li><a href="integration-guides">All installation guides</a>: Shopify, Webflow, Squarespace, Wix, Next.js, Ghost, Hugo and more</li>
20+
<li><a href="troubleshoot-integration">Verify the integration is working</a></li>
21+
<li><a href="guided-tour">Dashboard tour</a>: understand what you're looking at</li>
22+
<li><a href="your-plausible-experience">Get the most out of Plausible</a>: reports, Search Console, team features and more</li>
23+
</ul>
24+
</div>
1625

17-
Once you're set up, explore the [stats dashboard](guided-tour.md) to see your data.
26+
<div class="docs-card">
27+
<h3>Stats dashboard</h3>
28+
<p>One dashboard with all your essential stats. No sub-menus, no custom reports to build.</p>
29+
<ul>
30+
<li><a href="guided-tour">Dashboard tour</a>: what each section shows and how to navigate it</li>
31+
<li><a href="filters-segments">Filters and segments</a>: drill into any slice of your traffic</li>
32+
<li><a href="compare-stats">Compare periods</a>: benchmark against previous time ranges</li>
33+
<li><a href="consolidated-views">Consolidated view</a>: all your sites in one dashboard</li>
34+
<li><a href="realtime-dashboard">Real-time dashboard</a>: live view of current visitors</li>
35+
<li><a href="top-referrers">Top referrers and UTM campaigns</a>: where traffic comes from</li>
36+
<li><a href="scroll-depth">Scroll depth</a>: see how far visitors read down your pages</li>
37+
<li><a href="google-search-console-integration">Google Search Console</a>: see search queries alongside your stats</li>
38+
</ul>
39+
</div>
1840

19-
## Popular topics
41+
<div class="docs-card">
42+
<h3>Website settings</h3>
43+
<p>Manage your site configuration and data.</p>
44+
<ul>
45+
<li><a href="website-settings">Website settings</a>: overview of all site configuration</li>
46+
<li><a href="excluding">Excluding pages and traffic</a>: filter out internal visits and bots</li>
47+
<li><a href="embed-dashboard">Embed dashboard</a>: embed your stats on any page</li>
48+
<li><a href="traffic-spikes">Traffic spike notifications</a>: get alerted when traffic spikes</li>
49+
<li><a href="google-analytics-import">Import from Google Analytics</a>: bring in your historical data</li>
50+
<li><a href="csv-import">Import stats</a>: bring in data via CSV</li>
51+
<li><a href="export-stats">Export stats</a>: download your data</li>
52+
</ul>
53+
</div>
2054

21-
| Topic | Description |
22-
| -------------------------------------------------- | ---------------------------------------------------------- |
23-
| [Goal conversions](goal-conversions.md) | Track signups, purchases, downloads and other actions |
24-
| [Funnel analysis](funnel-analysis.md) | Follow the visitor journey from landing page to conversion |
25-
| [Ecommerce revenue](ecommerce-revenue-tracking.md) | Attribute revenue to your marketing campaigns and sources |
26-
| [Consolidated view](consolidated-views.md) | See stats across all your sites in one dashboard |
27-
| [UTM campaigns](top-referrers.md) | Track your marketing campaigns with UTM tags |
28-
| [Stats API](stats-api.md) | Build custom dashboards and integrations |
55+
<div class="docs-card">
56+
<h3>Account settings</h3>
57+
<p>Manage your personal account and preferences.</p>
58+
<ul>
59+
<li><a href="2fa">Two-factor authentication</a>: secure your account</li>
60+
<li><a href="change-email">Change email</a>: update your login address</li>
61+
<li><a href="login-management">Login management</a>: review active sessions</li>
62+
<li><a href="dashboard-appearance">Dashboard appearance</a>: light mode, dark mode and more</li>
63+
<li><a href="reset-password">Reset password</a></li>
64+
<li><a href="delete-account">Delete account</a></li>
65+
</ul>
66+
</div>
2967

30-
## Get the most out of Plausible
68+
<div class="docs-card">
69+
<h3>Team and account</h3>
70+
<p>Manage access, sharing and notifications for your team.</p>
71+
<ul>
72+
<li><a href="users-roles">Users and roles</a>: invite team members and set permissions</li>
73+
<li><a href="agencies-and-freelancers">Agencies and freelancers</a>: manage multiple client sites</li>
74+
<li><a href="shared-links">Shared links</a>: share your dashboard publicly or with specific people</li>
75+
<li><a href="email-reports">Email reports</a>: scheduled reports delivered to your inbox</li>
76+
<li><a href="slack-reports">Slack reports</a>: send reports to a Slack channel</li>
77+
<li><a href="sso">Single Sign-On (SSO)</a>: for teams on Google Workspaces, Microsoft Entra, or Okta</li>
78+
</ul>
79+
</div>
3180

32-
See our full guide on [getting the most out of your Plausible experience](your-plausible-experience.md) for tips on email reports, Search Console integration, team collaboration and more.
81+
<div class="docs-card">
82+
<h3>Billing</h3>
83+
<p>Manage your subscription, invoices and plan.</p>
84+
<ul>
85+
<li><a href="trial-to-paid">Trial to paid</a>: what happens when your trial ends</li>
86+
<li><a href="subscription-plans">Subscription plans</a>: what's included at each tier</li>
87+
<li><a href="change-plan">Change plan</a>: upgrade or downgrade your subscription</li>
88+
<li><a href="download-invoices">Download invoices</a>: access your billing history</li>
89+
<li><a href="nonprofit-and-education-pricing">Nonprofit and education pricing</a>: discounted plans</li>
90+
<li><a href="compliance">Compliance</a>: GDPR, CCPA and data processing</li>
91+
</ul>
92+
</div>
3393

34-
Can't find what you're looking for? Please do [contact us](https://plausible.io/contact) for assistance.
94+
<div class="docs-card">
95+
<h3>Goals and conversion tracking</h3>
96+
<p>Track what matters beyond pageviews: signups, purchases, clicks, form completions.</p>
97+
<ul>
98+
<li><a href="goal-conversions">Goal conversions</a>: set up and measure conversion goals</li>
99+
<li><a href="funnel-analysis">Funnel analysis</a>: follow the visitor journey step by step</li>
100+
<li><a href="ecommerce-revenue-tracking">Ecommerce revenue tracking</a>: attribute revenue to traffic sources</li>
101+
<li><a href="outbound-link-click-tracking">Outbound link clicks</a>: track clicks to external sites</li>
102+
<li><a href="file-downloads-tracking">File downloads</a>: see which files get downloaded</li>
103+
<li><a href="form-submissions-tracking">Form submissions</a>: track form completions without extra setup</li>
104+
<li><a href="error-pages-tracking-404">404 error pages</a>: catch broken links and missing pages</li>
105+
<li><a href="custom-props/introduction">Custom properties</a>: attach metadata to events and pageviews</li>
106+
</ul>
107+
</div>
35108

36-
If you have a feature request or are wondering about what's coming up next, take a look at [our feedback board](https://feedback.plausible.io) and [roadmap](https://feedback.plausible.io/roadmap).
109+
<div class="docs-card">
110+
<h3>API</h3>
111+
<p>Query your data, send events and manage sites programmatically.</p>
112+
<ul>
113+
<li><a href="stats-api">Stats API</a>: query your analytics data programmatically</li>
114+
<li><a href="events-api">Events API</a>: send custom events from your backend or server</li>
115+
<li><a href="sites-api">Sites API</a>: manage sites and goals via API</li>
116+
<li><a href="stats-api-playground">API playground</a>: explore queries interactively</li>
117+
</ul>
118+
</div>
37119

38-
<div class="browser">
39-
<img alt="Plausible Analytics" src={useBaseUrl('img/plausible-analytics.png')} />
40120
</div>
121+
122+
---
123+
124+
This page covers the most common topics. Browse the full sidebar or use the search box to find anything not listed here.
125+
126+
Can't find what you're looking for? [Contact us](https://plausible.io/contact). Have a feature request? Check our [feedback board](https://feedback.plausible.io) and [roadmap](https://feedback.plausible.io/roadmap).

‎src/css/custom.css‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -551,4 +551,66 @@ html[data-theme='dark'] {
551551

552552
.DocSearch-Commands-Key svg path {
553553
stroke-width: 2 !important;
554+
}
555+
556+
/* Docs home page card grid */
557+
.docs-card-grid {
558+
display: grid;
559+
grid-template-columns: repeat(2, 1fr);
560+
gap: 1.5rem;
561+
margin: 1.5rem 0 2rem;
562+
}
563+
564+
@media (max-width: 768px) {
565+
.docs-card-grid {
566+
grid-template-columns: 1fr;
567+
}
568+
}
569+
570+
.docs-card {
571+
border: 1px solid var(--zinc-200);
572+
border-radius: 8px;
573+
padding: 1.25rem 1.5rem;
574+
}
575+
576+
[data-theme='dark'] .docs-card {
577+
border-color: var(--zinc-700);
578+
}
579+
580+
.docs-card h3 {
581+
margin-top: 0;
582+
margin-bottom: 0.5rem;
583+
font-size: 1rem;
584+
font-weight: 600;
585+
}
586+
587+
.docs-card > p {
588+
color: var(--zinc-500);
589+
font-size: 0.875rem;
590+
margin-bottom: 0.75rem;
591+
}
592+
593+
[data-theme='dark'] .docs-card > p {
594+
color: var(--zinc-400);
595+
}
596+
597+
.docs-card ul,
598+
.docs-card ol {
599+
margin: 0;
600+
padding-left: 1.1rem;
601+
font-size: 0.875rem;
602+
}
603+
604+
.docs-card ul li,
605+
.docs-card ol li {
606+
margin-bottom: 0.3rem;
607+
}
608+
609+
.docs-card ul li:last-child,
610+
.docs-card ol li:last-child {
611+
margin-bottom: 0;
612+
}
613+
614+
.docs-card-full {
615+
grid-column: 1 / -1;
554616
}

0 commit comments

Comments
 (0)