QR-codegenerator met UTM-tracking

Waar een QR-code uit bestaat

Een QR-code is een raster van donkere en lichte vierkantjes die modules worden genoemd. Het raster komt in 40 maten, versies genaamd: Denso Wave, het bedrijf achter de QR Code, vermeldt Versie 1 met 21 × 21 modules tot Versie 40 met 177 × 177, waarbij elke versie 4 modules per kant toevoegt. Je kiest de versie hier niet. De generator kiest de kleinste waar je link in past en toont die onder de voorbeeldweergave.

Kortere links maken kleinere rasters, en een kleiner raster heeft grotere modules bij hetzelfde afdrukformaat, wat makkelijker is voor een telefoon om van een afstand te lezen. Houd de link dus kort. UTM-tags voegen lengte toe, en daarom gebruiken de tags hier korte waarden in kleine letters.

Foutcorrectie: L, M, Q of H

QR-codes bevatten reservegegevens, zodat een telefoon er een kan lezen die bekrast, gevouwen of deels bedekt is. De foutcorrectiepagina van Denso Wave noemt vier niveaus, die ongeveer 7% (L), 15% (M), 25% (Q) en 30% (H) van de code herstellen. Het niveau verhogen maakt de code ook groter. Dezelfde pagina zegt dat niveau M het vaakst wordt gekozen, dat Q of H geschikt zijn voor plekken waar codes vies worden, en dat L past bij schone omgevingen met veel data.

Een praktische manier om dat te gebruiken: M voor een flyer of een menu, Q of H voor verpakkingen die worden beetgepakt of een sticker die buiten hangt, L alleen wanneer een lange link er op geen andere manier in past.

Laat de marge met rust

De lege rand rond een code is onderdeel van de code. De handleiding over codegrootte van Denso Wave zegt: “QR Code requires a four-module wide margin at all sides of a symbol.” Daarom begint de marge hier op 4. Dezelfde pagina werkt een voorbeeld uit: bij 0,254 mm per module is een Versie 3-code 29 modules, 7,366 mm breed, en 9,398 mm met de marge erbij. De tool laat je onder 4 gaan voor een ontwerp dat al witruimte eromheen heeft, en waarschuwt je wanneer je dat doet.

Kleuren en contrast

Merkkleuren werken zolang de code duidelijk donkerder blijft dan de achtergrond. De tool meet de contrastverhouding met de WCAG-formule en markeert alles onder 4:1. Die grens is onze eigen voorzichtige regel, geen getal uit de QR-standaard, en daarom is de enige echte test een scan. Hij waarschuwt ook wanneer de code lichter is dan de achtergrond (een omgekeerde code), omdat scanners gebouwd zijn rond donker op licht en het lezen van de omgekeerde versie een extra stap is die sommige decoders overslaan. Test elke afgedrukte code op een paar verschillende telefoons.

UTM-tags, zodat een scan niet gewoon “direct” is

Een scan komt binnen zonder verwijzende pagina, dus zonder tags heeft je analytics niets om aan te geven dat het van een flyer kwam. Vink het UTM-vakje aan en de generator voegt de tags aan je link toe voordat die wordt gecodeerd, met dezelfde regels als onze UTM-linkbouwer: hij behoudt parameters die al in het adres staan, vervangt oude UTM-waarden en houdt een #section-anker aan het eind. Google Analytics zegt altijd utm_source, utm_medium en utm_campaign te gebruiken, en dat waarden hoofdlettergevoelig zijn, dus de tool zet ze in kleine letters.

Gebruik utm_content om plaatsingen uit elkaar te houden: table-tent-a en table-tent-b, of box-insert en shipping-label. Eén campagne, één code per plaatsing, en het rapport laat zien welke mensen hebben gescand.

PNG of SVG

De PNG wordt getekend met hele pixels per module, dus elke rand is scherp. Het uiteindelijke formaat is het dichtstbijzijnde veelvoud van het raster dat in je getal past, en de tool toont het exacte formaat. De SVG is een vector: hij schaalt naar een reclamebord of een visitekaartje zonder vervaging, en is degene die je naar een drukker stuurt of in een ontwerpbestand zet.

Wat deze tool niet doet

Hij verkort geen links, volgt zelf geen scans en laat je niet veranderen waar een code naar verwijst nadat die is afgedrukt. Die “dynamische” codes hebben een server ertussen nodig, en deze pagina heeft die niet: je code bevat je link rechtstreeks, dus hij blijft werken zolang de pagina waar hij naar verwijst dat doet. Hij voegt geen logo's in het midden van de code toe en controleert niet of de link laadt. Scan het gedownloade bestand met je eigen telefoon voordat er iets naar de drukker gaat.

Als je dit liever niet met de hand doet

Hermoso is marketing op de automatische piloot: het onderzoekt de advertenties die al werken in jouw markt, maakt beeld- en video-advertenties die bij je merk passen, plant de posts in en voert betaalde campagnes uit op je eigen advertentieaccounts. Het werkt in de webapp, of binnen Claude, ChatGPT en Cursor via de MCP-server.

Gratis tools: UTM-linkbouwer · ·

Veelgestelde vragen

Verlopen deze QR-codes?

Nee. Het zijn statische codes: de link zit in de code zelf, zonder omleidingsdienst ertussen. De code werkt zolang de pagina waarnaar hij verwijst bestaat.

Welk foutcorrectieniveau moet ik gebruiken?

Denso Wave, het bedrijf achter de QR Code, zegt dat niveau M (ongeveer 15% herstel) het vaakst gekozen wordt, dat Q of H geschikt zijn voor codes die vies worden, en dat L geschikt is voor schone situaties met veel data. Hogere niveaus maken de code groter.

Hoe breed moet de witte rand zijn?

Vier modules aan elke kant. Denso Wave geeft aan dat de QR Code een marge van vier modules breed vereist aan alle zijden van een symbool, dus de marge begint hier op 4.

Hoe volg ik scans van een flyer of verpakking?

Vink het UTM-vakje aan en vul source, medium en campaign in. De tags worden aan je link toegevoegd voordat die gecodeerd wordt, zodat elke scan met die labels in Google Analytics binnenkomt. Gebruik utm_content om plaatsingen van elkaar te onderscheiden.

Kan ik een gekleurde QR-code maken?

Ja. Houd de code duidelijk donkerder dan de achtergrond. De tool waarschuwt wanneer het contrast laag is of de kleuren omgekeerd zijn, en je kunt een gedrukte proef op een paar telefoons scannen.

Wordt iets dat ik typ ergens naartoe gestuurd?

Nee. De code wordt in je browser getekend. Er wordt niets geüpload of opgeslagen, en de pagina herladen wist alles.