Generator kodów QR ze śledzeniem UTM

Wklej link, oznacz go tagami, aby skany pojawiały się w twojej analityce, i pobierz ostry plik PNG lub wektorowy SVG. Kod zawiera twój link bezpośrednio, więc nigdy nie wygasa i nie przechodzi przez nikogo innego.

Darmowe narzędzie Rysuje kod w twojej przeglądarce. Nic nie jest wysyłane, zapisywane ani rejestrowane, a kod wskazuje wprost na twój link: bez przekierowań, bez wygasania.

Korekcja błędów
Kolor kodu
Tło

Z czego składa się kod QR

Kod QR to siatka ciemnych i jasnych kwadratów zwanych modułami. Siatka występuje w 40 rozmiarach, zwanych wersjami: Denso Wave, firma stojąca za kodem QR, podaje, że Wersja 1 ma 21 × 21 modułów, a Wersja 40 to 177 × 177, przy czym każda wersja dodaje 4 moduły na stronę. Tutaj nie wybierasz wersji. Generator wybiera najmniejszą, w której zmieści się Twój link, i pokazuje ją pod podglądem.

Krótsze linki dają mniejsze siatki, a mniejsza siatka ma większe moduły przy tym samym rozmiarze druku, co ułatwia telefonowi odczyt z drugiego końca pokoju. Dlatego trzymaj link krótko. Tagi UTM wydłużają go, więc tutejsze tagi używają krótkich wartości pisanych małymi literami.

Korekcja błędów: L, M, Q lub H

Kody QR niosą zapasowe dane, dzięki czemu telefon odczyta kod porysowany, zgięty lub częściowo zasłonięty. Strona o korekcji błędów Denso Wave wymienia cztery poziomy, odtwarzające około 7% (L), 15% (M), 25% (Q) i 30% (H) kodu. Podniesienie poziomu powiększa też kod. Ta sama strona podaje, że poziom M wybiera się najczęściej, Q lub H sprawdzają się tam, gdzie kody się brudzą, a L pasuje do czystych warunków z dużą ilością danych.

Praktyczne zastosowanie: M na ulotkę lub menu, Q lub H na opakowanie, które jest dotykane, albo naklejkę na zewnątrz, a L tylko wtedy, gdy długi link nie zmieści się inaczej.

Zostaw margines w spokoju

Pusta ramka wokół kodu to część kodu. Poradnik o rozmiarze kodu Denso Wave mówi: „Kod QR wymaga marginesu szerokiego na cztery moduły ze wszystkich stron symbolu.” Dlatego margines tutaj zaczyna się od 4. Ta sama strona podaje przykład: przy 0,254 mm na moduł kod Wersji 3 to 29 modułów, 7,366 mm w poprzek i 9,398 mm po dodaniu marginesu. Narzędzie pozwala zejść poniżej 4 przy projekcie, który już ma wokół białą przestrzeń, i ostrzega Cię, gdy to robisz.

Kolory i kontrast

Kolory marki działają, dopóki kod pozostaje wyraźnie ciemniejszy od tła. Narzędzie mierzy współczynnik kontrastu wzorem WCAG i oznacza wszystko poniżej 4:1. Ta granica to nasza własna ostrożna reguła, a nie liczba ze standardu QR, dlatego jedynym prawdziwym testem jest zeskanowanie. Narzędzie ostrzega też, gdy kod jest jaśniejszy od tła (kod odwrócony), bo czytniki są projektowane pod ciemne na jasnym, a odczyt odwrotności to dodatkowy krok, który część dekoderów pomija. Przetestuj każdy wydrukowany kod na kilku różnych telefonach.

Tagi UTM, żeby skan nie był tylko „bezpośredni”

