QR-kodsgenerator med UTM-spårning

Vad en QR-kod består av

En QR-kod är ett rutnät av mörka och ljusa rutor som kallas moduler. Rutnätet finns i 40 storlekar, kallade versioner: Denso Wave, företaget bakom QR Code, listar Version 1 på 21 × 21 moduler upp till Version 40 på 177 × 177, där varje version lägger till 4 moduler per sida. Du väljer inte versionen här. Generatorn väljer den minsta som din länk får plats i, och visar den under förhandsvisningen.

Kortare länkar ger mindre rutnät, och ett mindre rutnät har större moduler vid samma trycksstorlek, vilket gör det lättare för en telefon att läsa på avstånd. Håll alltså länken kort. UTM-taggar ökar längden, vilket är anledningen till att taggarna här använder korta värden med gemener.

Felkorrigering: L, M, Q eller H

QR-koder bär extra data så att en telefon fortfarande kan läsa en kod som är repig, vikt eller delvis övertäckt. Denso Waves sida om felkorrigering listar fyra nivåer som återställer cirka 7 % (L), 15 % (M), 25 % (Q) och 30 % (H) av koden. Att höja nivån gör också koden större. Samma sida säger att nivå M är den som oftast väljs, att Q eller H passar platser där koder blir smutsiga, och att L passar rena miljöer med mycket data.

Ett praktiskt sätt att använda det: M för en flygblad eller en meny, Q eller H för förpackningar som hanteras eller ett klistermärke som sitter utomhus, L bara när en lång länk inte får plats på något annat sätt.

Lämna marginalen i fred

Den tomma kanten runt en kod är en del av koden. Denso Waves guide till kodstorlek säger: “QR Code requires a four-module wide margin at all sides of a symbol.” Det är därför marginalen här börjar på 4. Samma sida går igenom ett exempel: vid 0,254 mm per modul är en Version 3-kod 29 moduler, 7,366 mm bred, och 9,398 mm med marginalen tillagd. Verktyget låter dig gå under 4 för en design som redan har tomrum runt sig, och varnar dig när du gör det.

Färger och kontrast

Varumärkesfärger fungerar så länge koden förblir tydligt mörkare än sin bakgrund. Verktyget mäter kontrastförhållandet med WCAG-formeln och flaggar allt under 4:1. Den gränsen är vår egen försiktiga regel, inte ett tal från QR-standarden, vilket är anledningen till att det enda riktiga testet är en skanning. Det varnar också när koden är ljusare än bakgrunden (en inverterad kod), eftersom skannrar är byggda kring mörkt på ljust och att läsa inversen är ett extra steg som vissa avkodare hoppar över. Testa varje tryckt kod på några olika telefoner.

UTM-taggar, så att en skanning inte bara blir “direkt”

En skanning kommer in utan någon hänvisande sida, så utan taggar har din analys inget som säger att den kom från ett flygblad. Kryssa i UTM-rutan så lägger generatorn till taggarna i din länk innan den kodas, med samma regler som vår UTM-länkbyggare: den behåller alla parametrar som redan finns i adressen, ersätter gamla UTM-värden och behåller ett #section-ankare i slutet. Google Analytics säger att man alltid ska använda utm_source, utm_medium och utm_campaign, och att värden är skiftlägeskänsliga, så verktyget gör dem till gemener.

Använd utm_content för att skilja placeringar åt: table-tent-a och table-tent-b, eller box-insert och shipping-label. En kampanj, en kod per placering, och rapporten visar vilken folk skannade.

PNG eller SVG

PNG:n ritas med hela pixlar per modul, så varje kant blir skarp. Dess slutliga storlek är den närmaste multipeln av rutnätet som får plats i ditt tal, och verktyget visar den exakta storleken. SVG:n är en vektor: den skalar till en reklampelare eller ett visitkort utan att bli suddig, och det är den du ska skicka till ett tryckeri eller lägga in i en designfil.

Vad det här verktyget inte gör

Det förkortar inte länkar, spårar inte skanningar självt och låter dig inte ändra vart en kod pekar efter tryck. Sådana “dynamiska” koder behöver en server i mitten, och den här sidan har ingen: din kod innehåller din länk direkt, så den fortsätter fungera så länge sidan den pekar på gör det. Den lägger inte till logotyper mitt i koden, och den kontrollerar inte att länken laddas. Skanna den nedladdade filen med din egen telefon innan något går till tryck.

Om du hellre slipper göra det här för hand

Hermoso är marknadsföring på autopilot: det undersöker annonserna som redan fungerar på din marknad, skapar varumärkesanpassade bild- och videoannonser, schemalägger inläggen och kör betalda kampanjer på dina egna annonskonton. Det fungerar i webbappen eller inuti Claude, ChatGPT och Cursor via sin MCP-server.

Gratisverktyg: UTM-länkbyggare · ·

Vanliga frågor

Upphör dessa QR-koder att gälla?

Nej. De är statiska koder: länken lagras i själva koden, utan någon omdirigeringstjänst emellan. Koden fungerar så länge sidan den pekar på finns kvar.

Vilken nivå för felkorrigering ska jag använda?

Denso Wave, företaget bakom QR Code, säger att nivå M (cirka 15 % återställning) är den som oftast väljs, Q eller H passar koder som blir smutsiga, och L passar rena miljöer med mycket data. Högre nivåer ger en större kod.

Hur stor ska den vita kanten vara?

Fyra moduler på varje sida. Denso Wave anger att QR Code kräver en fyra moduler bred marginal på alla sidor av en symbol, så marginalen börjar här på 4.

Hur spårar jag skanningar från en flyer eller förpackning?

Kryssa i UTM-rutan och fyll i källa, medium och kampanj. Taggarna läggs till i din länk innan den kodas, så varje skanning når Google Analytics med dessa etiketter. Använd utm_content för att skilja placeringar åt.

Kan jag skapa en färgad QR-kod?

Ja. Håll koden tydligt mörkare än bakgrunden. Verktyget varnar när kontrasten är låg eller färgerna är omvända, och du bör skanna ett utskrivet provtryck på ett par telefoner.

Skickas något av det jag skriver någonstans?

Nej. Koden ritas i din webbläsare. Inget laddas upp eller lagras, och om du laddar om sidan rensas den.