add privacy-friendly stat tool Matomo to pages

This commit is contained in:
Aliberk Sandıkçı 2023-11-23 22:18:53 +03:00
parent e240a3519c
commit b96d55dc86
Signed by: asandikci
GPG key ID: 25C67A03B5666BC1
21 changed files with 310 additions and 24 deletions

View file

@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
} }
} ?> } ?>
<title>About Me | Aliberk Sandıı</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>About Me | Aliberk Sandıı</title>
</head> </head>

View file

@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
} }
} ?> } ?>
<title>After YKS | Aliberk Sandıı</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>After YKS | Aliberk Sandıı</title>
</head> </head>

View file

@ -29,7 +29,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
<link rel="stylesheet" type="text/css" href="/iflpanel/ssavpn/assets/css/main.css"> <!-- INNER CSS !!! --> <link rel="stylesheet" type="text/css" href="/iflpanel/ssavpn/assets/css/main.css"> <!-- INNER CSS !!! -->
<link rel="stylesheet" type="text/css" href="/assets/css/extra_without_scss.css"> <link rel="stylesheet" type="text/css" href="/assets/css/extra_without_scss.css">
<title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>
Bi' Kahve Ismarla | Aliberk Sandıı Bi' Kahve Ismarla | Aliberk Sandıı
</title> </title>
<link rel="shortcut icon" href="/assets/images/icons/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/assets/images/icons/favicon.ico" type="image/x-icon">

View file

@ -35,7 +35,23 @@ body{
} }
} ?> } ?>
<title>DEVELOPMENT PAGE</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>DEVELOPMENT PAGE</title>
</head> </head>

View file

@ -28,7 +28,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
echo '<link rel="stylesheet" href="/assets/css/' . $file . '">' . PHP_EOL . ' '; echo '<link rel="stylesheet" href="/assets/css/' . $file . '">' . PHP_EOL . ' ';
} }
} ?> } ?>
<title>DEV PLAYGROUND</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>DEV PLAYGROUND</title>
<style> <style>
body { body {

View file

@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
} }
} ?> } ?>
<title>Aliberk Sandıı</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>Aliberk Sandıı</title>
</head> </head>

View file

@ -28,7 +28,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
<!-- CSS Files --> <!-- CSS Files -->
<link rel="stylesheet" type="text/css" href="./assets/css/main.css"> <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
<title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>
SSA VPN SSA VPN
</title> </title>
<link rel="shortcut icon" href="assets/iflpanel/ssavpn.svg" type="image/x-icon"> <link rel="shortcut icon" href="assets/iflpanel/ssavpn.svg" type="image/x-icon">

View file

@ -29,7 +29,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
<link rel="stylesheet" type="text/css" href="../assets/css/main.css"> <link rel="stylesheet" type="text/css" href="../assets/css/main.css">
<link rel="stylesheet" type="text/css" href="../assets/css/extra_without_scss.css"> <link rel="stylesheet" type="text/css" href="../assets/css/extra_without_scss.css">
<title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>
Kurulum | SSA VPN Kurulum | SSA VPN
</title> </title>
<link rel="shortcut icon" href="../assets/iflpanel/ssavpn.svg" type="image/x-icon"> <link rel="shortcut icon" href="../assets/iflpanel/ssavpn.svg" type="image/x-icon">

View file

@ -29,7 +29,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
<link rel="stylesheet" type="text/css" href="../assets/css/main.css"> <link rel="stylesheet" type="text/css" href="../assets/css/main.css">
<link rel="stylesheet" type="text/css" href="../assets/css/extra_without_scss.css"> <link rel="stylesheet" type="text/css" href="../assets/css/extra_without_scss.css">
<title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>
Ödeme Bilgileri | SSA VPN Ödeme Bilgileri | SSA VPN
</title> </title>
<link rel="shortcut icon" href="../assets/iflpanel/ssavpn.svg" type="image/x-icon"> <link rel="shortcut icon" href="../assets/iflpanel/ssavpn.svg" type="image/x-icon">

View file

@ -2,7 +2,23 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Gizlilik Sözleşmesi | SSA VPN</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>Gizlilik Sözleşmesi | SSA VPN</title>
</head> </head>
<body style="background-color: rgba(15, 15, 15, 0.812); color:aliceblue;"> <body style="background-color: rgba(15, 15, 15, 0.812); color:aliceblue;">

View file

@ -2,7 +2,23 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Kullanım Koşulları | SSA VPN</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>Kullanım Koşulları | SSA VPN</title>
</head> </head>
<body style="background-color: rgba(15, 15, 15, 0.812); color:aliceblue;"> <body style="background-color: rgba(15, 15, 15, 0.812); color:aliceblue;">

View file

@ -236,14 +236,14 @@ section#mid #timers #stopwatch {
flex-direction: column; flex-direction: column;
} }
section#mid #timers #stopwatch .timer { section#mid #timers #stopwatch .timer {
font-size: 100px; font-size: 150px;
display: flex; display: flex;
align-self: center; align-self: center;
} }
section#mid #timers #stopwatch .timer .min, section#mid #timers #stopwatch .timer .min,
section#mid #timers #stopwatch .timer .sec, section#mid #timers #stopwatch .timer .sec,
section#mid #timers #stopwatch .timer .msec { section#mid #timers #stopwatch .timer .msec {
width: 10vw; width: 12vw;
} }
section#mid #timers #timer { section#mid #timers #timer {
display: none; display: none;

