add some analytics (self-hosted) to website

This commit is contained in:
2024-04-02 10:36:14 +02:00
parent d2b54cc631
commit 9c76142330
7 changed files with 178 additions and 9 deletions

View File

@@ -41,3 +41,13 @@
margin-bottom: 0; margin-bottom: 0;
} }
} }
#matomo-opt-out {
display: block;
width: 40%;
background-color: rgba(0, 0, 0, 0) !important;
color: white;
padding: 20px;
margin-left: 15px;
}

View File

@@ -9,7 +9,26 @@
<div class="footer-box"> <div class="footer-box">
<img src="/assets/Logo.png" class="footer-logo"> <img src="/assets/Logo.png" class="footer-logo">
<div class="footer-center-box"> <div class="footer-center-box">
<a href="/privacypolicy" class="button" id="ppbtn">Privacy Policy</a> <a href="/legal/privacy" class="button" id="ppbtn">Privacy Policy</a>
<div id="matomo-opt-out"></div>
</div> </div>
<script src="https://analytics.janishutz.com/index.php?module=CoreAdminHome&action=optOutJS&divId=matomo-opt-out&language=auto&backgroundColor=FFFFFF&fontColor=000000&fontSize=12px&fontFamily=monospace&showIntro=1"></script>
<!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(["setDoNotTrack", true]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.janishutz.com/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '2']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</div> </div>
</body> </body>

70
src/legal/privacy/index.html Executable file
View File

@@ -0,0 +1,70 @@
<!DOCTYPE html>
<html>
<head>
<title>Privacy Policy - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/mainstyle.css">
<script defer src="https://static.janishutz.com/libs/jquery/jquery.min.js"></script>
<script defer src="/js/loader.js"></script>
<style>
.info {
font-weight: normal;
}
</style>
</head>
<body>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="title">Privacy Policy</h1>
<hr class="pullquote-lines">
<h3 class="quotes-text">Privacy is an inherent human right, and a requirement for maintaining the human condition with dignity and respect</h3>
<h4 class="quotes-author">- Bruce Schneier</h4>
<hr class="pullquote-lines">
<p>Keeping your data safe is at the centre of all of my software. Therefore, none of my software automatically collect any data</p>
<ol style="width: 100%">
<b><li>
What data is collected on you?
<p class="info">Some of my services may use Privacy Preserving Product Analytics, meaning all data on interactions with my websites and services will be aggregated and anonymized. All raw data is deleted within a day of being collected. <br>
This data includes your anonymized IP address and your approximated country (which is estimated based on your IP address) and what pages you clicked on. For this purpose my services use Matomo, which is a free and open source, self-hosted analytics tool.
<br> All other data that is collected on you is data you willingly and at your own responsibility provide me with when signing up or using any of my services. Whilst I try to have everything run cloud-less, some features still require some data handling on my servers.</p>
</li></b>
<b><li>
How is this data stored and processed?
<p class="info">All the data that has to be sent to the cloud for processing, like the contact form, is sent to my servers using an HTTPS connection, hence, it is an encrypted connection. The data from the contact from is then sent to one of my email addresses via my mail server and is never stored on the actual server. You may have your request deleted at any time. To do so, please contact me again or respond to my response email.
<br> The data collected automatically by my analytics tool is stored for one day and never allows me to uniquely identify you as an individual. Once the data is aggregated, the raw data is deleted, and you will only show up as part of all users that visit my websites.
</p>
</li></b>
<b><li>
How can I have my data deleted?
<p class="info">To have your data deleted, please <a href="/support/contact">contact me</a>. I will not be able to delete the data that is collected automatically, as I do not know who this data belongs to and all raw data is deleted within one day of creation.</p>
</li></b>
<b><li>
Opting out of data collection
<p class="info">All websites that feature Matomo tracking code will allow you to opt out, if you scroll all the way down and opt out there</p>
</li></b>
<b><li>
Cookies
<p class="info">Most of my websites do not use any cookies. If they do use cookies, the specific service will explicitly state so when you first visit the page. Cookies are small amounts of text-based data which is used to identify you, which, whenever one of my services uses cookies, is required to allow you to for example sign into that page. No third party cookies are used on any of my websites</p>
</li></b>
<b><li>
Sharing data with third parties
<p class="info">No data is shared with any third parties, except I have your explicit, written permission to do so in case I need to forward your query to somebody else.</p>
</li></b>
<b><li>
Updating this privacy Policy
<p class="info">I retain the right to, at any time, at my own will and discretion to update this privacy policy. Valid is always the privacy policy which is available at this URL</p>
</li></b>
</ol>
</div>
</div>
<div id="footer"></div>
</body>
</html>

57
src/legal/tos/index.html Normal file
View File

