SignalHost pour Framer : connectez le plugin, publiez une fois, et voyez votre site en ligne porter le code

• Un site Framer publié au moins une fois. Le plugin a besoin de l’adresse de votre site pour se connecter, et vous demande de publier d’abord s’il n’y en a pas encore.
• Un accès en modification au projet Framer. Le plugin enregistre sa connexion dans le projet et écrit dans le code personnalisé du site, et les deux l’exigent.
• Un compte SignalHost. L’offre gratuite suffit pour essayer : 10 000 requêtes par mois et un conteneur. Vous pouvez créer le compte pendant la connexion.

Trouvez SignalHost dans le Framer Marketplace et ouvrez-le dans votre projet. Il s’ouvre sous la forme d’un petit panneau avec un seul bouton, « Connect with SignalHost ». Cliquez dessus, et une fenêtre de navigateur s’ouvre sur signalhost.io. Connectez-vous ou créez un compte gratuit.

Le panneau attend pendant que vous terminez dans cette fenêtre et se met à jour de lui-même. Si vous avez fermé la fenêtre, « Open the window again » la rouvre. Après dix minutes sans réponse, le panneau vous demande de réessayer.

La fenêtre indique ce que le plugin fera et ne fera pas. Il ajoutera le code de suivi sur chaque page et le maintiendra à jour, lira l’état du conteneur et vérifiera que votre site publié contient bien le code, et mettra fin à sa connexion lorsque vous vous déconnectez dans Framer. Il ne peut rien modifier d’autre sur votre site, ni utiliser votre compte Google, ni consulter votre facturation.

Choisissez un conteneur existant, ou choisissez « Nouveau conteneur pour … » et passez par le court assistant. Un conteneur est votre propre serveur de tagging, construit dans votre propre compte Google, si bien qu’il reste à vous. La construction d’un nouveau conteneur prend quelques minutes ; vous pouvez vous connecter tout de suite, et le plugin ajoute le code dès que le conteneur est prêt. Cliquez sur « Connecter ». La fenêtre indique alors « Connecté — revenez dans Framer », et vous pouvez la fermer.

De retour dans Framer, le plugin récupère la connexion de lui-même, ajoute le code et vous invite à publier votre site pour le mettre en ligne.

Framer ne sert le code personnalisé que sur le site publié : rien ne change pour vos visiteurs tant que vous ne publiez pas. Le panneau affiche deux étapes : « Tracking code added to every page » et « Publish your site to make it live ».

Publiez comme d’habitude, puis cliquez sur « Check again » dans le panneau. SignalHost récupère votre page d’accueil publiée et y cherche le code. Quand il le trouve, la deuxième étape devient « Live on » suivi de l’adresse de votre site, et la page du conteneur considère l’installation comme terminée. Le plugin ne publie jamais de lui-même.

Ouvrez votre site publié et parcourez-le un instant. « Open SignalHost », dans le panneau, vous mène à la page du conteneur, où l’onglet « Récent » des « Statistiques avancées » couvre les 30 dernières minutes, et où « Lancer les vérifications », sous « Dépannage », compte les pages vues arrivées. À partir de l’offre Growth, « Suivi des événements en direct » affiche aussi chaque événement par son nom à son arrivée.

Un seul morceau de code dans le code personnalisé de votre site, à la fin du head de chaque page : le chargeur Google Tag Manager, pointé vers votre propre adresse de tagging au lieu de googletagmanager.com. Il charge votre conteneur Tag Manager depuis cette adresse, et votre balise Google y fait passer les pages vues.

Chaque fois que quelqu’un ouvre le plugin, il compare ce code avec ce dont votre conteneur a besoin et le remplace si quelque chose a changé. Il ne touche à rien d’autre et ne lit ni votre contenu, ni votre CMS, ni les données de vos visiteurs. Il n’ajoute pas non plus d’événements à lui : tout ce qui va au-delà des pages vues, comme l’envoi d’un formulaire, atteint votre conteneur lorsque votre site le pousse dans le dataLayer.

La connexion est enregistrée dans le projet, si bien que chaque éditeur du projet voit la même, et elle peut lire les valeurs d’installation de ce seul conteneur, et rien d’autre.

