Merge pull request 'Umami-statistik – skripttagg, photo-open, instagram-click, integritetstext' (#6) from feat/umami-stats-2026-11-14 into main
This commit was merged in pull request #6.
This commit is contained in:
@@ -103,6 +103,7 @@ const langBtn = 'rounded-full px-2.5 py-1 text-xs font-semibold transition-color
|
||||
imageUrl={ogImageUrl}
|
||||
/>
|
||||
)}
|
||||
<script is:inline defer src="/ibo-stats.js"></script>
|
||||
</head>
|
||||
<body class="bg-neutral-900 text-white font-sans antialiased min-h-screen flex flex-col">
|
||||
|
||||
@@ -135,7 +136,7 @@ const langBtn = 'rounded-full px-2.5 py-1 text-xs font-semibold transition-color
|
||||
<p class="mb-2">
|
||||
{business.brand} – <T sv={`fotograf ${business.person.name}, Sverige`} en={`photographer ${business.person.name}, Sweden`} />
|
||||
· <a href={`mailto:${business.email}`} class="text-gray-300 hover:text-white transition-colors">{business.email}</a>
|
||||
· <a href={business.social.instagram.url} target="_blank" rel="noopener noreferrer" class="text-gray-300 hover:text-white transition-colors">Instagram</a>
|
||||
· <a href={business.social.instagram.url} data-umami-event="instagram-click" target="_blank" rel="noopener noreferrer" class="text-gray-300 hover:text-white transition-colors">Instagram</a>
|
||||
</p>
|
||||
<p>© {new Date().getFullYear()} {business.brand}. <T sv="Alla rättigheter förbehållna." en="All rights reserved." /> · <a href="/privacy" class="text-gray-300 hover:text-white transition-colors"><T sv="Integritetspolicy" en="Privacy policy" /></a> · <button type="button" data-consent-open class="text-gray-300 hover:text-white transition-colors"><T sv="Cookie-inställningar" en="Cookie settings" /></button></p>
|
||||
</footer>
|
||||
|
||||
@@ -74,7 +74,7 @@ const footerButtons = [
|
||||
</div>
|
||||
|
||||
<div class="flex flex-row md:flex-col gap-6 items-center justify-center">
|
||||
<a href={business.social.instagram.url} target="_blank" rel="noopener noreferrer" class="circle-btn group" aria-label="Instagram">
|
||||
<a href={business.social.instagram.url} data-umami-event="instagram-click" target="_blank" rel="noopener noreferrer" class="circle-btn group" aria-label="Instagram">
|
||||
<svg class="outline-ring" viewBox="0 0 100 100">
|
||||
<circle cx="50" cy="50" r="48" />
|
||||
</svg>
|
||||
|
||||
@@ -343,6 +343,7 @@ const genresEn = 'portraits and people, nature and animals, city and architectur
|
||||
lbImg.src = item.dataset.src || '';
|
||||
lbImg.alt = item.dataset.alt || '';
|
||||
stat('open', statsItem(item));
|
||||
(window as any).iboStats?.track('photo-open', { photo: statsItem(item) });
|
||||
|
||||
const en = document.documentElement.lang === 'en';
|
||||
if(lbDate) lbDate.innerText = (en ? item.dataset.dateEn : item.dataset.date) || '';
|
||||
|
||||
+25
-9
@@ -21,7 +21,7 @@ const link = 'text-white underline hover:text-gray-300';
|
||||
<div data-trail-box class="bg-neutral-900/60 backdrop-blur-md border border-white/10 rounded-3xl p-8 md:p-12 shadow-2xl mb-20 max-w-3xl mx-auto">
|
||||
|
||||
<h1 class="text-4xl md:text-5xl font-bold leading-tight mb-2"><T sv="Integritetspolicy" en="Privacy policy" /></h1>
|
||||
<p class="text-gray-400 mb-10"><T sv="Senast uppdaterad: 6 november 2026" en="Last updated: 6 November 2026" /></p>
|
||||
<p class="text-gray-400 mb-10"><T sv="Senast uppdaterad: 14 november 2026" en="Last updated: 14 November 2026" /></p>
|
||||
|
||||
<div class="i18n-sv space-y-8 text-gray-300 text-lg leading-relaxed">
|
||||
|
||||
@@ -62,11 +62,19 @@ const link = 'text-white underline hover:text-gray-300';
|
||||
</section>
|
||||
|
||||
<section class="space-y-3">
|
||||
<h2 class="text-2xl font-bold text-white">Anonym statistik för portfolion</h2>
|
||||
<h2 class="text-2xl font-bold text-white">Anonym statistik</h2>
|
||||
<p>
|
||||
För att se vilka bilder som uppskattas räknar portfolion hur många gånger varje bild öppnas, per dag.
|
||||
Bara antalet sparas, på min egen server i Sverige. Inga cookies, ingen IP-adress, ingen webbläsarinformation och inget
|
||||
som kan identifiera dig. Det sker utan samtycke eftersom inga uppgifter om dig samlas in.
|
||||
För att se vilka bilder som uppskattas och hur besökare hittar hit räknar jag besök på webbplatsen. Det görs på två sätt, båda på min egen server i Sverige, och ingenting delas med någon annan.
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li>Portfolion räknar hur många gånger varje bild öppnas, per dag. Bara antalet sparas.</li>
|
||||
<li>Med verktyget Umami räknas vilka sidor som besöks, vilka bilder som öppnas, när någon klickar på ”Beställ” eller skickar en beställning och när någon klickar sig vidare till mitt Instagram. För varje besök sparas webbläsartyp, operativsystem, typ av enhet, skärmstorlek, språk, ungefärlig plats (land, region och stad) och vilken webbplats du kom från (bara namnet, till exempel instagram.com).</li>
|
||||
</ul>
|
||||
<p>
|
||||
Inga cookies används och din IP-adress sparas aldrig. Den används bara i stunden för att skapa ett anonymt besöks-id som byts ut varje månad, så jag kan inte se vem du är eller följa dig över tid. Inget du skriver i beställningsformuläret räknas, och ingenting räknas när du är inloggad i kundportalen. Har din webbläsare ”Do Not Track” påslaget räknas du inte alls.
|
||||
</p>
|
||||
<p>
|
||||
Uppgifterna raderas efter 13 månader. Det sker utan samtycke eftersom inga cookies används och du inte kan identifieras.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
@@ -142,11 +150,19 @@ const link = 'text-white underline hover:text-gray-300';
|
||||
</section>
|
||||
|
||||
<section class="space-y-3">
|
||||
<h2 class="text-2xl font-bold text-white">Anonymous statistics for the portfolio</h2>
|
||||
<h2 class="text-2xl font-bold text-white">Anonymous statistics</h2>
|
||||
<p>
|
||||
To see which photos are appreciated, the portfolio counts how many times each photo is opened, per day.
|
||||
Only the count is stored, on my own server in Sweden. No cookies, no IP address, no browser information and nothing
|
||||
that can identify you. This happens without consent because no data about you is collected.
|
||||
To see which photos people like and how visitors find the site, I count visits. This is done in two ways, both on my own server in Sweden, and nothing is shared with anyone.
|
||||
</p>
|
||||
<ul class="list-disc pl-6 space-y-2">
|
||||
<li>The portfolio counts how many times each photo is opened, per day. Only the number is stored.</li>
|
||||
<li>With the tool Umami I count which pages are visited, which photos are opened, when someone clicks "Order" or sends an order, and when someone clicks through to my Instagram. For each visit, the browser type, operating system, device type, screen size, language, approximate location (country, region and city) and the website you came from (only its name, for example instagram.com) are stored.</li>
|
||||
</ul>
|
||||
<p>
|
||||
No cookies are used and your IP address is never stored. It is only used in the moment to create an anonymous visit id that changes every month, so I cannot see who you are or follow you over time. Nothing you type in the order form is counted, and nothing is counted while you are logged in to the customer portal. If your browser has "Do Not Track" switched on, you are not counted at all.
|
||||
</p>
|
||||
<p>
|
||||
The data is deleted after 13 months. This happens without consent because no cookies are used and you cannot be identified.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user