ਮੁਫ਼ਤ UTM ਕੈਂਪੇਨ ਲਿੰਕ ਬਿਲਡਰ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

UTM builder ਮਿਆਰੀ URL ਅਤੇ URLSearchParams APIs ਨਾਲ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਟ੍ਰੈਕਿੰਗ URLs ਬਣਾਉਂਦਾ ਹੈ — ਕੋਈ ਸਰਵਰ, ਕੋਈ ਅੱਪਲੋਡ ਨਹੀਂ। ਜਿਵੇਂ ਤੁਸੀਂ ਟਾਈਪ ਕਰਦੇ ਹੋ, ਇੱਕ ਲਾਈਵ useMemo hook ਤੁਹਾਡੇ ਮੂਲ URL ਨੂੰ ਪਾਰਸ ਕਰਦਾ ਹੈ, hostname ਜਾਂਚਦਾ ਹੈ, ਅਤੇ ਸਿਰਫ਼ ਤੁਹਾਡੇ ਭਰੇ UTM ਪੈਰਾਮੀਟਰ ਜੋੜਦਾ ਹੈ।

1. 1
   URL ਪਾਰਸਿੰਗ ਅਤੇ ਜਾਂਚ

   ਤੁਹਾਡਾ ਮੂਲ URL ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬਿਲਟ-ਇਨ URL constructor ਨੂੰ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। ਜੇ ਕੋਈ scheme ਨਹੀਂ, ਤਾਂ ਟੂਲ ਆਪਣੇ-ਆਪ https:// ਅੱਗੇ ਜੋੜਦਾ ਹੈ, ਫਿਰ ਜਾਂਚਦਾ ਹੈ ਕਿ hostname ਵਿੱਚ ਘੱਟੋ-ਘੱਟ ਇੱਕ ਬਿੰਦੀ ਹੈ (ਜਾਂ localhost ਹੈ) — ਆਉਟਪੁੱਟ ਖ਼ਰਾਬ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਮੁਕਤ ਗੱਦ ਨੂੰ ਰੱਦ ਕਰਦੇ ਹੋਏ।
2. 2
   URLSearchParams ਰਾਹੀਂ UTM ਪੈਰਾਮੀਟਰ ਜੋੜੇ ਜਾਂਦੇ ਹਨ

   ਹਰ ਭਰਿਆ ਖੇਤਰ (source, medium, campaign, term, content) URLSearchParams.set() ਨਾਲ URL ਦੇ search-params object ਵਿੱਚ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ। ਜੇ ਛੋਟੇ-ਅੱਖਰ ਟੌਗਲ ਚਾਲੂ ਹੈ, ਤਾਂ ਮੁੱਲ ਇਸ ਸਮੇਂ ਛੋਟੇ ਅੱਖਰਾਂ ਵਿੱਚ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਜੋ ਵੱਡੇ-ਛੋਟੇ ਅੱਖਰਾਂ ਦੀ ਅਸੰਗਤੀ ਕਾਰਨ ਗ਼ਲਤ attribution ਰੋਕਦਾ ਹੈ।
3. 3
   QR code qrcode ਲਾਇਬ੍ਰੇਰੀ ਦੁਆਰਾ ਬਣਦਾ ਹੈ

   ਜਦੋਂ ਵੀ ਅੰਤਿਮ URL ਬਦਲਦਾ ਹੈ, qrcode ਲਾਇਬ੍ਰੇਰੀ inline ਝਲਕ ਲਈ 256-px data-URL ਬਣਾਉਂਦੀ ਹੈ ਅਤੇ ਨਾਲ ਹੀ off-screen canvas 'ਤੇ 1024-px ਵਰਜ਼ਨ ਬਣਾਉਂਦੀ ਹੈ। ਫਿਰ canvas ਨੂੰ canvas.toBlob() ਰਾਹੀਂ PNG Blob ਵਿੱਚ ਸੀਰੀਅਲਾਈਜ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਤਾਂ ਜੋ ਡਾਊਨਲੋਡ ਬਟਨ ਇਸਨੂੰ ਤੁਰੰਤ ਸੇਵ ਕਰ ਸਕੇ — iOS 'ਤੇ ਲੋੜੀਂਦਾ, ਜਿੱਥੇ click handler ਅੰਦਰ async Blob ਬਣਾਉਣਾ ਬਲੌਕ ਹੁੰਦਾ ਹੈ।
4. 4
   ਪੰਨੇ ਦੇ hash ਰਾਹੀਂ ਸਾਂਝਾ ਕਰਨਯੋਗ template

   ਫ਼ਾਰਮ ਦੀ ਸਥਿਤੀ (ਮੂਲ URL ਅਤੇ ਕੋਈ ਵੀ UTM ਮੁੱਲ) window.history.replaceState ਨਾਲ ਲਗਾਤਾਰ ਪੰਨੇ ਦੇ URL fragment ਵਿੱਚ ਐਨਕੋਡ ਹੁੰਦੀ ਹੈ। ਉਹ hash-ਵਾਲਾ URL ਖੋਲ੍ਹਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਵਿਅਕਤੀ ਨੂੰ ਫ਼ਾਰਮ ਪਹਿਲਾਂ ਹੀ ਭਰਿਆ ਮਿਲਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਬਿਨਾਂ ਕਿਸੇ ਸਰਵਰ-ਸਾਈਡ ਸਟੋਰੇਜ ਦੇ campaign template ਸੇਵ ਜਾਂ ਸਾਂਝਾ ਕਰ ਸਕਦੇ ਹੋ।

ਸੰਬੰਧਿਤ ਟੂਲ