LibraTool logoLibraTool

Бесплатен Градител на UTM кампањски врски

Изградете следливи URL-адреси за кампањи со UTM параметри за Google Analytics и други алатки. Преглед во живо, претходно поставени опции и копирање со еден клик.

Работи офлајн откако ќе се вчита

Брзи пресети

Од каде доаѓа сообраќајот (referrer).

Маркетинг каналот/медиумот.

Конкретната кампања или промоција.

Платени клучни зборови (опционално, за платено пребарување).

Разликува слични линкови/реклами (опционално, за A/B тестови).

Внесете URL на веб-страница погоре за да ја изградите линката за следење

💡 UTM параметрите им овозможуваат на Google Analytics, Plausible и другите алатки да го припишат сообраќајот на конкретни кампањи. Одржувајте конзистентно именување (пр. секогаш 'email', никогаш понекогаш 'Email') — аналитиката ги третира како чувствителни на големина на буквите и во спротивно ќе ги подели вашите податоци.

Како функционира

UTM градителот составува URL за следење целосно во прелистувачот користејќи ги стандардните API-и URL и URLSearchParams — без сервер, без прикачување. Додека пишувате, жива кука useMemo го парсира вашето основно URL, ја проверува хост-адресата, и додава само UTM параметрите што сте ги пополниле.

  1. 1
    Парсирање и проверка на URL
    Вашето основно URL се предава на вградениот конструктор URL на прелистувачот. Алатката автоматски додава https:// ако не е присутна шема, потоа проверува дека хост-адресата содржи барем една точка (или е localhost) — отфрлајќи слободен текст пред да може да го оштети излезот.
  2. 2
    UTM параметрите се додаваат преку URLSearchParams
    Секое пополнето поле (извор, медиум, кампања, термин, содржина) се запишува во објектот со параметри за пребарување на URL-то со URLSearchParams.set(). Ако преклопникот за мали букви е вклучен, вредностите се претвораат во мали букви во овој момент, што спречува погрешна атрибуција предизвикана од неконзистентност на големина на букви.
  3. 3
    QR код исцртан од библиотеката qrcode
    Секогаш кога конечниот URL ќе се промени, библиотеката qrcode исцртува data-URL од 256 px за прегледот во линија и истовремено црта верзија од 1024 px на невидливо платно. Платното потоа се сериjализира во PNG Blob преку canvas.toBlob() така што копчето за преземање може да зачува синхроно — потребно на iOS, каде асинхроно создавање Blob внатре во обработувач на кликнување е блокирано.
  4. 4
    Споделлив шаблон преку хешот на страницата
    Состојбата на формуларот (основно URL плус сите UTM вредности) континуирано се кодира во фрагментот на URL-то на страницата користејќи window.history.replaceState. Секој што ќе отвори URL со тој хеш го добива формуларот однапред пополнет, така што можете да зачувате или споделите шаблон за кампања без никакво складирање на страна на серверот.

Поврзани алатки

Најчесто поставувани прашања