MinPluto/MinPluto-Frontend
MinPluto/MinPluto-Frontend
Archived
1
Fork 0
Code Issues Pull requests Activity

Prepare to add Telemtry tracking

Browse source
This commit is contained in:
Korbs 2024-07-10 17:18:41 -04:00
parent b321776da6
commit f903a5c138
3 changed files with 70 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/components/global/Head.astro
View file

@ -45,6 +45,20 @@ if (Astro.url.href.match('watch')) {
var IsVideo = false
}
// Track Events
// TODO
// Before re-enabling, create an "opt-in" solution
// first for the end-user, as asking for consent
// would be ideal. Astro Cookies can be used to
// toggle the option, make sure end-users are
// opted-out by default for privacy purposes.
// import { OpenpanelSdk } from '@openpanel/sdk';
// const op = new OpenpanelSdk({
// clientId: 'b4c27f56-18f5-4d66-bb62-cbf7f7161812',
// clientSecret: 'sec_107558407af59a591b50',
// });
---
<head>
@ -80,4 +94,7 @@ if (Astro.url.href.match('watch')) {
<script src="https://cdn.jsdelivr.net/npm/pace-js@latest/pace.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pace-js@latest/pace-theme-default.min.css">
</head>
<Analytics/>
<Analytics/>
<script type="module" is:inline>
</script>

12
src/components/global/Sidebar.astro
View file

@ -21,9 +21,10 @@ import {
PizzaSlice,
Treadmill,
PeaceHand,
InfoCircle,
HelpCircle,
Server
InfoCircle,
HelpCircle,
Server,
CurveArray
} from '@iconoir/vue'
// i18n
@ -63,8 +64,9 @@ import i18next, { t } from "i18next"
<div class="sidebar-bottom">
<div class="sidebar-bottom-start">
<a style="pointer-events: none;"><PeaceHand/> {t("SIDEBAR.FOOTER.ALPHA")}</a>
<a><HelpCircle/> Help</a>
<a><Server/> Instance</a>
<a href="/telemtry"><CurveArray/> Telemtry</a>
<a id="sidebar-disable"><HelpCircle/> Help</a>
<a id="sidebar-disable"><Server/> Instance</a>
</div>
<div class="sidebar-bottom-center">
<p id="version">v{version}</p>

45
src/pages/telemtry.astro Normal file
View file

@ -0,0 +1,45 @@
---
import i18next,{ t, changeLanguage } from "i18next";
import Base from "@layouts/Default.astro";
---
<Base Title="MinPluto Telemtry" Description="">
<div style="max-width: 600px; margin: auto;" class="force-center">
<center>
<h2>MinPluto Telemtry</h2>
<hr/>
<p>Telemtry data is used in MinPluto to see metrics of usage on different features and other aspects. This is help SudoVanilla, the developer of MinPluto, make better and informed decisions on what needs priority.</p>
<p>By default, you're opted-out for privacy purposes.</p>
<hr/>
<p>If you decide to opt-in, the following is tracked:</p>
<ul style="text-align: left; max-width: 300px;">
<li>All pages navigated to</li>
<li>Language</li>
<li>Browser Useragent</li>
<li>Operating System</li>
<li>Screen Size</li>
<li>Errors</li>
<li>Location</li>
<li>All settings, except for some</li>
</ul>
<p>The following will not be tracked:</p>
<ul style="text-align: left; max-width: 300px;">
<li>Searches</li>
<li>Videos/Streams you watched</li>
<li>Subscribed Channels</li>
<li>Downloads</li>
<li>Shares</li>
<li>Embeds</li>
<li>Personal Information in your account, such as name and email</li>
</ul>
<p style="font-size: 14px; opacity: 0.4;">Note that this can change at anytime.</p>
<hr/>
<a style="cursor: not-allowed; filter: brightness(0.3) ;color: white;text-decoration: none;margin-bottom: 6px;border-radius: 6px;padding: 8px 24px;background: #1a1a1a;font-size: 14px;border: 2px rgba(255, 255, 255, 0.25) solid;" href="#">Opt-In</a>
<br/>
<br/>
<p style="font-size: 14px; opacity: 0.4;">Not yet implemented</p>
</center>
</div>
</Base>
<style is:inline>a[href="/telemtry"] {background: rgb(255 255 255 / 25%) !important;border: 2px rgba(255, 255, 255, 0.25) solid !important;}</style>