නොමිලේ UTM ව්‍යාපාර සබැඳි නිර්මාතෘ

එය ක්‍රියා කරන්නේ කෙසේද

UTM builder සම්මත URL සහ URLSearchParams APIs භාවිතයෙන් tracking URLs සම්පූර්ණයෙන්ම බ්‍රවුසරයේ එකලස් කරයි — කිසිදු සේවාදායකයක්, උඩුගත කිරීමක් නැත. ඔබ ටයිප් කරන විට, සජීවී useMemo hook එකක් ඔබේ base URL parse කර, hostname වලංගු කර, ඔබ පුරවා ඇති UTM parameters පමණක් එකතු කරයි.

1. 1
   URL parsing සහ වලංගුකරණය

   ඔබේ base URL බ්‍රවුසරයේ ගොඩනැගුණු URL constructor එකට ලබාදෙනු ලැබේ. scheme එකක් නොමැති නම් මෙවලම ස්වයංක්‍රීයව https:// upsert කර, පසුව hostname එකෙහි අවම වශයෙන් තිතක් (හෝ localhost) ඇත්දැයි පරීක්ෂා කරයි — නිදහස් prose එක ප්‍රතිදානය විකෘති කිරීමට පෙර ප්‍රතික්ෂේප කරමින්.
2. 2
   URLSearchParams හරහා UTM parameters එකතු කෙරේ

   පුරවා ඇති එක් එක් ක්ෂේත්‍රය (source, medium, campaign, term, content) URLSearchParams.set() සමඟ URL හි search-params object එකට ලියනු ලැබේ. lowercase toggle එක සක්‍රීයව ඇත්නම්, මෙම අවස්ථාවේදී අගයන් කුඩා අකුරු බවට හරවනු ලැබේ, එමගින් capitalisation නොගැලපීම් නිසා ඇතිවන වැරදි attribution වළක්වයි.
3. 3
   qrcode පුස්තකාලය මගින් QR code render කෙරේ

   අවසාන URL එක වෙනස් වන සෑම විටම, qrcode පුස්තකාලය inline පෙරදසුනට 256-px data-URL එකක් render කර සමගාමීව off-screen canvas එකකට 1024-px අනුවාදයක් අඳී. පසුව canvas.toBlob() හරහා canvas එක PNG Blob එකකට serialize කෙරේ එමගින් download බොත්තමට එය සමමුහුර්තව සුරැකිය හැක — click handler එකක් තුළ async Blob නිර්මාණය block වන iOS හි අවශ්‍යයි.
4. 4
   පිටු hash හරහා බෙදාගත හැකි template එකක්

   ආකෘති තත්ත්වය (base URL මෙන්ම ඕනෑම UTM අගයන්) window.history.replaceState භාවිතයෙන් අඛණ්ඩව පිටුවේ URL කොටසට encode කෙරේ. එම hash-සහිත URL එක විවෘත කරන ඕනෑම කෙනෙකුට ආකෘතිය පූර්ව-පුරවා ලැබෙන අතර, ඔබට කිසිදු සේවාදායක-පැත්තේ ගබඩාවක් නොමැතිව campaign template එකක් සුරැකිය හෝ බෙදාගත හැක.

සම්බන්ධ මෙවලම්