Comment configurer tawk.to pour le suivi Google Analytics 4 avec Google Tag Manager
[Desktop]
Avant de commencer, vous devrez disposer des éléments suivants :
1. Un compte et une propriété Google Analytics
2. Un flux de données Google Analytics
3. Une balise pour le Widget de discussion tawk.to dans Google Tag Manager. Si cela n’a pas encore été configuré, suivez les étapes décrites dans cet article : Comment ajouter le Widget de discussion tawk.to avec Google Tag Manager
1 - Créez une nouvelle balise pour ajouter la balise de configuration Google Analytics. Assurez-vous de renommer la balise (par ex. GA - config).
2 - Cliquez sur le panneau de configuration de balise et un nouveau panneau apparaîtra.
3 - Dans le panneau de configuration, sélectionnez Google Analytics GA4 Configuration.
4 - Dans le formulaire, saisissez l’ID de mesure. Vous pouvez le trouver dans votre compte Google Analytics.
6 - Dans le panneau de déclenchement, sélectionnez Toutes les pages afin que la balise se déclenche sur chaque page où Google Tag Manager est installé.
Ensuite, nous allons utiliser GTM pour configurer un événement personnalisé.
En alternative, vous pouvez utiliser notre API JS et la fonction gtag chargée avec la balise de site globale pour GA. Pour en savoir plus, consultez cet article : Comment configurer tawk.to pour le suivi Google Analytics.
1 - Créez une autre balise et sélectionnez maintenant Google Analytics GA4 Event comme configuration de balise.
2 - Dans le formulaire, pour la balise de configuration, sélectionnez la balise Google Analytics GA4 Configuration que nous avons créée plus tôt. Pour le nom de l’événement, saisissez l’événement personnalisé que vous souhaitez suivre (ex. chat_started).
4 - Dans le panneau, modifiez le nom du déclencheur comme vous le souhaitez (ex. Personnalisé - tawk.to chat started) et cliquez sur Enregistrer. Cliquez sur le panneau de configuration de déclencheur et un autre panneau apparaîtra.
Configurer une balise pour utiliser l’API JS et un déclencheur d’événements personnalisés
Dans cette section, nous allons donner un exemple pour déclencher l’événement personnalisé chat_started que nous avons créé plus tôt en utilisant l’API JS onChatStarted.
REMARQUE : Avant de créer une nouvelle balise, vérifiez s’il existe déjà des balises utilisant notre API JS. Si vous avez déjà une balise en place, vous pouvez simplement y ajouter la logique supplémentaire au lieu de créer une autre balise.
Par exemple, si vous souhaitez ajouter le suivi à la fonction onChatStarted mais que vous avez déjà une balise existante qui utilise cette fonction, vous pouvez simplement l’ajouter à la fonction actuelle comme dans l’exemple suivant :
1 - Créez une nouvelle balise et sélectionnez HTML personnalisé comme type de balise.
2 - Dans le champ HTML, saisissez le bloc de code suivant. Remarquez que la valeur de la propriété event doit être identique au nom de l’événement que vous avez saisi plus tôt lors de la création de la balise d’événement personnalisé.
3 - Dans Déclenchement, sélectionnez Toutes les pages afin que la balise se déclenche sur chaque page où Google Tag Manager est installé.
1. Dans votre Tableau de bord Tag Manager, cliquez sur Aperçu. Une nouvelle fenêtre s’ouvrira, vous permettant de connecter Google Tag Manager à votre site.
2. Entrez l’URL de votre site web. L’URL saisie s’ouvrira dans une nouvelle fenêtre.
3. Retournez à l’onglet/fenêtre où vous avez ouvert la page d’aperçu. Vous devriez voir que votre Google Analytics : GA4 Event n’a pas encore été déclenché.
4. Pour déclencher la balise, nous allons la lancer en utilisant l’événement personnalisé que nous avons créé plus tôt (qui, dans cet exemple, est déclenché lorsqu’une discussion démarre).
5. Une fois que nous avons déclenché notre API JS OnChatStarted, cela devrait envoyer un événement à la Data Layer qui déclenche alors la balise Google Analytics : GA4 Event.
1. Dans votre Tableau de bord GA4, allez dans Rapports ➞ Vue d'ensemble en temps réel.
2. De là, vous pourrez voir, dans la carte Nombre d’événements par nom d’événement, que Google Analytics a bien reçu l’événement chat_started.
2. Pour marquer l’événement chat_started comme une conversion, activez simplement l’interrupteur dans la colonne Marquer comme conversion pour cet enregistrement.
3. Après activation, vous devriez maintenant voir l’événement sous Configurer ➞ Conversions.
Si vous rencontrez des problèmes, notre équipe de support est toujours disponible. Planifiez un appel afin que nous puissions mieux vous aider.
Références
Si vous avez des retours sur cet article, ou si vous avez besoin d’aide supplémentaire :
- Cliquez sur l’icône verte du chat en direct
- Planifiez un appel avec nous
- Visitez notre communauté