@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html>
<head>
<title>Terms of Service - janishutz.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/css/mainstyle.css">
<script defer src="https://static.janishutz.com/libs/jquery/jquery.min.js"></script>
<script defer src="/js/loader.js"></script>
<style>
.info {
font-weight: normal;
}
</style>
</head>
<body>
<div id="nav"></div>
<div class="content-wrapper">
<div class="content">
<img src="/assets/Logo.png" alt="page Logo" class="project-logo">
<h1 class="title">Terms of Service</h1>
<p>Keeping your data safe is at the centre of all of my software. Therefore, none of my software automatically collect any data</p>
<ol style="width: 100%">
<b><li>
What data is collected on you?
<p class="info">This website and all of my services do not collect any data on how you interact with them. All data that is collected on you is data you willingly and at your own responsibility provide me with when signing up or using any of my services. Whilst I try to have everything run cloud-less, some features still require some data handling on my servers.</p>
</li></b>
<b><li>
How is this data stored and processed?
<p class="info">All the data that has to be sent to the cloud for processing, like the contact form, is sent to my servers using an HTTPS connection, hence, it is an encrypted connection. The data from the contact from is then sent to one of my email addresses via my mail server and is never stored on the actual server. You may have your request deleted at any time. To do so, please contact me again or respond to my response email.</p>
</li></b>
<b><li>
How can I have my data deleted?
<p class="info">To have your data deleted, please <a href="/support/contact">contact me</a>.</p>
</li></b>
<b><li>
Cookies
<p class="info">Most of my websites do not use any cookies. If they do use cookies, the specific service will explicitly state so when you first visit the page. Cookies are small amounts of text-based data which is used to identify you, which, whenever one of my services uses cookies, is required to allow you to for example sign into that page. No third party cookies are used on any of my websites</p>
</li></b>
<b><li>
Sharing data with third parties
<p class="info">No data is shared with any third parties, except I have your explicit, written permission to do so in case I need to forward your query to somebody else.</p>
</li></b>
<b><li>
Updating this privacy Policy
<p class="info">I retain the right to, at any time, at my own will and discretion to update this privacy policy. Valid is always the privacy policy which is available at this URL</p>
</li></b>
</ol>
</div>
</div>
<div id="footer"></div>
</body>
</html>

View File

@@ -51,7 +51,9 @@
<div class="menu-category" onclick="dropdown( 'about' )" id="about-parent"> <div class="menu-category" onclick="dropdown( 'about' )" id="about-parent">
<h3>About</h3> <h3>About</h3>
<div class="category-list" id="about"> <div class="category-list" id="about">
<a href="/privacypolicy" class="category-item">Privacy Policy</a> <a href="/legal" class="category-item">The legal stuff</a>
<a href="/legal/privacy" class="category-item">Privacy Policy</a>
<a href="/legal/tos" class="category-item">Terms of Service</a>
<a href="/about" class="category-item">About janishutz.com</a> <a href="/about" class="category-item">About janishutz.com</a>
<a href="/about/aboutme" class="category-item">About me</a> <a href="/about/aboutme" class="category-item">About me</a>
<a href="https://blog.janishutz.com" class="category-item">Blog</a> <a href="https://blog.janishutz.com" class="category-item">Blog</a>
@@ -63,12 +65,13 @@
<a href="/services" class="category-item">Overview</a> <a href="/services" class="category-item">Overview</a>
<a href="https://development.janishutz.com" class="category-item">Custom Websites</a> <a href="https://development.janishutz.com" class="category-item">Custom Websites</a>
<a href="https://store.janishutz.com" class="category-item">Store</a> <a href="https://store.janishutz.com" class="category-item">Store</a>
<a href="https://id.janishutz.com" class="category-item">Account</a>
</div> </div>
</div> </div>
<div class="menu-category" onclick="dropdown( 'support' )" id="support-parent"> <div class="menu-category" onclick="dropdown( 'support' )" id="support-parent">
<h3>Support</h3> <h3>Support</h3>
<div class="category-list" id="support"> <div class="category-list" id="support">
<a href="/support" class="category-item">Support hub</a> <a href="https://support.janishutz.com" class="category-item">Support hub</a>
<a href="/support/contact" class="category-item">Contact</a> <a href="/support/contact" class="category-item">Contact</a>
</div> </div>
</div> </div>

View File

@@ -3,7 +3,7 @@
<url> <url>
<loc>https://www.janishutz.com</loc> <loc>https://www.janishutz.com</loc>
<priority>1.00</priority> <priority>1.00</priority>
<lastmod>2024-03-02</lastmod> <lastmod>2024-04-02</lastmod>
</url> </url>
<url> <url>
<loc>https://www.janishutz.com/support</loc> <loc>https://www.janishutz.com/support</loc>
@@ -20,11 +20,6 @@
<priority>0.67</priority> <priority>0.67</priority>
<lastmod>2024-03-02</lastmod> <lastmod>2024-03-02</lastmod>
</url> </url>
<url>
<loc>https://www.janishutz.com/privacypolicy</loc>
<priority>0.67</priority>
<lastmod>2024-03-02</lastmod>
</url>
<url> <url>
<loc>https://www.janishutz.com/presentations</loc> <loc>https://www.janishutz.com/presentations</loc>
<priority>0.67</priority> <priority>0.67</priority>
@@ -35,6 +30,16 @@
<priority>0.67</priority> <priority>0.67</priority>
<lastmod>2024-03-02</lastmod> <lastmod>2024-03-02</lastmod>
</url> </url>
<url>
<loc>https://www.janishutz.com/legal/privacy</loc>
<priority>0.67</priority>
<lastmod>2024-04-02</lastmod>
</url>
<url>
<loc>https://www.janishutz.com/legal/tos</loc>
<priority>0.50</priority>
<lastmod>2024-04-02</lastmod>
</url>
<url> <url>
<loc>https://www.janishutz.com/support/js-disabled</loc> <loc>https://www.janishutz.com/support/js-disabled</loc>
<priority>0.33</priority> <priority>0.33</priority>
@@ -95,4 +100,9 @@
<priority>0.33</priority> <priority>0.33</priority>
<lastmod>2024-03-02</lastmod> <lastmod>2024-03-02</lastmod>
</url> </url>
<url>
<loc>https://www.janishutz.com/legal/privacy/v1</loc>
<priority>0.00</priority>
<lastmod>2024-03-31</lastmod>
</url>
</urlset> </urlset>