Redo analytics again
This time I am manually calling the sendBeacon() function instead of the script loading an image. This is faster, more privacy-friendly, and more performant, since sendBeacon is being sent asynchronously. The script I got at the end is also very small and hosted on my side.
This commit is contained in:
parent
15ce72ae74
commit
9982dded07
3 changed files with 58 additions and 21 deletions
|
@ -24,7 +24,7 @@ function css() {
|
|||
|
||||
function js() {
|
||||
return gulp
|
||||
.src(join(SOURCE_DIR, "main.js"))
|
||||
.src([join(SOURCE_DIR, "main.js"), join(SOURCE_DIR, "count.js")])
|
||||
.pipe(sourcemaps.init())
|
||||
.pipe(terser({ ecma: 5 }))
|
||||
.pipe(sourcemaps.write("."))
|
||||
|
@ -42,6 +42,6 @@ exports.default = gulp.parallel(html, css, js, static);
|
|||
exports.watch = () => {
|
||||
gulp.watch(join(SOURCE_DIR, "index.html"), html);
|
||||
gulp.watch(join(SOURCE_DIR, "scss", "*.scss"), css);
|
||||
gulp.watch(join(SOURCE_DIR, "main.js"), js);
|
||||
gulp.watch(join(SOURCE_DIR, "*.js"), js);
|
||||
gulp.watch(join(SOURCE_DIR, "static", "**", "*"), static);
|
||||
};
|
||||
|
|
55
src/count.js
Normal file
55
src/count.js
Normal file
|
@ -0,0 +1,55 @@
|
|||
/*!
|
||||
* @source: https://codeberg.org/kytta/toot/src/branch/main/src/count.js
|
||||
*
|
||||
* @licstart The following is the entire license notice for the
|
||||
* JavaScript code in this page.
|
||||
*
|
||||
* toot - Cross-instance share page for Mastodon
|
||||
* Copyright (C) 2022 Nikita Karamov <me@kytta.dev>
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as published
|
||||
* by the Free Software Foundation, either version 3 of the License, or
|
||||
* (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*
|
||||
* @licend The above is the entire license notice
|
||||
* for the JavaScript code in this page.
|
||||
*
|
||||
* SPDX-License-Identifier: AGPL-3.0-or-later
|
||||
*/
|
||||
|
||||
// This is the analytics code for toot. It just sends a beacon to GoatCounter
|
||||
// with hardcoded path. This is way more lightweight, performant
|
||||
// and privacy-friendly than the default GC script.
|
||||
|
||||
// Check if the default GC URL resolves
|
||||
// This allows us to not track people with ad blockers
|
||||
fetch("//gc.zgo.at/", { method: "HEAD" })
|
||||
.then((result) => {
|
||||
if (!result.ok) {
|
||||
return;
|
||||
}
|
||||
|
||||
const screen = encodeURIComponent(
|
||||
[
|
||||
window.screen.width,
|
||||
window.screen.height,
|
||||
window.devicePixelRatio || 1,
|
||||
].join(",")
|
||||
);
|
||||
|
||||
const random = encodeURIComponent(Math.random().toString(36).slice(2));
|
||||
|
||||
navigator.sendBeacon(
|
||||
`https://share2fedi.goatcounter.com/count?p=%2F&s=${screen}&b=0&rnd=${random}`
|
||||
);
|
||||
})
|
||||
.catch((_) => {});
|
|
@ -90,26 +90,8 @@
|
|||
<section>
|
||||
<a href="https://codeberg.org/kytta/toot">toot on Codeberg</a>
|
||||
</section>
|
||||
<script>
|
||||
window.goatcounter = {
|
||||
path: "/",
|
||||
};
|
||||
// Only load on production environment.
|
||||
if (
|
||||
window.location.host !== "toot.kytta.dev" &&
|
||||
window.location.host !== "s2f.kytta.dev" &&
|
||||
window.location.host !== "share2fedi.kytta.dev"
|
||||
) {
|
||||
window.goatcounter["no_onload"] = true;
|
||||
}
|
||||
</script>
|
||||
<script
|
||||
data-goatcounter="https://share2fedi.goatcounter.com/count"
|
||||
data-goatcounter-settings='{"path": "/"}'
|
||||
async
|
||||
src="//gc.zgo.at/count.js"
|
||||
></script>
|
||||
</footer>
|
||||
<script src="/main.js"></script>
|
||||
<script src="/count.js" async defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Reference in a new issue