Déclenchement d'évènements personnalisés pour la relecture de session

Suite
Customer Experience Strategy & Research
Produit
Qualtrics
Contenus de cette page

À propos du déclenchement d’évènements personnalisés pour la relecture de session

Une fois que vous avez configuré les évènements personnalisés dans la section Reprise de session, vous devez déclencher (ou “émettre”) les évènements sur votre site web. Si votre site Web utilise un gestionnaire de balises, vous pourrez peut-être tirer parti de vos événements existants dans cette plateforme pour déclencher facilement un évènement personnalisé Qualtrics.

Sur cette page, vous trouverez des exemples de la manière de procéder pour Google Tag Manager et Adobe Launch. Il existe également une solution Javascript qui peut être utilisée dans le code produit de votre site web si vous ne disposez pas d’une solution de gestion des balises.

Attention: Les fonctions de codage personnalisé sont fournies en l’état et leur mise en œuvre nécessite des connaissances en programmation. Le support de Qualtrics Assist n’offre pas d’assistance ou de consultation sur le codage personnalisé. Vous pouvez plutôt tenter de vous adresser à notre communauté d’utilisateurs dédiés. Si vous souhaitez en savoir plus sur nos services de codage personnalisé, veuillez contacter votre Compte Qualtrics.

Déclencher des évènements personnalisés avec Google Tag Manager

Voici une capture décran de linterface de Google Tag Manager. Linterface est séparateur en deux sections : la section de configuration des balises et la section de déclenchement. La section de configuration de la balise contient une zone de texte dans laquelle vous pouvez saisir le code HTML de votre balise. La section Déclencheur contient une liste de déclencheurs qui peuvent être utilisés pour déclencher votre balise. Dans ce cas, le déclencheur est paramétré pour se déclencher lorsque lévènement de créa
Voici une capture décran de linterface de Google Tag Manager. Linterface est séparateur en deux sections : la section de configuration des balises et la section de déclenchement. La section de configuration de la balise contient une zone de texte dans laquelle vous pouvez saisir le code HTML de votre balise. La section Déclencheur contient une liste de déclencheurs qui peuvent être utilisés pour déclencher votre balise. Dans ce cas, le déclencheur est paramétré pour se déclencher lorsque lévènement de créa
Connectez-vous à votre instance de Google Tag Manager.
Créez une nouvelle balise HTML personnalisée.
Astuce : Si vous avez des questions sur les étapes à suivre dans Google Tag Manager, veuillez consulter la documentation d’assistance de Google.
Donnez à votre nouvelle balise HTML un nom descriptif.
Dans l’HTML, créez un nouvel évènement personnalisé. Par exemple, vous pouvez ajouter le code suivant, en remplaçant YOUR_EVENT_KEY par la clé de votre évènement : var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubbles : true}) ;
document.dispatchEvent(dxaEvent) ;
Sous Déclencheur, sélectionnez un déclencheur de tir correspondant à un évènement existant pour lequel vous souhaitez déclencher l’Évènement personnalisé.
Enregistrez vos modifications.

Déclencher des évènements à l’aide d’Adobe Launch

Connectez-vous à votre instance Adobe Experience.
Créer une nouvelle règle personnalisée.
Astuce : Si vous avez des questions concernant la réalisation d’étapes dans Adobe Experience, veuillez consulter la documentation d’assistance d’Adobe.
Donnez-lui une information descriptive (par exemple, “Nouveau compte de chèques”).
Limage montre Adobe Launch. Linterface est séparateur en trois sections : 1. La section de gauche est la section **Propriétés**. Elle contient le nom de la règle en cours et une barre de recherche pour rechercher des règles. 2. La section centrale est la section **Règles**. Elle contient les conditions et les informations relatives à la règle. 3. La section de droite est la section **Actions**. Elle contient les informations sur les actions à entreprendre lorsque la règle est déclenchée.
Limage montre Adobe Launch. Linterface est séparateur en trois sections : 1. La section de gauche est la section **Propriétés**. Elle contient le nom de la règle en cours et une barre de recherche pour rechercher des règles. 2. La section centrale est la section **Règles**. Elle contient les conditions et les informations relatives à la règle. 3. La section de droite est la section **Actions**. Elle contient les informations sur les actions à entreprendre lorsque la règle est déclenchée.
Sélectionnez un évènement correspondant à l’évènement existant.
Ajouter une action.
Ensemble d’actions Code personnalisé.
création dune action de code personnalisé
création dune action de code personnalisé

En Javascript, créez un nouvel évènement personnalisé. Par exemple, vous pouvez ajouter le code suivant, en remplaçant YOUR_EVENT_KEY par la clé de votre évènement : var dxaEvent = new CustomEvent("YOUR_EVENT_KEY", {bubbles : true}) ;
document.dispatchEvent(dxaEvent) ;

HTML dans un évènement adobe
HTML dans un évènement adobe
Sauvegarder le code.
Sauvegarder la configuration de l’action.
retour " retour " à lensemble dactions " code personnalisé ". également un bouton " sauvegarder "
retour " retour " à lensemble dactions " code personnalisé ". également un bouton " sauvegarder "
Évaluez votre règle, puis cliquez sur Enregistrer.
retour à léditeur dévènements personnalisés, bouton " Retour " en haut à droite ici aussi
retour à léditeur dévènements personnalisés, bouton " Retour " en haut à droite ici aussi

Déclencher des évènements à l’aide de Javascript

Qualtrics utilise l’interface W3C Standard Custom Évènement, qui permet à votre équipe d’ingénieurs d’émettre facilement un évènement que Qualtrics peut observer.

Exemple : Imaginons un site web bancaire qui dispose déjà d’un code qui se déclenche chaque fois qu’un utilisateur crée un nouveau compte courant. Votre équipe de développement web ajoute un nouvel évènement personnalisé avec la clé “newCheckingaccount :”

Clé de lévènement telle quelle apparaît dans la configuration de la relecture de la session
Clé de lévènement telle quelle apparaît dans la configuration de la relecture de la session

Tout ce que votre équipe d’ingénieurs devra faire, c’est ajouter les deux lignes de code suivantes :

var dxaEvent = new CustomEvent("newCheckingaccount", {bubbles : true}) ;

document.dispatchEvent(dxaEvent) ;

De cette façon, Qualtrics peut associer ces évènements à des sessions sur votre site web. Aucun clé API, authentificateur ou code tiers supplémentaire n’est nécessaire.

Attention: Veuillez noter la partie {bubbles: true} du code ci-dessus. Il est important que ces Évènements personnalisés “bouillonnent” (ou augmentent) afin que Qualtrics puisse les écouter.

&nbsp ;

FAQs

Qu'est-ce qu'une clé d'événement ?

Comment puis-je trouver ma clé d'événement ?
De nombreuses pages de ce site ont été traduites de l'anglais en traduction automatique. Chez Qualtrics, nous avons accompli notre devoir de diligence pour trouver les meilleures traductions automatiques possibles. Toutefois, le résultat ne peut pas être constamment parfait. Le texte original en anglais est considéré comme la version officielle, et toute discordance entre l'original et les traductions automatiques ne pourra être considérée comme juridiquement contraignante.

Est-ce que cela vous a aidé?

Les commentaires que vous soumettez ici sont utilisés uniquement pour aider à améliorer cette page.

C'est génial! Merci pour votre avis!

Merci pour votre avis!