Introduction

Google Tag Manager vous permet d'intégrer Userlike de manière flexible à votre site web en utilisant des balises et des déclencheurs. Obtenez votre compte Tag Manager ici.
Vos avantages lorsque vous utilisez Tag Manager avec Userlike :
  • Charger des widgets avec un comportement ou une langue différents en fonction du domaine ou de l'URL sur lesquels ils sont utilisés.
  • Modifier la configuration de votre widget sans déployer votre site web, afin que les modifications puissent être apportées sans l'aide du service informatique.
Suivez les étapes ci-dessous pour connecter Google Tag Manager à Userlike.

Étape 1

Assurez-vous d'avoir activé "Google Analytics 4" dans les paramètres du widget sous Chat > Comportement > Suivi.
Image without caption

Étape 2

Une fois que vous avez configuré votre compte Tag Manager, créez ou sélectionnez un conteneur pour votre site web et cliquez sur Installer pour afficher votre code JavaScript.

Étape 3

Copiez le code et implémentez-le sur votre site web. Pour plus de détails, veuillez consulter la documentation de Google.

Étape 4

Dans votre compte Google Analytics, accédez à Admin > Collecte et modification des données > Flux de données, ouvrez votre flux de données et cliquez sur Afficher les instructions de tag.
Image without caption
Sélectionnez ensuite l'onglet Installer manuellement et copiez la balise de script (Google tag).
Image without caption

Étape 5

Créez une nouvelle balise avec le type de balise "HTML personnalisé".

Étape 6

Nommez votre balise et collez votre balise Google et votre code de widget Userlike dans l'ordre indiqué dans l'image suivante. Assurez-vous de cocher l'option Prise en charge de document.write. Vous trouverez votre code de widget Userlike dans les paramètres du widget sous Installer > Code JavaScript du widget.
Image without caption
💡
Pour éviter les conflits CSS avec le client de chat, nous vous conseillons de ne pas utiliser iframe { !important } dans votre CSS. Soyez plus spécifique et excluez le client de chat Userlike en utilisant iframe:not(.userlike) { !important }.

Étape 7

Ajoutez un déclencheur à la balise. Par exemple, si vous souhaitez que votre widget se charge lorsque le visiteur visite une certaine page, sélectionnez le type de déclencheur "Affichage de page".

Étape 8

Configurez le déclencheur selon vos besoins en utilisant les conditions fournies pour chaque type de déclencheur. Dans notre exemple, le widget se chargerait uniquement sur nos pages en anglais.

Étape 9

Soumettez et publiez votre configuration, puis vous êtes prêt à utiliser Userlike avec Google Tag Manager.