Κατασκευαστής Συνδέσμων Καμπάνιας UTM δωρεάν

Πώς λειτουργεί

Ο δημιουργός UTM συνθέτει URLs παρακολούθησης εξ ολοκλήρου στον browser με τα τυπικά APIs URL και URLSearchParams — χωρίς διακομιστή ή μεταφόρτωση. Καθώς πληκτρολογείτε, ένα ζωντανό useMemo hook αναλύει το βασικό URL σας, επικυρώνει το hostname και προσθέτει μόνο τις παραμέτρους UTM που έχετε συμπληρώσει.

1. 1
   Ανάλυση και επικύρωση URL

   Το βασικό URL δίνεται στον ενσωματωμένο URL constructor του browser. Το εργαλείο προσθέτει αυτόματα https:// αν δεν υπάρχει σχήμα και ελέγχει ότι το hostname περιέχει τουλάχιστον μία τελεία (ή είναι localhost) — απορρίπτοντας ελεύθερο κείμενο πριν αλλοιώσει την έξοδο.
2. 2
   Προσθήκη παραμέτρων UTM μέσω URLSearchParams

   Κάθε συμπληρωμένο πεδίο (source, medium, campaign, term, content) γράφεται στο αντικείμενο search-params του URL με URLSearchParams.set(). Αν η επιλογή πεζών είναι ενεργή, οι τιμές μετατρέπονται σε πεζά σε αυτό το σημείο, αποτρέποντας λανθασμένη απόδοση λόγω ασυνέπειας κεφαλαίων.
3. 3
   Ο κωδικός QR αποδίδεται από τη βιβλιοθήκη qrcode

   Όποτε αλλάζει το τελικό URL, η βιβλιοθήκη qrcode αποδίδει data-URL 256 px για την προεπισκόπηση και ταυτόχρονα σχεδιάζει έκδοση 1024 px σε canvas εκτός οθόνης. Το canvas σειριοποιείται σε PNG Blob μέσω canvas.toBlob(), ώστε το κουμπί λήψης να το αποθηκεύει συγχρονισμένα — απαραίτητο στο iOS, όπου η ασύγχρονη δημιουργία Blob μέσα σε handler κλικ μπλοκάρεται.
4. 4
   Πρότυπο για κοινοποίηση μέσω του hash της σελίδας

   Η κατάσταση της φόρμας (βασικό URL και τυχόν τιμές UTM) κωδικοποιείται συνεχώς στο fragment του URL της σελίδας μέσω window.history.replaceState. Όποιος ανοίξει αυτό το URL βρίσκει τη φόρμα συμπληρωμένη, οπότε μπορείτε να αποθηκεύσετε ή να μοιραστείτε ένα πρότυπο καμπάνιας χωρίς αποθήκευση στον διακομιστή.

Σχετικά εργαλεία