2019-12-22 19:02:00 +01:00
{% extends "page.html" %}
2019-08-30 15:00:27 +02:00
{% block content %}
2019-12-28 09:41:15 +01:00
< div class = "w-100 mt5-ns cclr-mid-yellow" >
2019-12-23 11:46:19 +01:00
< div class = "mw8 center" id = "bg-intro" >
2020-02-25 19:41:09 +01:00
< div class = "flex justify-center pt5 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" >
2019-12-22 19:02:00 +01:00
Transparent < span > web analytics< / span >
< / h1 >
< p class = "ma0 mb4" >
2020-03-13 20:15:40 +01:00
Offen is a fair alternative to common web analytics tools. < span > Pay respect to your users while gaining insight into their behavior. < / span > Self hosted, open source and free.
2019-12-22 19:02:00 +01:00
< / p >
2020-02-25 19:41:09 +01:00
< div class = "pb5 mb2" >
2020-02-02 20:28:36 +01:00
< a class = "b link dim ph4 pv2 dib b--solid bw2 brd-cclr-mid-black fnt-cclr-mid-black" href = "/get-started/" rel = "noopener" > Start now< / a >
2019-12-22 19:02:00 +01:00
< / div >
2019-08-30 15:00:27 +02:00
< / div >
< / div >
< / div >
< / div >
2020-02-24 20:29:21 +01:00
< div class = "w-100" id = "bg-feature" >
2020-02-24 13:38:30 +01:00
< div class = "center" >
2020-02-23 23:21:26 +01:00
< div class = "flex flex-wrap justify-center w-100" >
2020-02-25 11:08:23 +01:00
< div class = "flex justify-center w55-container" id = "bg-feature-1" >
< div class = "w56 tc pa3" >
2020-02-25 13:56:21 +01:00
< h2 class = "f25 normal lh-solid mt5 mb3" >
2020-04-23 22:09:36 +02:00
< em class = "em-mint-1" >
2020-02-25 19:41:09 +01:00
Free & Open
< / em >
2020-02-23 23:21:26 +01:00
< / h2 >
2020-02-24 13:38:30 +01:00
< p class = "ma0 mb5" >
2020-02-25 11:08:23 +01:00
Our open source code can be fully audited by the community. It will always be available for free. Seriously.
2020-02-23 23:21:26 +01:00
< / p >
< / div >
< / div >
2020-02-25 13:56:21 +01:00
< div class = "flex justify-center w55-container" id = "bg-feature-3" >
< div class = "w56 tc pa3" >
< h2 class = "f25 normal lh-solid mt6 mb3" >
2020-04-23 22:09:36 +02:00
< em class = "em-mint-1" >
2020-02-25 19:41:09 +01:00
Self hosted
< / em >
2020-02-25 13:56:21 +01:00
< / h2 >
< p class = "ma0" >
Comply with GDPR guidelines. Don't share data with third parties. Your users have full access to their data.
< / p >
< / div >
< / div >
2020-02-25 11:08:23 +01:00
< div class = "flex justify-center w55-container" id = "bg-feature-2" >
< div class = " w56 tc pa3" >
2020-02-25 13:56:21 +01:00
< h2 class = "f25 normal lh-solid mt7 mb3" >
2020-04-23 22:09:36 +02:00
< em class = "em-mint-1" >
2020-02-25 19:41:09 +01:00
Fair & Secure
< / em >
2020-02-23 23:21:26 +01:00
< / h2 >
2020-02-25 13:56:21 +01:00
< p class = "ma0" >
2020-02-25 11:08:23 +01:00
Pay respect to your website visitors. Gain valuable insights at the same time. All data is encrypted end-to-end.
2020-02-23 23:21:26 +01:00
< / p >
< / div >
< / div >
< / div >
< / div >
< / div >
2019-12-27 23:09:42 +01:00
2020-04-22 20:07:07 +02:00
2020-04-22 21:32:41 +02:00
<!-- INSIGHTS -->
< div class = "w-100 dib bg-white" >
2020-04-23 13:29:00 +02:00
< div class = "mh4" >
< p class = "tc f1-ns f2 lh-solid ma0 mt5" >
Gain insights in an ethical way
2020-04-22 21:32:41 +02:00
< / p >
2020-04-23 13:29:00 +02:00
< div class = "mw6 center" >
< p class = "tc f5 ma0 mt3 mb5 gray" >
Web analytics is still an unfair and impenetrable business. A proper alternative to common tools is missing. Therefore we develop one. < a class = "b link dim gray" href = "/deep-dive/" > Learn more< / a >
< / p >
< / div >
2020-04-22 21:32:41 +02:00
< / div >
< / div >
<!-- COMPARE -->
2020-04-23 13:29:00 +02:00
< div class = "w-100" >
< 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-23 13:29:00 +02:00
< div class = "w-50-l w-100" >
2020-04-22 21:32:41 +02:00
2020-04-23 13:29:00 +02:00
< div class = "w-100 dib cclr-bg-yellow-mid" >
2020-04-23 22:09:36 +02:00
< div class = "wx24 center" >
< p class = "f25 lh-solid ma0 mt6 mb3" >
2020-04-23 13:29:00 +02:00
Your job
2020-04-22 21:32:41 +02:00
< / 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" >
< div class = "flex items-center mt4" >
2020-04-23 13:29:00 +02:00
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
2020-04-23 22:09:36 +02:00
< p class = "ma0 ml3 mr4-ns" >
2020-04-23 13:29:00 +02:00
Self host Offen and thereby comply with GDPR guidelines.
< / p >
< / div >
2020-04-23 22:09:36 +02:00
< div class = "flex items-center mt4" >
2020-04-23 13:29:00 +02:00
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
2020-04-23 22:09:36 +02:00
< p class = "ma0 ml3 mr4-ns" >
2020-04-23 13:29:00 +02:00
Integrate the code snippet into pages you want to track.
< / p >
< / div >
2020-04-23 22:09:36 +02:00
< div class = "flex items-center mt4" >
2020-04-23 13:29:00 +02:00
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
2020-04-23 22:09:36 +02:00
< p class = "ma0 ml3 mr4-ns" >
2020-04-23 13:29:00 +02:00
Make your users aware of the access to their data.
< / p >
< / div >
2020-04-23 22:09:36 +02:00
< div class = "flex items-center mt4" >
2020-04-23 13:29:00 +02:00
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
2020-04-23 22:09:36 +02:00
< p class = "ma0 ml3 mr4-ns" >
2020-04-23 13:29:00 +02:00
Improve your services with fair and transparent insights.
< / p >
< / div >
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-23 13:29:00 +02:00
< div class = "w-100 dib cclr-bg-mint-mid" >
2020-04-23 22:09:36 +02:00
< div class = "wx24 center" >
< p class = "f25 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" >
< div class = "flex items-center mt4" >
2020-04-23 13:29:00 +02:00
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
2020-04-23 22:09:36 +02:00
< p class = "ma0 ml3 mr4-ns" >
2020-04-23 13:29:00 +02:00
Opt in to data collection or decide to not participate at all.
< / p >
< / div >
2020-04-23 22:09:36 +02:00
< div class = "flex items-center mt4 mb2" >
2020-04-23 13:29:00 +02:00
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
2020-04-23 22:09:36 +02:00
< p class = "ma0 ml3 mr4-ns" >
2020-04-23 13:29:00 +02:00
Review own data with detailed explanations of metrics and terms.
< / p >
< / div >
2020-04-23 22:09:36 +02:00
< div class = "flex items-center mt4 mb2" >
2020-04-23 13:29:00 +02:00
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
2020-04-23 22:09:36 +02:00
< p class = "ma0 ml3 mr4-ns" >
Only delete usage data or opt out completly at any time.
2020-04-23 13:29:00 +02:00
< / p >
< / div >
< / 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" >
< div class = "w-100 hx50 dib cclr-bg-white-fade" >
< div class = "wx24 center" >
< p class = "f25 lh-solid ma0 mt5 mb4" >
< em >
What you see
< / em >
< / p >
< p class = "ma0 mb2 mr6-ns gray" >
Data of all pages where your Offen installation is active.
< / p >
< p class = "ma0 mb4 gray" >
For example:
< / p >
<!-- BOX -->
< div class = "w-100 dib br2 pa4 shadow-4 cclr-fnt-black-mid bg-white" >
< p class = "f25 lh-solid ma0 mb2" >
478
< / p >
2020-04-24 12:38:35 +02:00
< p class = "f7 lh-solid ma0 mb4" >
2020-04-23 22:09:36 +02:00
Unique users
< / p >
< p class = "f25 lh-solid ma0 mb2" >
2.530
< / p >
2020-04-24 12:38:35 +02:00
< p class = "f7 lh-solid ma0 mb4" >
2020-04-23 22:09:36 +02:00
Unique sessions
< / p >
2020-04-24 12:38:35 +02:00
< p class = "f7 lh-solid pt2 ma0 mb3" >
2020-04-23 22:09:36 +02:00
Top pages
< / p >
2020-04-24 12:38:35 +02:00
< table class = "f7 collapse dt--fixed mb4" >
2020-04-23 22:09:36 +02:00
< tbody >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/< / td >
2020-04-23 22:09:36 +02:00
< / tr >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/blog/< / td >
2020-04-23 22:09:36 +02:00
< / tr >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/landing/< / td >
2020-04-23 22:09:36 +02:00
< / tr >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/otherpage/< / td >
2020-04-23 22:09:36 +02:00
< / tr >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://sub.yourpage.org/< / td >
2020-04-23 22:09:36 +02:00
< / tr >
< / tbody >
< / table >
< / 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-24 07:46:37 +02:00
< div class = "w-100 hx50 dib cclr-bg-white-fade" >
< div class = "wx24 center" >
< p class = "f25 lh-solid ma0 mt5 mb4" >
< em class = "em-mint-2" >
What your users see
< / em >
< / p >
< p class = "ma0 mb2 mr5-ns gray" >
Data of all pages a user has visited where your Offen installation is active.
< / p >
< p class = "ma0 mb4 gray" >
For example:
< / p >
<!-- BOX -->
< div class = "w-100 dib br2 pa4 shadow-4 cclr-fnt-black-mid bg-white" >
< p class = "f25 lh-solid ma0 mb2" >
1
< / p >
2020-04-24 12:38:35 +02:00
< p class = "f7 lh-solid ma0 mb4" >
2020-04-24 07:46:37 +02:00
Unique websites
< / p >
< p class = "f25 lh-solid ma0 mb2" >
5
< / p >
2020-04-24 12:38:35 +02:00
< p class = "f7 lh-solid ma0 mb4" >
2020-04-24 07:46:37 +02:00
Unique sessions
< / p >
2020-04-24 16:35:37 +02:00
< p class = "f7 lh-solid pt2 ma0 mb3" >
2020-04-24 07:46:37 +02:00
Top pages
< / p >
2020-04-24 12:38:35 +02:00
< table class = "f7 collapse dt--fixed mb4" >
2020-04-24 07:46:37 +02:00
< tbody >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/< / td >
2020-04-24 07:46:37 +02:00
< / tr >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/blog/< / td >
2020-04-24 07:46:37 +02:00
< / tr >
< tr class = "striped--near-white" >
2020-04-24 16:35:37 +02:00
< td class = "truncate pv2 pl2 pr1" > https://www.yourpage.org/otherpage/< / td >
2020-04-24 07:46:37 +02:00
< / tr >
< / tbody >
< / table >
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 07:46:37 +02:00
< / div >
< / 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" >
< div class = "w-100 hx30 dib cclr-bg-yellow-mid" >
< div class = "wx24 center" >
< p class = "f25 lh-solid ma0 mt5" >
More features
< / p >
< div class = "flex items-center mt4" >
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
< p class = "ma0 ml3" >
Accounts can be shared within a team.
< / p >
2020-04-23 22:09:36 +02:00
< / div >
2020-04-24 07:46:37 +02:00
< div class = "flex items-center mt4" >
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
< p class = "ma0 ml3" >
User data is only stored for 6 months.
< / p >
< / div >
< div class = "flex items-center mt4" >
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
< p class = "ma0 ml3" >
In-browser screen for an intuitive setup.
< / p >
< / div >
< div class = "flex items-center mt4 mb5" >
< img src = "/theme/images/temp.svg" alt = "temp" width = "45" height = "45" >
< p class = "ma0 ml3" >
Detailed documentation is available.
< / p >
< / div >
< / div >
< / div >
< / div >
<!-- COMPARE F -->
< div class = "w-50-l w-100" >
2020-04-23 22:09:36 +02:00
2020-04-24 07:46:37 +02:00
< div class = "w-100 hx30 dib cclr-bg-mint-mid" >
< div class = "wx24 center" >
< p class = "f25 lh-solid ma0 mt5" >
Try as user
< / p >
< p class = "ma0 mt4 mr0 mr4-ns" >
Offen is installed on this website. Access your actual usage data now.
< / p >
< div class = "mt4 mb6" >
< a class = "b link dim ph4 pv2 dib b--solid bw2 cclr-brd-black-mid cclr-fnt-black-mid" href = "/deep-dive/" rel = "noopener" > Open Auditorium< / a >
< / div >
< / div >
< div class = "w-100 dn db-l h4 bg-light-gray" >
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-24 12:38:35 +02:00
< div class = "w-100 hx200 dib cclr-bg-white-fade" >
2020-04-23 22:09:36 +02:00
2020-04-24 21:02:01 +02:00
2020-04-24 16:35:37 +02:00
< div class = "wx24-metrics center" >
2020-04-24 21:02:01 +02:00
< p class = "f25 lh-solid ma0 ml0 ml5-l mt5 mb4" >
2020-04-24 16:35:37 +02:00
< em >
Essential metrics
< / em >
< / p >
2020-04-24 21:02:01 +02:00
< p class = "ma0 ml0 ml5-l w-100 w-33-l gray" >
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
< / p >
2020-04-24 16:35:37 +02:00
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 16:35:37 +02:00
<!-- BOX 1 Bars -->
2020-04-24 12:38:35 +02:00
< div class = "relative" >
2020-04-24 16:35:37 +02:00
< div class = "relative absolute-m absolute-l stackbox-1 center" >
2020-04-24 21:02:01 +02:00
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
2020-04-24 12:38:35 +02:00
< p class = "f7 lh-solid ma0 mb3" >
Page views and users
< / p >
2020-04-24 21:02:01 +02:00
< img src = "/theme/images/gfx-metrics-bars.svg" alt = "temp" width = "320px" >
2020-04-24 12:38:35 +02:00
< / div >
2020-04-24 07:46:37 +02:00
< / div >
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 16:35:37 +02:00
<!-- BOX 2 Pages -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-2 center" >
2020-04-24 21:02:01 +02:00
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
2020-04-24 16:35:37 +02:00
< p class = "f7 lh-solid ma0 mb3" >
Top pages
< / p >
2020-04-24 21:02:01 +02:00
< img src = "/theme/images/gfx-metrics-pages.svg" alt = "temp" width = "320px" >
2020-04-24 16:35:37 +02:00
< / div >
2020-04-24 07:46:37 +02:00
< / div >
< / div >
2020-04-24 16:35:37 +02:00
2020-04-24 21:02:01 +02:00
<!-- BOX 3 -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-3 center" >
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
< p class = "f7 lh-solid ma0 mb3" >
Temp
< / p >
< img src = "/theme/images/gfx-metrics-pages.svg" alt = "temp" width = "320px" >
< / div >
< / div >
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 21:02:01 +02:00
<!-- BOX 4 -->
< div class = "relative" >
< div class = "relative absolute-m absolute-l stackbox-4 center" >
< div class = "w-100 dib br2 pa4 shadow-4 mt4 mt0-ns cclr-fnt-black-mid bg-white" >
< p class = "f7 lh-solid ma0 mb3" >
Temp
< / p >
< img src = "/theme/images/gfx-metrics-bars.svg" alt = "temp" width = "320px" >
< / div >
< / div >
< / div >
2020-04-23 22:09:36 +02:00
2020-04-24 21:02:01 +02:00
< / div >
2020-04-23 13:29:00 +02:00
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-22 20:07:07 +02:00
2020-04-23 22:09:36 +02:00
2019-08-30 15:00:27 +02:00
{% endblock %}
{% block outro %}
{% endblock %}