Installera CookieHawk
Välj plattform och lägg in den generiska kodsnutten. Shopify, Wix, Squarespace och Webflow har bara testats som lokala statiska inklistringsmönster. Vi har inte testat riktiga konton, teman, appar, plattformens egen samtyckeshantering eller kassa. Klargör detta före publicering.
1. Kodsnutt och ordning
Lägg loadern som första skript i head, före GTM och spårningsskript. Använd inte async/defer. Ändra data-policy-url till din integritetssida. Välj bannerspråk nb, nn, sv eller en; guidens språk ändrar inte bannerns språk. Använd bara en bannerinstallation.
<script src="https://cookiehawk.com/loader.js" data-core="https://cookiehawk.com/cmp.js" data-lang="nb" data-policy-url="/personvern.html" data-strict-gtm="1"></script>2. Märk statiska skript
Spårningsskript direkt i HTML måste få type=text/plain, data-cookiehawk-cat och data-cookiehawk-src. Exemplet använder statistics; välj marketing för annonser och functional för valfria funktioner. Inline-kod får samma typ och kategori, med koden kvar mellan script-taggarna. Okända kategorier släpps inte igenom.
<script type="text/plain" data-cookiehawk-cat="statistics" data-cookiehawk-src="https://www.googletagmanager.com/gtag/js?id=G-XXXX"></script>3. Plattformsguider
HTML
Ren HTML: klistra in koden direkt efter öppningen av head i varje sidmall. Märk statiska taggar. Testa både första besök och omladdning med sparat val.
Shopify
Shopify: kopiera temat. Öppna webbbutikens tema → Edit code → layout/theme.liquid. Lägg koden först i head och märk egna statiska spårningsskript. Detta täcker bara temats HTML. Customer Privacy API, app-pixlar, kundkonto och checkout integreras inte av kodsnutten. Ersätt inte Shopifys samtyckeshantering utan att klargöra och testa dessa flöden.
Wix
Wix: öppna Settings → Custom Code → Add Custom Code. Välj head och alla sidor. Kontrollera på publicerad testsida att loadern körs före egna spårningskoder och bara en gång per dokument. Wix kan ladda kod dynamiskt; lokala testet bevisar inte verklig ordning, Wix Analytics eller appar. En HTML-iframe är inte en installation för hela sajten.
Squarespace
Squarespace: öppna Code Injection och lägg kodsnutten överst i Header. Funktionen kräver en plan med kodinbäddning. Kontrollera ordningen på publicerad sida och märk egna statiska skript. Kassa, inbyggda integrationer och navigering utan full sidladdning är inte verifierade.
Webflow
Webflow: Site settings → Custom code → Head code. Lägg kodsnutten före egna spårningskoder, spara och publicera på en testdomän. Kontrollera varje sidmall och kod i Page settings. Designer-förhandsvisning räcker inte. E-handel och integrationer är inte verifierade.
WordPress
WordPress: hämta ZIP-filen, öppna Tillägg → Lägg till → Ladda upp, installera och aktivera. Under Inställningar → CookieHawk Consent väljer du språk och integritetssida. Undvik dubbel installation via tema/GTM. Loggning aktiveras med kundkonfigurationen från oss.
Google Tag Manager
GTM: installera loadern direkt i head, inte i GTM. Märk containern med statistics|marketing. Den kan laddas vid ett av valen; varje tagg måste kontrollera rätt kategori. Custom HTML ska kräva cookiehawk.marketing=true eller cookiehawk.statistics=true på cookiehawk_consent_update. Händelsen ensam är inte samtycke. Ta bort kringgående triggers och valfri noscript-iframe.
<script type="text/plain" data-cookiehawk-cat="statistics|marketing" data-cookiehawk-src="https://www.googletagmanager.com/gtm.js?id=GTM-XXXX"></script>Google Consent Mode v2: sex samtyckesstyrda signaler styr annons- och analyslagring, annonsdata, annonsanpassning, funktioner och personalisering. Rätt konfigurerade Google Ads- och GA4-taggar följer samtycket. security_storage är granted; övriga sex börjar som denied.
Microsoft UET
Microsoft UET: bannern skickar consent/default med ad_storage=denied och consent/update efter marknadsföringsvalet, även vid sparat val och återkallande. Märk UET-taggen marketing. Upplägget behåller strikt blockering; det lovar inte Microsoft Advanced Consent Mode eller modellerade konverteringar. Kontrollera kundens faktiska UET-trafik.
4. Test före publicering
Använd en ren webbläsarsession och Network-logg. Före val och efter avvisning: inga förfrågningar från märkta valfria taggar. Testa även bara statistik och bara marknadsföring. Efter godkännande: tillåtna taggar körs en gång. Ladda om för att kontrollera sparat val. Återkalla och kontrollera omladdning och stopp av valfria anrop. Testa flera sidor, mobil, tangentbord och integritetslänken. Loader/cmp ska svara 200. Samtyckesstatus bevisar inte nätverksblockering.
Begränsningar och vidare inställningar
fetch/XHR/beacon, Workers, shadow DOM, srcdoc och spårning på servern kräver egna åtgärder. Lokalt test av en kodsnutt är inte plattformscertifiering. Logg och export kräver registrerat kundupplägg, arkiverad bannerinformation och kontroll av mottagna händelser. Kontakta oss för aktivering.