2019-12-22 19:02:00 +01:00
{% extends "page.html" %}
2020-12-28 16:28:30 +01:00
{% set index = True %}
2019-08-30 15:00:27 +02:00
{% block content %}
2020-04-25 21:34:32 +02:00
< div class = "w-100 mt5-ns cclr-bg-yellow-mid" >
< div class = "mw8 center" >
2021-04-10 13:31:26 +02:00
< div class = "flex justify-center pt3 ph4" >
2020-02-01 21:47:08 +01:00
< div class = "dn db-ns w-20 tr pr3 pb3" >
< img src = "/theme/images/offen-icon-white.svg" alt = "Offen logo" width = "58" height = "63" >
2019-12-22 15:22:13 +01:00
< / div >
2020-02-01 21:47:08 +01:00
< div class = "w-100 w-80-ns" >
< div class = "flex" >
2020-02-01 23:16:55 +01:00
< div class = "db dn-ns intro-margin-a mb2 mr2" >
2020-02-01 21:47:08 +01:00
< img src = "/theme/images/offen-icon-white.svg" alt = "Offen logo" width = "40" height = "43" >
< / div >
< h1 class = "f1-ns f2 normal lh-solid ma0 mb1 intro-margin-b white" >
Offen
< / h1 >
< / div >
2020-01-28 14:38:52 +01:00
< h1 class = "f1-ns f2 normal lh-solid ma0 mb3" >
2022-08-11 11:34:13 +02:00
Fair Web Analytics
2019-12-22 19:02:00 +01:00
< / h1 >
2021-03-16 21:17:18 +01:00
< p class = "f3 lh-title ma0 mb4 pitchMargin" >
2021-03-16 10:22:16 +01:00
Let your users access their data. < span > Gain valuable insights at the same time. < / span > Open, lightweight, self hosted and free.
2019-12-22 19:02:00 +01:00
< / p >
2021-03-16 21:17:18 +01:00
< div class = "pb5" >
2020-04-27 21:51:46 +02:00
< a class = "b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href = "#bg-explainer" rel = "noopener" > Learn more< / a >
2019-12-22 19:02:00 +01:00
< / div >
2019-08-30 15:00:27 +02:00
< / div >
< / div >
< / div >
< / div >
2020-04-27 21:51:46 +02:00
<!-- FEATURE -->
2020-04-26 20:06:13 +02:00
< div class = "w-100 overflow-hidden cclr-bg-mint-mid" >
2020-07-09 13:46:02 +02:00
< div class = "bg-pattern" >
2020-04-25 13:40:22 +02:00
2020-04-26 20:06:13 +02:00
< div class = "mw8 flex flex-wrap justify-center center tc" >
2020-04-25 13:40:22 +02:00
2020-04-26 20:06:13 +02:00
< div class = "w-100 w-third-l cclr-bg-mint-fade-a" >
< div class = "hx-feature" >
< div class = "relative" >
< div class = "absolute bg-feature-1" >
< img src = "/theme/images/gfx-feature-1.png" alt = "feature-2" width = "640px" height = "480px" >
< / div >
2020-04-26 13:44:53 +02:00
< / div >
2020-04-26 20:06:13 +02:00
< h2 class = "f2 normal lh-solid ma0 mb3 pt5" >
< em class = "em-mint-1" >
2021-03-16 10:22:16 +01:00
Secure & free
2020-04-26 20:06:13 +02:00
< / em >
< / h2 >
< p class = "wx18 center ma0" >
2022-08-11 11:34:13 +02:00
< i > Our code is < / i > open source.< i > All user data is < / i > encrypted end-to-end.< i > Offen Fair Web Analytics will always be available for < / i > free.
2020-04-26 20:06:13 +02:00
< / p >
2020-04-25 13:40:22 +02:00
2020-04-26 20:06:13 +02:00
< / div >
2020-04-25 13:40:22 +02:00
< / div >
2020-04-26 20:06:13 +02:00
< div class = "w-100 w-third-l cclr-bg-mint-fade-b" >
2020-07-09 13:46:02 +02:00
< div class = "hx-feature bg-feature-2" >
2020-04-26 20:06:13 +02:00
< h2 class = "f2 normal lh-solid ma0 mb3 ptx-feature-2" >
< em class = "em-mint-1" >
Self hosted
< / em >
< / h2 >
< p class = "wx18 center ma0" >
2022-08-11 11:34:13 +02:00
Comply with GDPR< i > guidelines. < / i > No ads, no third parties< i > involved. Offen Fair Web Analytics uses < / i > first-party cookies only.
2020-04-26 20:06:13 +02:00
< / p >
< / div >
2020-04-25 13:40:22 +02:00
< / div >
2020-04-26 20:06:13 +02:00
< div class = "w-100 w-third-l cclr-bg-mint-fade-a" >
< div class = "hx-feature" >
2020-04-25 13:40:22 +02:00
2020-04-26 20:06:13 +02:00
< div class = "relative" >
< div class = "absolute bg-feature-3" >
< img src = "/theme/images/gfx-feature-3.png" alt = "feature-3" width = "640px" height = "480px" >
< / div >
< / div >
2020-04-25 13:40:22 +02:00
2020-04-26 20:06:13 +02:00
< div >
< h2 class = "f2 normal lh-solid ma0 mb3 ptx-feature-3" >
< em class = "em-mint-1" >
2021-03-16 10:22:16 +01:00
Fair & by choice
2020-04-26 20:06:13 +02:00
< / em >
< / h2 >
< p class = "wx18 center ma0" >
2021-03-16 10:22:16 +01:00
Opt-in only.< i > Users must actively give their < / i > consent< i > to data collection. They have full < / i > access to< i > their < / i > data.
2020-04-26 20:06:13 +02:00
< / p >
2020-04-26 13:44:53 +02:00
< / div >
< / div >
2020-04-25 13:40:22 +02:00
< / div >
2020-04-26 20:06:13 +02:00
2020-04-25 13:40:22 +02:00
< / div >
< / div >
2020-02-23 23:21:26 +01:00
< / div >
2020-08-04 23:03:16 +02:00
<!-- SUPPORT -->
< div class = "w-100 dib bg-white" >
< div class = "wx64 center cclr-bg-yellow-bright-very pv5" >
< div class = "tc mh4" >
< div class = "mw7 center" >
< div class = "flex flex-column flex-row-l mh0 mh3-m mh5-l" >
< div class = "tl-l w-100 w-30-l mb3 mb0-l" >
< div class = "mt2" >
< a class = "link dim" href = "https://nlnet.nl/" target = "_blank" rel = "noopener" > < img src = "/theme/images/nlnet-logo-gray.svg" alt = "NLnet logo gray" width = "132" height = "49" > < / a >
< / div >
< / div >
< p class = "f5 tl-l w-100 w-70-l ma0" >
We are happy to work with < a class = "b link dim cclr-fnt-black-mid" href = "https://nlnet.nl/" target = "_blank" rel = "noopener" > NLnet Foundation,< / a > which actively supports our efforts as part of its < a class = "b link dim cclr-fnt-black-mid" href = "https://nlnet.nl/NGI/" target = "_blank" rel = "noopener" > Next Generation Internet< / a > initiative.
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
2020-04-22 21:32:41 +02:00
<!-- INSIGHTS -->
< div class = "w-100 dib bg-white" >
2020-04-25 08:16:43 +02:00
< div class = "tc mh4" >
< p class = "f1-ns f2 lh-solid ma0 mt6" >
2021-03-16 10:22:16 +01:00
Insights in an ethical way
2020-04-22 21:32:41 +02:00
< / p >
2020-04-27 08:01:30 +02:00
< div class = "mw7 center" >
< p class = "f5 ma0 mt3 mb6 mh0 mh3-m mh5-l" >
2020-12-28 16:12:50 +01:00
Web analytics < i > is still an unfair and impenetrable business.< / i > A proper alternative to common tools < i > is missing. Therefore we develop one.< / i > < a class = "b link dim cclr-fnt-black-mid" href = "/blog/" > Learn more< / a >
2020-04-23 13:29:00 +02:00
< / p >
< / div >
2020-04-22 21:32:41 +02:00
< / div >
< / div >
<!-- COMPARE -->
2020-07-09 13:46:02 +02:00
< div class = "w-100 bg-explainer" id = "bg-explainer" >
2020-04-23 13:29:00 +02:00
< div class = "mw8 center flex flex-wrap justify-center" >
2020-04-22 21:32:41 +02:00
2020-04-24 07:46:37 +02:00
<!-- COMPARE A -->
2020-04-26 20:06:13 +02:00
< div class = "w-50-l w-100 cclr-bg-yellow-mid" >
2020-04-22 21:32:41 +02:00
2020-04-27 08:01:30 +02:00
< div class = "w-100 dib" >
< div class = "wx24 center" >
< div class = "relative" >
< div class = "absolute bg-compare-a-pfeil" >
< img src = "/theme/images/gfx-compare-a-pfeil.png" alt = "arrow" width = "40px" height = ="120px" >
< / div >
2020-04-25 22:54:20 +02:00
< / div >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mt6 mb3" >
2020-04-27 08:01:30 +02:00
Your job
< / p >
< / div >
2020-04-22 21:32:41 +02:00
< / div >
2020-04-22 20:07:07 +02:00
2020-04-23 13:29:00 +02:00
< div class = "w-100 hx24 dib cclr-bg-white-fade" >
2020-04-23 22:09:36 +02:00
< div class = "wx24 center" >
2020-04-25 21:34:32 +02:00
< div class = "flex flex-wrap justify-center" >
< div class = "w-20 mt4" >
< img src = "/theme/images/gfx-compare-a.png" alt = "numbers" width = "75px" height = "315px" >
< / div >
< div class = "w-80 mt4" >
< p class = "ma0 ml3" >
2022-08-11 11:34:13 +02:00
Self host < i > Offen Fair Web Analytics while protecting your users' data.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 ml3 mt4" >
2020-04-27 08:01:30 +02:00
< i > Integrate the< / i > code snippet < i > into pages you want to track.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 ml3 mt4" >
2020-04-28 15:51:34 +02:00
< i > Make your< / i > users aware < i > of the ability to access their data.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 ml3 mt4 mb5" >
2020-04-28 19:28:35 +02:00
< i > Improve your service with< / i > fair and transparent insights.
2020-04-25 21:34:32 +02:00
< / p >
< / div >
2020-04-23 13:29:00 +02:00
< / div >
2020-04-25 21:34:32 +02:00
2020-04-22 21:32:41 +02:00
< / div >
< / div >
2020-04-23 13:29:00 +02:00
< / div >
2020-04-24 07:46:37 +02:00
<!-- COMPARE B -->
2020-04-23 13:29:00 +02:00
< div class = "w-50-l w-100" >
< div class = "w-100 dn db-l h3 bg-white" >
< / div >
2020-04-22 20:07:07 +02:00
2020-04-26 20:06:13 +02:00
< div class = "w-100 dib cclr-bg-mint-mid" >
2020-04-23 22:09:36 +02:00
< div class = "wx24 center" >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mt5 mb3" >
2020-04-23 13:29:00 +02:00
Benefits for your users
< / p >
< / div >
< / div >
2020-04-22 20:07:07 +02:00
2020-04-23 13:29:00 +02:00
< div class = "w-100 hx24 dib cclr-bg-white-fade" >
2020-04-23 22:09:36 +02:00
< div class = "wx24 center" >
2020-04-25 21:34:32 +02:00
2020-04-26 08:52:20 +02:00
< div class = "relative" >
< div class = "absolute bg-compare-b-smile" >
< img src = "/theme/images/gfx-compare-b-smile.png" alt = "smile" width = "210px" height = "140px" >
< / div >
< / div >
2020-04-25 21:34:32 +02:00
< div class = "flex flex-wrap justify-center" >
2020-04-26 08:52:20 +02:00
2020-04-25 21:34:32 +02:00
< div class = "w-20 mt4" >
< img src = "/theme/images/gfx-compare-b.png" alt = "ok" width = "75px" height = "315px" >
< / div >
< div class = "w-80 mt4" >
< p class = "ma0 ml3" >
2020-04-27 08:01:30 +02:00
Opt in to data collection < i > or decide to not participate at all.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 ml3 mt4" >
2020-04-27 08:01:30 +02:00
Review own data < i > with detailed explanations of metrics and terms.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 ml3 mt4" >
2020-04-28 19:28:35 +02:00
< i > Opt out completely at any time or only< / i > delete existing usage data.
2020-04-25 21:34:32 +02:00
< / p >
2020-04-26 08:52:20 +02:00
2020-04-25 21:34:32 +02:00
< / div >
2020-04-23 13:29:00 +02:00
< / div >
2020-04-25 21:34:32 +02:00
2020-04-23 13:29:00 +02:00
< / div >
< / div >
2020-04-22 20:07:07 +02:00
2020-04-23 22:09:36 +02:00
< / div >
2020-04-24 07:46:37 +02:00
<!-- COMPARE C -->
2020-04-23 22:09:36 +02:00
< div class = "w-50-l w-100" >
2020-04-26 13:44:53 +02:00
< div class = "w-100 hx-compare-c dib cclr-bg-white-fade" >
2020-07-09 13:46:02 +02:00
< div class = "h-100 bg-pattern" >
2020-04-26 08:52:20 +02:00
2020-04-27 08:01:30 +02:00
< div class = "wx24 center" >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mt5 mb4" >
2020-04-27 08:01:30 +02:00
< em >
What you see
< / em >
2020-04-23 22:09:36 +02:00
< / p >
2020-04-27 08:01:30 +02:00
< p class = "ma0 mb2 mr6-ns gray" >
2022-08-11 11:34:13 +02:00
Data of all pages where your installation is active.
2020-04-23 22:09:36 +02:00
< / p >
2020-04-27 08:01:30 +02:00
< p class = "ma0 mb4 gray" >
2020-04-28 19:28:35 +02:00
For example
2020-04-23 22:09:36 +02:00
< / p >
2020-04-27 08:01:30 +02:00
<!-- BOX -->
< div class = "w-100 dib br2 pa4 mb5 mb0-l shadow-4 cclr-fnt-black-mid bg-white" >
< div class = "relative" >
< div class = "absolute bg-compare-c-pfeil" >
< img src = "/theme/images/gfx-compare-c-pfeil.png" alt = "arrow" width = "150px" height = "150px" >
< / div >
< / div >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mb2" >
2020-04-28 19:28:35 +02:00
859
2020-04-27 08:01:30 +02:00
< / p >
< p class = "f7 lh-solid ma0 mb4" >
Unique users
< / p >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mb2" >
2020-04-28 19:28:35 +02:00
3.372
2020-04-27 08:01:30 +02:00
< / p >
< p class = "f7 lh-solid ma0 mb4" >
Unique sessions
< / p >
< p class = "f7 lh-solid pt2 ma0 mb3" >
Top pages
< / p >
< table class = "f7 collapse dt--fixed mb4" >
< tbody >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/< / td >
< / tr >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/blog/< / td >
< / tr >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/landing/< / td >
< / tr >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/otherpage/< / td >
< / tr >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://sub.yourpage.org/< / td >
< / tr >
< / tbody >
< / table >
< / div >
2020-04-23 22:09:36 +02:00
< / div >
< / div >
2020-04-23 13:29:00 +02:00
< / div >
2020-04-22 20:07:07 +02:00
2020-04-22 21:32:41 +02:00
< / div >
2020-04-23 13:29:00 +02:00
2020-04-23 22:09:36 +02:00
<!-- COMPARE D -->
2020-04-24 07:46:37 +02:00
< div class = "w-50-l w-100" >
2020-04-23 22:09:36 +02:00
2020-04-26 13:44:53 +02:00
< div class = "w-100 hx-compare-d dib cclr-bg-white-fade" >
2020-07-09 13:46:02 +02:00
< div class = "h-100 bg-pattern" >
2020-04-24 07:46:37 +02:00
2020-04-27 21:51:46 +02:00
< div class = "wx24 center" >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mt5 mb4" >
2020-04-27 21:51:46 +02:00
< em class = "em-mint-2" >
What your users see
< / em >
2020-04-24 07:46:37 +02:00
< / p >
2020-04-27 21:51:46 +02:00
< p class = "ma0 mb2 mr5-ns gray" >
2022-08-11 11:34:13 +02:00
Data of all pages a user has visited where your installation is active.
2020-04-24 07:46:37 +02:00
< / p >
2020-04-27 21:51:46 +02:00
< p class = "ma0 mb4 gray" >
2020-04-28 19:28:35 +02:00
For example
2020-04-24 07:46:37 +02:00
< / p >
2020-04-23 22:09:36 +02:00
2020-04-27 21:51:46 +02:00
<!-- BOX -->
< div class = "w-100 dib br2 mb5 mb0-l pa4 shadow-4 cclr-fnt-black-mid bg-white" >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mb2" >
2020-04-27 21:51:46 +02:00
1
< / p >
< p class = "f7 lh-solid ma0 mb4" >
2020-04-28 19:28:35 +02:00
Unique website
2020-04-27 21:51:46 +02:00
< / p >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mb2" >
2020-04-27 21:51:46 +02:00
5
< / p >
< p class = "f7 lh-solid ma0 mb4" >
Unique sessions
< / p >
< p class = "f7 lh-solid pt2 ma0 mb3" >
Top pages
< / p >
< table class = "f7 collapse dt--fixed mb4" >
< tbody >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/< / td >
< / tr >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/blog/< / td >
< / tr >
< tr class = "striped--near-white" >
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/otherpage/< / td >
< / tr >
< / tbody >
< / table >
< / div >
2020-04-27 08:01:30 +02:00
2020-04-27 21:51:46 +02:00
< / div >
2020-04-27 08:01:30 +02:00
2020-04-27 21:51:46 +02:00
< / div >
2020-04-24 07:46:37 +02:00
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 07:46:37 +02:00
< / div >
<!-- COMPARE E -->
< div class = "w-50-l w-100" >
2020-04-26 08:52:20 +02:00
< div class = "w-100 hx-more dib cclr-bg-yellow-mid" >
2020-04-24 07:46:37 +02:00
< div class = "wx24 center" >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mt5" >
2020-04-24 07:46:37 +02:00
More features
< / p >
2020-04-25 21:34:32 +02:00
< div class = "flex flex-wrap justify-center" >
< div class = "w-20 mt4" >
< img src = "/theme/images/gfx-compare-e.png" alt = "plus" width = "75px" height = "315px" >
< / div >
< div class = "w-80 mt4" >
< p class = "ma0" >
2020-06-21 20:30:13 +02:00
< i class = "i-on-yellow" > Easily analyze< / i > multiple websites within one installation.
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 mt4" >
2020-06-21 20:30:13 +02:00
All website accounts can be shared < i class = "i-on-yellow" > within teams.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 mt4" >
2020-06-21 20:30:13 +02:00
< i class = "i-on-yellow" > User< / i > data is only stored for 6 months < i class = "i-on-yellow" > and then deleted.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< p class = "ma0 mt4 mb5" >
2022-08-11 11:34:13 +02:00
< i class = "i-on-yellow" > A< / i > detailed documentation < i class = "i-on-yellow" > on how to run Offen Fair Web Analytics is available.< / i >
2020-04-25 21:34:32 +02:00
< / p >
< / div >
2020-04-24 07:46:37 +02:00
< / div >
< / div >
< / div >
< / div >
<!-- COMPARE F -->
< div class = "w-50-l w-100" >
2020-04-23 22:09:36 +02:00
2020-04-25 08:16:43 +02:00
< div class = "w-100 hx-try-user dib cclr-bg-mint-mid" >
2020-04-24 07:46:37 +02:00
< div class = "wx24 center" >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 mt5" >
2020-04-24 07:46:37 +02:00
Try as user
< / p >
< p class = "ma0 mt4 mr0 mr4-ns" >
2022-08-11 11:34:13 +02:00
< i > Offen Fair Web Analytics is installed on this website. Access< / i > your actual usage data < i > now.< / i >
2020-04-24 07:46:37 +02:00
< / p >
2020-04-25 21:34:32 +02:00
< div class = "mt4" >
2020-04-27 21:51:46 +02:00
< a class = "b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href = "{{ OFFEN_AUDITORIUM_URL }}" target = "_blank" rel = "noopener" > Open Auditorium< / a >
2020-04-25 21:34:32 +02:00
< img src = "/theme/images/gfx-compare-f-scribble.png" alt = "smile" width = "300px" height = "100px" >
2020-04-24 07:46:37 +02:00
< / div >
< / div >
2020-04-25 08:16:43 +02:00
< div class = "w-100 dn db-l h4 bg-white" >
2020-04-23 22:09:36 +02:00
< / div >
2020-04-24 07:46:37 +02:00
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 07:46:37 +02:00
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 07:46:37 +02:00
<!-- METRICS -->
2020-04-25 08:16:43 +02:00
< div class = "w-100 hx-metrics dib cclr-bg-white-fade-metrics" >
2020-07-09 13:46:02 +02:00
< div class = "h-100 bg-pattern" >
2020-04-23 22:09:36 +02:00
2020-04-27 08:01:30 +02:00
< div class = "wx24-metrics center" >
2020-04-24 21:02:01 +02:00
2020-04-27 08:01:30 +02:00
< div class = "relative" >
< div class = "absolute bg-metrics-bulb" >
< img src = "/theme/images/gfx-metrics-bulb.png" alt = "smile" width = "170px" height = "170px" >
< / div >
2020-04-26 13:44:53 +02:00
< / div >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 ml0 ml5-l mt5 mb4" >
2020-04-27 08:01:30 +02:00
< em >
Essential metrics
< / em >
< / p >
2021-06-09 09:42:02 +02:00
< p class = "ma0 ml0 ml5-l w-90 w-33-l mb5" >
2022-02-03 11:16:01 +01:00
All important statistics < i > that help you to improve your service.< / i > Filter collected data < i > by URL, Location, Referrer, UTM parameters, as well as Landing Pages and Exit Pages.< / i >
2020-04-27 08:01:30 +02:00
< / p >
< / div >
2020-04-23 22:09:36 +02:00
2020-04-27 08:01:30 +02:00
<!-- BOX 10 Real -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-10 center" >
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
< p class = "lh-solid ma0 mb4" >
Real time
< / p >
< img src = "/theme/images/gfx-metrics-real.svg" alt = "temp" width = "320px" class = "mb3" >
< / div >
2020-04-25 13:40:22 +02:00
< / div >
< / div >
2020-04-27 08:01:30 +02:00
<!-- BOX 20 Bars -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-20 center" >
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
< p class = "lh-solid ma0 mb4" >
Page views and users
< / p >
< img src = "/theme/images/gfx-metrics-bars.svg" alt = "temp" width = "320px" class = "mb3" >
< / div >
2020-04-24 12:38:35 +02:00
< / div >
2020-04-24 07:46:37 +02:00
< / div >
2020-04-23 22:09:36 +02:00
2020-04-27 08:01:30 +02:00
<!-- BOX 30 Key -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-30 center" >
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
< p class = "lh-solid ma0 mb4" >
Key metrics
< / p >
< img src = "/theme/images/gfx-metrics-key.svg" alt = "temp" width = "320px" class = "mb3" >
< / div >
2020-04-24 16:35:37 +02:00
< / div >
2020-04-24 07:46:37 +02:00
< / div >
2020-04-24 16:35:37 +02:00
2020-04-27 08:01:30 +02:00
<!-- BOX 40 Pages -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-40 center" >
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
< p class = "lh-solid ma0 mb4" >
Top pages
< / p >
< img src = "/theme/images/gfx-metrics-pages.svg" alt = "temp" width = "320px" class = "mb3" >
< / div >
2020-04-24 21:02:01 +02:00
< / div >
< / div >
2020-04-23 22:09:36 +02:00
2020-04-27 08:01:30 +02:00
<!-- BOX 50 Retention -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-50 center mb5 mb0-ns" >
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
< p class = "lh-solid ma0 mb4" >
Weekly retention
< / p >
< img src = "/theme/images/gfx-metrics-retention.svg" alt = "temp" width = "320px" class = "mb3" >
< / div >
2020-04-24 21:02:01 +02:00
< / div >
< / div >
2020-04-23 22:09:36 +02:00
2020-04-27 08:01:30 +02:00
< / div >
2020-04-24 21:02:01 +02:00
< / div >
2020-04-23 13:29:00 +02:00
2021-05-01 21:45:27 +02:00
<!-- LOCALIZE -->
2021-02-01 10:11:57 +01:00
< div class = "w-100" >
2021-04-08 22:54:16 +02:00
< div class = "relative" >
< div class = "absolute bg-localize" >
2021-05-02 22:30:19 +02:00
< img src = "/theme/images/gfx-localize.png" alt = "languages" width = "400px" >
2021-04-08 22:54:16 +02:00
< / div >
< / div >
2021-05-01 21:45:27 +02:00
< / div >
2021-02-01 10:11:57 +01:00
2021-05-01 21:45:27 +02:00
< div class = "w-100 flex flex-wrap justify-center" >
2021-02-01 10:11:57 +01:00
2021-05-01 21:45:27 +02:00
< div class = "w-100 w-50-l hx-localize dib cclr-bg-white-fade" >
2022-01-13 15:09:29 +01:00
< div class = "wx24 center pr4-l" >
2021-05-01 21:45:27 +02:00
< p class = "f3 lh-solid ma0 mt5 mb4" >
< em >
Localize
< / em >
< / p >
< p class = "ma0 mb2" >
2022-08-11 11:34:13 +02:00
< i > Offen Fair Web Analytics is available in< / i > English, French, German, Portuguese, Spanish < i > and< / i > Vietnamese.
2021-05-01 21:45:27 +02:00
< / p >
< p class = "ma0 mb2" >
< i > Our< / i > consent banner and the Auditorium < i > for operators as well as users can be displayed< / i > in the respective locale.
< / p >
< p class = "ma0 mb5 mb0-l" >
< i > Support fair web analytics by< / i > contributing other language versions. < a class = "b link dim gray" href = "mailto:hioffen@posteo.de" > Request an invitation< / a > < i > to our translation workflow.< / i >
< / p >
2021-02-01 10:11:57 +01:00
< / div >
2021-05-01 21:45:27 +02:00
2021-02-01 10:11:57 +01:00
< / div >
2021-05-01 21:45:27 +02:00
< div class = "w-50 dn db-l h4 cclr-bg-white-fade-end" >
2021-02-01 10:11:57 +01:00
2021-05-01 21:45:27 +02:00
< / div >
2021-04-08 22:54:16 +02:00
< / div >
2021-05-01 21:45:27 +02:00
<!-- CUSTOMIZE -->
2021-05-02 22:30:19 +02:00
< div class = "w-100" >
< div class = "relative" >
< div class = "absolute bg-customize-a" >
2021-05-02 23:01:00 +02:00
< img class = "shadow-4" src = "/theme/images/gfx-customize-a.svg" alt = "customize-a" width = "300px" >
2021-05-02 22:30:19 +02:00
< / div >
< div class = "absolute bg-customize-b" >
2021-05-02 23:01:00 +02:00
< img class = "shadow-4" src = "/theme/images/gfx-customize-b.svg" alt = "customize-b" width = "300px" >
2021-05-02 22:30:19 +02:00
< / div >
< div class = "absolute bg-customize-c" >
2021-05-02 23:01:00 +02:00
< img class = "shadow-4" src = "/theme/images/gfx-customize-c.svg" alt = "customize-c" width = "300px" >
2021-05-02 22:30:19 +02:00
< / div >
< / div >
< / div >
2021-05-01 21:45:27 +02:00
< div class = "w-100 flex flex-wrap" >
2021-04-08 22:54:16 +02:00
2021-05-01 21:45:27 +02:00
< div class = "w-100 w-50-l hx-customize dib cclr-bg-yellow-mid" >
< div class = "wx24 center pr6-l" >
< p class = "f3 lh-solid ma0 mt5 mb4" >
2021-05-02 22:30:19 +02:00
Customize
2021-05-01 21:45:27 +02:00
< / p >
2021-05-02 22:30:19 +02:00
< p class = "ma0 mx-customize mb0-l" >
2022-08-11 11:34:13 +02:00
< i class = "i-on-yellow" > Our< / i > consent banner is customizable in color, shape and basic font specifications < i class = "i-on-yellow" > to match your design.< / i >
2021-05-01 21:45:27 +02:00
< / p >
2021-04-08 22:54:16 +02:00
< / div >
< / div >
2021-02-01 10:11:57 +01:00
< / div >
2020-05-20 20:50:59 +02:00
<!-- TABLE -->
< div class = "w-100" >
2020-05-20 22:21:23 +02:00
< div class = "w-100 hx-difference dib cclr-bg-white-fade" >
2020-07-09 13:46:02 +02:00
< div class = "h-100 bg-pattern" >
2020-05-20 20:50:59 +02:00
2020-05-20 22:21:23 +02:00
< div class = "wx24-metrics center" >
2021-03-16 10:22:16 +01:00
< p class = "f3 lh-solid ma0 ml0 ml5-l mt5 mb4" >
2020-05-20 22:21:23 +02:00
< em >
Make a difference
< / em >
< / p >
< / div >
2020-05-20 20:50:59 +02:00
<!-- BOX -->
2020-05-20 22:21:23 +02:00
< div class = "mh0 mh5-l" >
2020-05-24 20:08:40 +02:00
< div class = "w-100 dib br0 br2-l mb5 mb0-l shadow-4 cclr-fnt-black-mid bg-white" >
< div class = "relative" >
< div class = "absolute bg-table" >
2020-05-24 20:17:15 +02:00
< img src = "/theme/images/gfx-table-fade.png" alt = "fade" width = "100px" height = "290px" >
2020-05-24 20:08:40 +02:00
< / div >
< / div >
2020-05-20 22:21:23 +02:00
< div class = "hscroll" >
< table class = "f7 tc collapse dt--fixed mb3" >
< tbody >
< tr >
2022-08-11 11:34:13 +02:00
< td class = "wx-table-a truncate pt2 pb3 pl2 pr1" > < / td >
< td class = "wx-table-b truncate pt2 pb3 pl2 pr1 gray" > Google Analytics< / td >
< td class = "wx-table-b truncate pt2 pb3 pl2 pr1 gray" > Matomo< / br > On-Premise< / td >
< td class = "wx-table-c truncate pt2 pb3 pl2 pr1 gray" > Plausible< / td >
< td class = "wx-table-d truncate pt2 pb3 pl0 pr0" > Offen< / br > Fair Web Analytics< / td >
2020-05-20 22:21:23 +02:00
< / tr >
< tr class = "bg-near-white" >
2020-05-20 22:25:03 +02:00
< td class = "tl truncate pv2 pl2 pr1" > Fully self hosted< / td >
2020-05-20 22:21:23 +02:00
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2020-09-01 21:18:58 +02:00
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
2020-05-24 20:08:40 +02:00
< td class = "wx-table-d truncate pv2 pl2 pr1" >
2020-05-20 22:21:23 +02:00
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< / tr >
< tr >
< td class = "tl truncate pv2 pl2 pr1" > Open Source code< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2020-07-06 20:37:51 +02:00
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
2020-05-24 20:08:40 +02:00
< td class = "wx-table-d truncate pv2 pl2 pr1" >
2020-05-20 22:21:23 +02:00
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< / tr >
< tr class = "bg-near-white" >
< td class = "tl truncate pv2 pl2 pr1" > Data can be exported< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
2020-05-24 20:08:40 +02:00
< td class = "wx-table-d truncate pv2 pl2 pr1" >
2020-05-20 22:21:23 +02:00
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
< / tr >
< tr >
2020-05-21 07:27:15 +02:00
< td class = "tl truncate pv2 pl2 pr1" > Users can see and manage own data< / td >
2020-05-20 22:21:23 +02:00
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
2020-05-24 20:08:40 +02:00
< td class = "wx-table-d truncate pv2 pl2 pr1" >
2020-05-20 22:21:23 +02:00
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< / tr >
< tr class = "bg-near-white" >
2021-01-04 11:14:47 +01:00
< td class = "tl truncate pv2 pl2 pr1" > Opt-in only data collection< / td >
2020-05-20 22:21:23 +02:00
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
< td class = "truncate pv2 pl2 pr1" >
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
2021-05-20 17:03:51 +02:00
< path d = "M14 7.5C14 11.0899 11.0899 14 7.5 14C3.91015 14 1 11.0899 1 7.5C1 3.91015 3.91015 1 7.5 1C11.0899 1 14 3.91015 14 7.5Z" stroke = "#AAAAAA" stroke-width = "2" / >
2020-05-20 22:21:23 +02:00
< / svg >
< / td >
2020-05-24 20:08:40 +02:00
< td class = "wx-table-d truncate pv2 pl2 pr1" >
2020-05-20 22:21:23 +02:00
< svg width = "15" height = "15" viewBox = "0 0 15 15" fill = "none" xmlns = "http://www.w3.org/2000/svg" >
< circle cx = "7.5" cy = "7.5" r = "7.5" fill = "#F7BF08" / >
< / svg >
< / td >
< / tr >
< / tbody >
< / table >
< / div >
2020-05-20 20:50:59 +02:00
< / div >
< / div >
< / div >
< / div >
< / div >
2020-04-22 21:32:41 +02:00
< / div >
2020-04-23 13:29:00 +02:00
< / div >
2020-04-22 21:32:41 +02:00
2020-04-25 08:16:43 +02:00
<!-- CTA -->
< div class = "w-100 dib bg-white" >
2020-04-26 13:44:53 +02:00
2020-04-25 08:16:43 +02:00
< div class = "tc mh4" >
2020-04-26 13:44:53 +02:00
< div class = "relative" >
< div class = "absolute bg-cta-pfeil" >
< img src = "/theme/images/gfx-cta-pfeil.png" alt = "arrow" width = "150px" height = "150px" >
< / div >
< / div >
2020-04-25 08:16:43 +02:00
< p class = "f1-ns f2 lh-solid ma0 mt6 mb5" >
Switch to fair web analytics
< / p >
< div class = "flex flex flex-wrap justify-center" >
< div class = "mw5 mb5 mh0 mh4-ns" >
2022-08-11 11:34:13 +02:00
< p class = "tc f5 ma0 mb3 gray mh2" >
Test drive Offen Fair Web Analytics on your system today
2020-04-25 08:16:43 +02:00
< / p >
2020-04-27 21:51:46 +02:00
< a class = "w-100 b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href = "/try-demo/" rel = "noopener" > Try demo< / a >
2020-04-25 08:16:43 +02:00
< / div >
< div class = "mw5 mb7 mh0 mh4-ns" >
2022-08-11 11:34:13 +02:00
< p class = "tc f5 ma0 mb3 mh2" >
All you need to use Offen Fair Web Analytics in production
2020-04-25 08:16:43 +02:00
< / p >
2020-04-27 21:51:46 +02:00
< a class = "w-100 b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid white cclr-bg-black-mid" href = "/get-started/" rel = "noopener" > Get started< / a >
2020-04-25 08:16:43 +02:00
< / div >
< / div >
< / div >
< / div >
2020-04-22 21:32:41 +02:00
2019-08-30 15:00:27 +02:00
{% endblock %}
2020-07-09 13:29:27 +02:00
{% block outro %}{% endblock %}