Chaque requête quitte le navigateur sous une forme que les bloqueurs de publicité ne reconnaissent pas, et votre serveur de tagging la transmet à Google Analytics 4 et aux plateformes publicitaires que vous configurez sur la page du conteneur : Google Ads, Meta, TikTok et d’autres. Si votre bannière de cookies utilise Google Consent Mode, un visiteur qui refuse n’est compté que sous la forme du signal sans cookie de Google.

Votre conteneur démarre sur une adresse sous signalhost.io. Avec une offre payante, « Configurer votre propre domaine » sur la page du conteneur vous guide pas à pas pour utiliser à la place un sous-domaine de votre propre site, comme sgtm.votresite.com, qui résiste aux listes de filtres et garde les cookies de clic first-party.

Quand le domaine est en ligne, SignalHost vous envoie un e-mail avec le nouveau code. Sur Framer, vous n’avez pas à le coller : ouvrez le plugin, qui remplace le code de lui-même, et publiez. D’ici là, l’ancienne adresse continue de fonctionner. Si vous ouvrez le plugin et oubliez de publier, il affiche « Publish again: your live site still has an older version ».

Vous pouvez ajouter le même code sans le plugin. Sur la page du conteneur, trouvez le code dans la carte « Installer sur votre site » et cliquez sur « Copier ». Dans Framer, ouvrez Site Settings → General → Custom Code, collez-le de sorte qu’il se retrouve à la fin du head de chaque page, et publiez. Cliquez ensuite sur « C’est fait » sur la page du conteneur.

Ce à quoi vous renoncez : le code ne suit plus votre conteneur. Quand votre adresse de tagging change, c’est à vous de le remplacer par le nouveau code que SignalHost vous envoie par e-mail, puis de republier. Plus rien ne vérifie non plus sa présence sur votre site en ligne. Utilisez l’un ou l’autre : si le plugin est connecté en plus, le code figurerait deux fois sur chaque page.

Paramètres › Sites connectés liste le site comme « Plugin Framer », avec sa dernière synchronisation.

« Log out », au bas du panneau et dans le menu du plugin, met fin à la connexion dans SignalHost et retire le code du plugin du code personnalisé de votre site. Comme toute modification du code personnalisé, ce retrait atteint les visiteurs à votre prochaine publication. Votre conteneur et ses statistiques restent, et vous pouvez vous reconnecter à tout moment.

« Déconnecter », dans Sites connectés, fonctionne dans l’autre sens : le plugin retire SignalHost de votre site la prochaine fois que quelqu’un l’ouvre dans Framer, et le code disparaît du site en ligne à la publication suivante.

• Le panneau vous demande de publier votre site une fois avant de vous connecter : le site n’a pas encore d’adresse publiée. Publiez-le, puis cliquez sur « Check again ».
• Le panneau indique qu’il vous faut un accès en modification, ou l’autorisation de modifier le code personnalisé du site : demandez un accès en modification au propriétaire du projet.
• Votre conteneur est en cours de configuration : revenez dans quelques minutes. Le plugin ajoute le code dès que le conteneur est prêt.
• Le code SignalHost est désactivé : quelqu’un l’a désactivé dans Site Settings → General → Custom Code. Réactivez-le là et publiez.
• Impossible de lire votre site en ligne : SignalHost n’a pas pu récupérer votre page publiée. Publiez, puis cliquez sur « Check again ».
• Ce site a été déconnecté dans SignalHost : quelqu’un a cliqué sur « Déconnecter » dans Sites connectés. Reconnectez-le pour continuer le suivi.
• SignalHost est injoignable : réessayez dans un instant.
• Pour tout le reste : écrivez à hello@signalhost.io en indiquant l’adresse de votre site.

SignalHost est un produit indépendant d’Algorithmo GmbH ; il n’est ni affilié à Framer, à Google, à Meta ou à TikTok, ni approuvé par eux. Google Analytics, Google Ads et Google Tag Manager sont des marques de Google LLC ; Meta est une marque de Meta Platforms, Inc. ; TikTok est une marque de ByteDance Ltd. ; Framer est une marque de Framer B.V.