Skan przychodzi bez strony odsyłającej, więc bez tagów Twoja analityka nie ma skąd wiedzieć, że pochodzi z ulotki. Zaznacz pole UTM, a generator doda tagi do linku przed jego zakodowaniem, stosując te same reguły co nasz kreator linków UTM: zachowuje parametry już obecne w adresie, zastępuje stare wartości UTM i trzyma kotwicę #section na końcu. Google Analytics zaleca, by zawsze używać utm_source, utm_medium i utm_campaign, a ponieważ wartości rozróżniają wielkość liter, narzędzie zamienia je na małe.

Użyj utm_content, by odróżnić miejsca umieszczenia: table-tent-a i table-tent-b albo box-insert i shipping-label. Jedna kampania, jeden kod na miejsce, a raport pokaże, który ludzie zeskanowali.

PNG czy SVG

PNG jest rysowany całymi pikselami na moduł, więc każda krawędź jest ostra. Jego końcowy rozmiar to najbliższa wielokrotność siatki mieszcząca się w Twojej liczbie, a narzędzie podaje dokładny rozmiar. SVG to wektor: skaluje się do billboardu lub wizytówki bez rozmycia i to jego wysyłasz do drukarni albo wrzucasz do pliku projektowego.

Czego to narzędzie nie robi

Nie skraca linków, sam nie śledzi skanów ani nie pozwala zmienić miejsca docelowego kodu po wydruku. Takie kody „dynamiczne” potrzebują serwera pośredniczącego, a ta strona go nie ma: Twój kod zawiera link bezpośrednio, więc działa tak długo, jak działa strona, do której prowadzi. Nie dodaje logo na środku kodu i nie sprawdza, czy link się wczytuje. Zeskanuj pobrany plik własnym telefonem, zanim cokolwiek pójdzie do druku.

Jeśli wolisz nie robić tego ręcznie

Hermoso to marketing na autopilocie: bada reklamy, które już działają na Twoim rynku, tworzy spójne z marką reklamy graficzne i wideo, planuje posty i prowadzi płatne kampanie na Twoich własnych kontach reklamowych. Działa w aplikacji webowej albo wewnątrz Claude, ChatGPT i Cursor przez swój serwer MCP.

Darmowe narzędzia: Kreator linków UTM · ·

Najczęściej zadawane pytania

Czy te kody QR wygasają?

Nie. To kody statyczne: link jest zapisany w samym kodzie, bez żadnego pośredniego przekierowania. Kod działa tak długo, jak długo istnieje strona, na którą wskazuje.

Którego poziomu korekcji błędów użyć?

Denso Wave, firma stojąca za QR Code, podaje, że poziom M (ok. 15% odtworzenia) jest wybierany najczęściej, poziomy Q i H sprawdzają się przy kodach, które się brudzą, a L przy czystych warunkach z dużą ilością danych. Wyższe poziomy dają większy kod.

Jak duże powinno być białe obramowanie?

Cztery moduły z każdej strony. Denso Wave wskazuje, że QR Code wymaga marginesu o szerokości czterech modułów ze wszystkich stron symbolu, dlatego margines zaczyna się tutaj od 4.

Jak śledzić skany z ulotki lub opakowania?

Zaznacz pole UTM i wypełnij source, medium i campaign. Tagi są dodawane do linku przed zakodowaniem, więc każdy skan trafia do Google Analytics z tymi etykietami. Użyj utm_content, aby rozróżnić miejsca umieszczenia.

Czy mogę zrobić kolorowy kod QR?

Tak. Kod powinien być wyraźnie ciemniejszy niż tło. Narzędzie ostrzega, gdy kontrast jest niski lub kolory są odwrócone, a ty i tak zeskanuj wydrukowany wydruk próbny na kilku telefonach.

Czy cokolwiek, co wpiszę, jest gdzieś wysyłane?

Nie. Kod jest rysowany w twojej przeglądarce. Nic nie jest przesyłane ani zapisywane, a ponowne załadowanie strony go kasuje.

Hermoso tworzy reklamy, planuje posty i prowadzi kampanie. Zacznij za darmo, ponad 250 darmowych kredytów do zdobycia, bez karty.

Zacznij za darmo →   Zobacz cennik