View file

@ -0,0 +1,10 @@
.timer-action-button {
color: white;
background-color: #097a8b;
border-radius: 10px;
padding: 10px;
margin: 10px;
border-bottom-color: #0b147a;
border-right-color: #0b147a;
border-style: ridge;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 553 B

View file

@ -11,9 +11,9 @@ tick();
// NOT OPTIMIZED, place in start switch // NOT OPTIMIZED, place in start switch
var t = setInterval(tick, 10); var t = setInterval(tick, 10);
const sleep = ms => new Promise(r => setTimeout(r, ms));
async function Stopwatch(action) {
function Stopwatch(action) {
switch (action) { switch (action) {
case "start": case "start":
console.log("start function started"); console.log("start function started");
@ -22,11 +22,28 @@ function Stopwatch(action) {
curAction = "increase"; curAction = "increase";
tick(); tick();
previousAction = "start"; previousAction = "start";
document.getElementById("start-cro").style.color = "greenyellow";
document.getElementById("start-cro").style.borderTopColor = "greenyellow";
document.getElementById("start-cro").style.borderLeftColor = "greenyellow";
await sleep(300);
document.getElementById("start-cro").style.color = "grey";
document.getElementById("start-cro").style.borderTopColor = "grey";
document.getElementById("start-cro").style.borderLeftColor = "grey";
break; break;
case "stop": case "stop":
curAction = "stop"; curAction = "stop";
tick(); tick();
previousAction = "stop"; previousAction = "stop";
document.getElementById("stop-cro").style.color = "red";
document.getElementById("stop-cro").style.borderTopColor = "red";
document.getElementById("stop-cro").style.borderLeftColor = "red";
await sleep(300);
document.getElementById("stop-cro").style.color = "white";
document.getElementById("stop-cro").style.borderTopColor = "white";
document.getElementById("stop-cro").style.borderLeftColor = "white";
document.getElementById("start-cro").style.color = "white";
document.getElementById("start-cro").style.borderTopColor = "white";
document.getElementById("start-cro").style.borderLeftColor = "white";
break; break;
default: default:

View file

@ -182,14 +182,14 @@ section {
flex-direction: column; flex-direction: column;
.timer { .timer {
font-size: 100px; font-size: 150px;
display: flex; display: flex;
align-self: center; align-self: center;
.min, .min,
.sec, .sec,
.msec { .msec {
width: 10vw; width: 12vw;
} }
} }
} }

View file

@ -16,7 +16,23 @@
<link rel="stylesheet" type="text/css" href="./assets/css/main.css"> <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
<link rel="stylesheet" type="text/css" href="./assets/css/dev.css"> <link rel="stylesheet" type="text/css" href="./assets/css/dev.css">
<title>DEV VERSION | iflpanel Tahta</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>DEV VERSION | iflpanel Tahta</title>
</head> </head>
<body> <body>

View file

@ -14,8 +14,25 @@
<!-- CSS Files --> <!-- CSS Files -->
<link rel="stylesheet" type="text/css" href="./assets/css/main.css" /> <link rel="stylesheet" type="text/css" href="./assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/not_scss.css" />
<title>iflpanel Tahta</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>iflpanel Tahta</title>
</head> </head>
<body> <body>
@ -24,6 +41,8 @@
<div class="class"> <div class="class">
<span class="grade">12</span> <span class="grade">12</span>
<span class="branch">C</span> <span class="branch">C</span>
<br>
<img src="assets/images/bagis-qr.png" width="50" style="margin-top: 20px;">
</div> </div>
<div class="clock"> <div class="clock">
@ -86,9 +105,9 @@
</div> </div>
</div> </div>
<form> <form>
<input type="button" id="start-cro" name="start-cro" value="Başlat" onmouseover="Stopwatch('start')" <input class="timer-action-button" type="button" id="start-cro" name="start-cro" value="▶️ Başlat" onmouseover="Stopwatch('start')"
onclick="Stopwatch('start')" checked> onclick="Stopwatch('start')" checked>
<input type="button" id="stop-cro" name="stop-cro" value="Durdur ve Sıfırla" onmouseover="Stopwatch('stop')" <input class="timer-action-button" type="button" id="stop-cro" name="stop-cro" value="⏸️ Durdur ve Sıfırla" onmouseover="Stopwatch('stop')"
onclick="Stopwatch('stop')" checked> onclick="Stopwatch('stop')" checked>
</form> </form>
</div> </div>

View file

@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
} }
} ?> } ?>
<title>Aliberk Sandıı</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>Aliberk Sandıı</title>
</head> </head>

View file

@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
} }
} ?> } ?>
<title>My Links | Aliberk Sandıı</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>My Links | Aliberk Sandıı</title>
</head> </head>

View file

@ -34,7 +34,23 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
} }
} ?> } ?>
<title>Now | Aliberk Sandıı</title> <!-- Matomo -->
<script>
var _paq = window._paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.aliberksandikci.com.tr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
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 -->
<title>Now | Aliberk Sandıı</title>
</head> </head>
<body> <body>