Constructeur de liens de campagne UTM — outil gratuit

Comment ça marche

Le constructeur UTM assemble des URL de suivi entièrement dans le navigateur avec les API URL et URLSearchParams standard — sans serveur, sans envoi de fichier. Pendant que vous tapez, un hook useMemo en direct analyse votre URL de base, valide le nom d'hôte, et n'ajoute que les paramètres UTM que vous avez remplis.

1. 1
   Analyse et validation d'URL

   Votre URL de base est transmise au constructeur URL intégré du navigateur. L'outil ajoute automatiquement https:// en préfixe si aucun schéma n'est présent, puis vérifie que le nom d'hôte contient au moins un point (ou est localhost) — rejetant la prose libre avant qu'elle ne puisse corrompre le résultat.
2. 2
   Paramètres UTM ajoutés via URLSearchParams

   Chaque champ rempli (source, moyen, campagne, terme, contenu) est écrit dans l'objet de paramètres de recherche de l'URL avec URLSearchParams.set(). Si la bascule minuscules est activée, les valeurs sont mises en minuscules à ce stade, ce qui empêche une attribution mal appariée causée par des incohérences de majuscules.
3. 3
   Code QR rendu par la bibliothèque qrcode

   Chaque fois que l'URL finale change, la bibliothèque qrcode rend une URL de données de 256 px pour l'aperçu en ligne et dessine simultanément une version de 1024 px sur un canevas hors écran. Le canevas est ensuite sérialisé en un Blob PNG via canvas.toBlob() afin que le bouton de téléchargement puisse l'enregistrer de façon synchrone — requis sur iOS, où la création de Blob asynchrone à l'intérieur d'un gestionnaire de clic est bloquée.
4. 4
   Gabarit partageable via le hash de la page

   L'état du formulaire (URL de base plus toute valeur UTM) est continuellement encodé dans le fragment d'URL de la page avec window.history.replaceState. Quiconque ouvre cette URL portant le hash obtient le formulaire prérempli, vous pouvez donc enregistrer ou partager un gabarit de campagne sans aucun stockage côté serveur.

Outils associés