મફત UTM કેમ્પેઇન લિંક બિલ્ડર

આ કેવી રીતે કાર્ય કરે છે

UTM builder સ્ટાન્ડર્ડ URL અને URLSearchParams APIs વાપરીને સંપૂર્ણપણે બ્રાઉઝરમાં tracking URLs એસેમ્બલ કરે છે — કોઈ સર્વર નહીં, કોઈ upload નહીં. તમે ટાઈપ કરો તેમ, live useMemo હૂક તમારો base URL parse કરે છે, hostname validate કરે છે, અને તમે ભરેલા UTM parameters જ ઉમેરે છે.

1. 1
   URL parsing અને validation

   તમારો base URL બ્રાઉઝરના બિલ્ટ-ઇન URL constructor ને પસાર થાય છે. જો કોઈ scheme હાજર ન હોય તો ટૂલ આપોઆપ https:// prepend કરે છે, પછી ચકાસે છે કે hostname માં ઓછામાં ઓછો એક dot છે (કે localhost છે) — output ને બગાડે તે પહેલા freeform prose ને reject કરીને.
2. 2
   URLSearchParams દ્વારા UTM parameters ઉમેરાય છે

   દરેક ભરેલું ફિલ્ડ (source, medium, campaign, term, content) URLSearchParams.set() વડે URL ના search-params object માં લખાય છે. જો lowercase ટૉગલ ચાલુ હોય, તો મૂલ્યો આ ક્ષણે lowercase થાય છે, જે capitalisation inconsistencies થી થતાં mismatched attribution ને અટકાવે છે.
3. 3
   qrcode library દ્વારા QR code render થાય છે

   જ્યારે પણ final URL બદલાય, qrcode library inline preview માટે 256-px data-URL render કરે છે અને સમાંતરે off-screen canvas પર 1024-px version દોરે છે. Canvas પછી canvas.toBlob() દ્વારા PNG Blob માં serialise થાય છે જેથી download બટન તેને synchronously save કરી શકે — iOS પર જરૂરી, જ્યાં click handler ની અંદર async Blob creation block થાય છે.
4. 4
   Page hash દ્વારા Shareable template

   Form state (base URL વત્તા કોઈપણ UTM મૂલ્યો) window.history.replaceState વાપરીને સતત page ના URL fragment માં encode થાય છે. જે કોઈ પણ એ hash-ધરાવતો URL ખોલે તેને form pre-filled મળે છે, તેથી કોઈપણ server-side storage વગર તમે campaign template save કે share કરી શકો.

સંબંધિત સાધનો