Si vous êtes membre Vimeo Business, Premium ou Enterprise et que vous utilisez Google Analytics, vous pouvez également utiliser Google Tag Manager pour configurer des événements de suivi pour les players Vimeo intégrés à votre site. Avant de commencer, assurez-vous d'avoir un compte Google Tag Manager et que Google Tag Manager est installé sur votre page. Vous pouvez trouver plus d'informations sur le site d'assistance Google Tag Manager.
Sommaire de l'article :
- Étape 1 : Ajouter le script de suivi Vimeo à votre site
- Étape 2 : Confirmer que le code de suivi Vimeo a été installé correctement
- Étape 3 : Créer des variables pour les événements Vimeo
- Étape 4 : Créer un déclencheur pour suivre les événements Vimeo
- Étape 5 : Connecter vos déclencheurs à l'une de vos balises GTM
- Étape 6 : Publier vos changements et commencer le suivi
Étape 1 : Ajouter le script de suivi Vimeo à votre site
Vous devrez ajouter notre script personnalisé qui traduit les événements du player Vimeo en événements Google Gestionnaire de balises. Connectez-vous et rendez-vous sur https://vimeo.com/settings/. Sous l'onglet Marketing, vous verrez un code de suivi en bas et des instructions sur la façon d'ajouter le script aux pages que vous souhaitez suivre.
Vous devrez coller ce code de suivi sous le script Google Analytics, où qu'il apparaisse dans le code source HTML de votre site Web.
💡ASTUCE : Si vous ne pouvez pas modifier le code HTML de votre site Web, vous pouvez essayez d'injecter le code de suivi sur votre site Web à l’aide de Google Gestionnaire de balises. Suivez ces instructions :
- Accédez à l'espace de travail Google Gestionnaire de balises de votre site
- Maintenant, rendez-vous sur "Déclencheurs" dans le menu principal de l'espace de travail du Gestionnaire de balises
- Cliquez sur "Nouveau"
- Choisissez le type de déclencheur "DOM prêt" sous Vue de la page et définissez-le pour tous les événements
- Enregistrez vos modifications
- Maintenant, cliquez sur "Balises" dans le menu principal de l'espace de travail du Gestionnaire de balises.
- Cliquez sur "Nouveau"
- Sous Configuration des balises, choisissez le type de balise "HTML personnalisé".
- Insérez votre code de suivi Vimeo unique dans la case HTML
- Sous Déclenchement, sélectionnez le déclencheur « DOM prêt » créé aux étapes précédentes
⚠ Si vous disposez d'une configuration plus avancée qui ajoute de nouvelles intégrations à la page après le chargement initial (par exemple, si vous utilisez un encadré ou un player pop up), vous devrez soit appeler la fonction window.__vimeoRefresh() ️dans le script utilisé pour charger vos intégrations iframe, soit insérer ce script personnalisé dans le code source de votre page web sous le script Vimeo GA :
<script>setTimeout(function(){ window.__vimeoRefresh(); }, 3000);</script>
Notez que vous pouvez insérer ce script en utilisant GTM dans la même balise que celle utilisée pour déclencher votre script de suivi Vimeo GA, comme indiqué ici :
Étape 2 : Confirmer que le code de suivi Vimeo a été correctement installé
Pour ce faire, accédez d'abord à Google Gestionnaire de balises, puis cliquez sur le bouton Aperçu pour accéder au mode Aperçu.
Ensuite, allez sur le site sur lequel vous avez défini le code de suivi. Là, vous verrez la console Google Gestionnaire de balises. Vous pouvez confirmer le code en vérifiant la présence d'entrées Vimeo dans la section "Résumé", puis en cliquant sur l'onglet "Couche de données" dans la console elle-même pour vérifier l'existence d'événements Vimeo.
Si vous ne voyez pas la fenêtre de débogage lorsque vous accédez à votre page Web, assurez-vous d'avoir correctement installé Google Gestionnaire de balises sur votre site Web.
Étape 3 : Créer des variables pour les événements Vimeo
Dans votre compte Google Tag Manager, créez une nouvelle variable définie par l'utilisateur dans la section « Variables » de GTM pour chacune des valeurs de la couche de données suivantes :
- catégorie_évènement (toujours 'Vidéo')
- action_évènement (charge, jeu, progrès - 25 %, progrès - 50 %, progrès - 75 %, progrès - 100 %, capture d'e-mail)
- étiquette_évènement (Titre de la vidéo + ID de la vidéo. Par exemple: «Ma vidéo Vimeo | 78934»)
Si vous avez déjà défini des variables pour ces valeurs de la couche de données, vous pouvez les réutiliser.
Catégorie d'événement
- Sous Type de variable, choisissez «Variable de couche de données».
- Entrez le nom de la variable, catégorie_événement (note : cette valeur doit être en minuscule et correspondre exactement)
- Pour la version de la couche de données, sélectionnez "Version 2"
- Assurez-vous que "valeur par défaut" est décoché
- Cliquez Sauvegarder
Action de l'événement
- Créer une nouvelle variable
- Sous Type de variable, choisissez «Variable de couche de données».
- Saisissez le nom de la variable, action_évènement (note: cette valeur doit être en minuscule et correspondre exactement)
- Pour la version de la couche de données, sélectionnez "Version 2"
- Assurez-vous que "valeur par défaut" est décoché
- Cliquez sur Sauvegarder
Étiquette de l'événement
- Créer une nouvelle variable
- Sous Type de variable, choisissez «Variable de couche de données».
- Entrez le nom de la variable, étiquette_évènement (note : cette valeur doit être en minuscule et correspondre exactement)
- Pour la version de la couche de données, sélectionnez "Version 2"
- Assurez-vous que "valeur par défaut" est décoché
- Cliquez sur Sauvegarder
Enfin, revenez dans votre espace de travail principal GTM pour afficher toutes les nouvelles variables que vous venez de créer.
Étape 4 : Créer un déclencheur pour suivre les événements Vimeo
Créer un nouveau déclencheur
-
Dans l’espace de travail GTM, visitez la section Déclencheurs et sélectionnez «Nouveau».
-
Sous Type de déclencheur, choisissez «Evénement personnalisé».
-
Pour Nom de l'événement, saisissez vimeo (Remarque : cette valeur doit être en minuscule et correspondre exactement)
-
Réglez le déclencheur pour qu'il se déclenche pour «Tous les événements personnalisés»
Avec cette configuration de déclenchement, vous pourrez suivre automatiquement tout évènement envoyé par des players Vimeo intégrés sur votre page.
*OPTIONNEL*- Si vous préférez ne suivre que certain des événements dans le player, vous pouvez également sélectionner «Certains événements personnalisés» dans votre configuration de déclencheur et affiner les options spécifiques.
L'image ci-dessous est un exemple de déclencheur qui ne fait que suivre les évènements jouer.
Les actions d'événement suivantes sont envoyées par le joueur et disponibles pour le suivi :
- charge
- lecture
- progrès - 25 %
- progression - 50 %
- progression - 75 %
- progression - 100 %
- Collecte d'e-mails
(Remarque: toutes les valeurs d'action d'événement doivent être en minuscule et correspondre au formatage ci-dessus)
Étape 5 : Connecter vos déclencheurs à l'une de vos balises GTM
Une fois les variables et déclencheurs configurés pour tous les événements Vimeo, vous pouvez les lier à vos services de suivi, comme Universal Analytics, par exemple.
Voici un exemple qui lie tous les événements Vimeo à un évènement Universal Analytics.
- Dans l'espace de travail GTM, sélectionnez Balises, choisissez «Nouveau».
- Sous Type de balise, choisissez "Universal Analytics".
- Pour le type de piste, sélectionnez “Évènement"
- Lien vers les variables configurées à l'étape 3 pour les catégories, les actions et les libellés.
(Remarque : Les paramètres Google Analytics doivent être préconfigurés en tant que variable, séparée de la configuration de Vimeo. Cela vous permet de conserver les paramètres entre les balises) - Sous Déclenchement, choisissez votre déclencheur Vimeo (remarque: il s'agit du déclencheur que nous avons créé à l'étape précédente).