Vi open-sourcar våra measurement skills för Claude Code

Varför vi open-sourcar våra measurement skills

Vi har implementerat cookie consent-banners, Google Consent Mode och GA4-setups åt hundratals kunder. Varje gång stöter vi på samma problem: banners som tankar analytics, consent mode som inte fungerar, och dark patterns som riskerar böter. Den kunskapen har vi nu paketerat som Claude Code skills och släppt som open source.

measurement-skills-claude-code är en samling specialiserade instruktionsset som gör Claude Code till en expert på marketing measurement. Istället för att Claude genererar en generisk (och ofta trasig) implementation får den ett battle-testat mönster att följa.

Vad som ingår

cookie-consent-banner — Bygg en banner som faktiskt fungerar

De flesta cookie consent-banners på webben är trasiga på ett av tre sätt:

• "Dekorations-bannern" — Visar en banner men skickar alla taggar oavsett val. Olaglig under GDPR/ePrivacy.
• "Nuklear-bannern" — Blockerar all tracking tills samtycke ges, men sätter aldrig Google Consent Mode-defaults. Google får noll signal, modellering kickar aldrig in, och du förlorar 40–70% av din data permanent.
• "Consent mode-teatern" — Sätter consent mode-defaults men godkänner sedan allt automatiskt vid sidladdning innan användaren klickar. Fortfarande olagligt.

Vår skill guidar Claude genom den korrekta implementationen: consent defaults före GTM, korrekt wait_for_update-timing, och rätt hantering av återvändande besökare.

cookie-consent-review — Hitta problemen innan tillsynsmyndigheten gör det

Denna skill kör en komplett audit av en befintlig cookie consent-implementation och kontrollerar sju områden:

• Consent flow-ordning — Sätts defaults före GTM?
• Consent Mode v2-parametrar — Saknas ad_user_data eller ad_personalization? (Vanligaste felet sedan mars 2024)
• Arguments vs Array-buggen — Den farligaste consent mode-buggen som tyst dödar GA4
• Dark patterns — Har Accept och Reject samma visuella vikt? EDPB kräver det.
• Cookie-lagring — Secure-flagga, SameSite, korrekt domän
• Icke-Google-taggar — Är Meta Pixel, LinkedIn, TikTok gated bakom samtycke?
• "Cookie Settings"-tillgänglighet — Kan användaren ändra sitt val?

Arguments vs Array — Buggen som kostar dig 100% av din GA4-data

Under en av våra egna implementationer upptäckte vi en bugg som är så subtil att den förtjänar ett eget avsnitt. GTM:s consent mode ignorerar tyst consent-kommandon som pushas som vanliga JavaScript-arrayer till dataLayer. Den kräver ett Arguments-objekt — det speciella objektet som skapas av arguments-nyckelordet inne i en funktion.

I praktiken betyder det att denna kod inte fungerar:

function pushToDataLayer(...args) {
  window.dataLayer.push(args);  // Array — GTM ignorerar detta tyst
}
pushToDataLayer('consent', 'update', { analytics_storage: 'granted' });

Medan denna kod fungerar:

function gtag() {
  dataLayer.push(arguments);  // Arguments-objekt — GTM känner igen detta
}
gtag('consent', 'update', { analytics_storage: 'granted' });

Buggen är extra lömsk i TypeScript/React-projekt där utvecklare naturligt använder rest-parametrar (...args) istället för det äldre arguments-nyckelordet. Resultatet: GA4 stannar permanent i "denied"-läge, inga _ga-cookies sätts, och all data skickas som cookieless pings. Inga felmeddelanden. Inga varningar. Bara tyst dataförlust.

Vår review-skill kontrollerar specifikt detta mönster i koden.

Dark patterns — Varför din Accept-knapp inte får vara finare än Reject

European Data Protection Board (EDPB) har tydliga riktlinjer: Accept All och Reject All måste ha samma visuella prominence. Det innebär samma storlek, samma knapptyp (båda fyllda eller båda outline), och samma kontrast mot bakgrunden.

En vanlig dark pattern vi ser hos kunder:

• Accept All: fylld lila/grön knapp, stor och tydlig
• Reject All: grå outline-knapp eller textlänk, subtil och undanskymd

Svenska IMY och franska CNIL utfärdar aktivt böter för detta. Vår review-skill flaggar automatiskt om knapparna har olika styling.

Kom igång

Installera en skill genom att kopiera den till ditt projekts .claude/skills/-katalog:

git clone https://github.com/growthhackers-sthlm/measurement-skills-claude-code.git
cp -r measurement-skills-claude-code/skills/cookie-consent-banner ditt-projekt/.claude/skills/
cp -r measurement-skills-claude-code/skills/cookie-consent-review ditt-projekt/.claude/skills/

Öppna sedan Claude Code i ditt projekt och fråga:

Hjälp mig lägga till en cookie consent-banner på min Next.js-sajt med GA4 och Google Ads

Claude följer skillens implementation istället för att generera en trasig variant från scratch.

Vad som kommer härnäst

Vi planerar fler measurement skills:

• GA4 → BigQuery funnelanalys
• Traffic anomaly detector ("varför sjönk trafiken 30% igår?")
• Attribution model-jämförelse (last-click vs data-driven vs first-touch)
• Measurement plan-generator från en brief
• GDPR consent impact-kalkylator

Repot är open source under MIT-licens. Vill du bidra med en egen measurement skill? Öppna en PR.

Behöver du hjälp med measurement, consent eller analytics? Vi arbetar med dessa frågor dagligen åt våra kunder. Kontakta oss för en genomgång av er measurement-setup.