Fonctionnalité avancée : cette fonctionnalité est recommandée aux utilisateurs avancés et nécessite un codage.
Les rappels de widget sont utiles si vous vendez des billets sur votre site web avec le widgetUniverse et si vous souhaitez définir des actions personnalisées (par exemple, rediriger vers une certaine page) une fois qu'une personne a acheté un billet. Les rappels de Widget sont utiles pour suivre vos conversions issues de la publicité. Veuillez noter qu'en raison de différents facteurs (bloqueurs de scripts, bloqueurs de publicité, etc.), tous les événements ne peuvent être suivis et ces données vous sont fournies sans garantie.
Une fonctionnalité simple de rappel de widget la plus couramment utilisée est la redirection automatique vers une URL de page Web.
Par exemple, les rappels de widgets peuvent être utilisés pour diriger vos acheteurs vers une page de remerciement ou toute autre URL de page web, après que l'acheteur ait acheté un billet sur votre site web. Pour ce faire, vous devez avoir chargé jQuery sur votre site. Pour utiliser jQuery à partir de Google, ajoutez le script suivant à l'en-tête de votre page :
Pour mettre en place des redirections automatiques, le morceau de code suivant doit être collé dans la source de la page d'enregistrement ou sous le script jQuery dans l'en-tête :
< ; script type="text/javascript"> ;
document.addEventListener('unii:ticket:purchased', function (event) {
setTimeout(fonction() {
window.location.assign('THANK_YOU_PAGE_URL') ;
}, 10000);
}, false) ;
< ; /script> ;
document.addEventListener('unii:ticket:purchased', function (event) {
setTimeout(fonction() {
window.location.assign('THANK_YOU_PAGE_URL') ;
}, 10000);
}, false) ;
< ; /script> ;
Remarque : Remplacez « THANK_YOU_PAGE_URL » par l'URL de la page web vers laquelle vous souhaitez rediriger.
Remarque : le nombre « 10000 » dans le code ci-dessus correspond au temps nécessaire pour rediriger les personnes de l'écran de confirmation de la réservation d'Universe vers votre page de remerciement. Vous pouvez l'ajuster pour qu'elle soit plus courte ou plus longue. Ce nombre est exprimé en millisecondes, donc 10 000 correspond à 10 secondes, 5 000 à 5 secondes, etc.
Pour les utilisateurs plus avancés, vous pouvez personnaliser la fonction de rappel de widget pour effectuer des actions plus spécifiques.
Événements
Les événements JS suivants se déclencheront sur une page où embed.js est inclus dans notre widget :
unii:closed
Envoyé au document lorsque la fenêtre contextuelle du widget est fermée. Ne présume rien de l'état de la fenêtre contextuelle, ni de la transaction de l'utilisateur.
unii:ticket:purchased
Envoyé au document immédiatement après la réussite de la transaction. Ne présume pas que la fenêtre a été fermée.
unii:opened
Envoyé au document lorsque la fenêtre contextuelle du widget est ouverte. Cet événement se déclenchera à nouveau si la fenêtre contextuelle est fermée et rouverte.
Envoyé au document lorsque la fenêtre contextuelle du widget est fermée. Ne présume rien de l'état de la fenêtre contextuelle, ni de la transaction de l'utilisateur.
unii:ticket:purchased
Envoyé au document immédiatement après la réussite de la transaction. Ne présume pas que la fenêtre a été fermée.
unii:opened
Envoyé au document lorsque la fenêtre contextuelle du widget est ouverte. Cet événement se déclenchera à nouveau si la fenêtre contextuelle est fermée et rouverte.
Conseil : vous pouvez écouter ces événements. Par exemple :
document.addEventListener('unii:closed', function (event) { console.log('Window was closed'); }, false);
document.addEventListener('unii:ticket:purchased', function (event) {
console.log('Ticket was purchased');
}, false);
Si vous utilisez jQuery, ce qui suit fonctionnera avec les versions >= 1.7 :
$(document).on('unii:closed', function(event) {
console.log('Window was closed');
});
Pour aller encore plus loin, les utilisateurs avancés peuvent personnaliser les rappels de leur widget en incluant des informations supplémentaires après l'achat du billet et la fermeture de la fenêtre contextuelle afin de recueillir davantage de données.
Informations sur l'événement
« unii:ticket:purchased » est un cas particulier pour lequel nous fournissons des informations supplémentaires. L'argument de l’évènement possède une propriété de détail qui contient les données suivantes :
$(document).on('unii:ticket:purchased', function(event) {
console.log(event.detail) ;
});
L'objet event.detail a la structure suivante :
$(document).on('unii:ticket:purchased', function(event) {
console.log(event.detail) ;
});
L'objet event.detail a la structure suivante :
{
« commission » : nombre,
« Crédits appliqués » : Nombre,
« réduction » : nombre,
« frais » : Nombre,
« accomplissement » : nombre,
« sous-total » : Nombre,
« paiement » : nombre,
« prix » : nombre,
« identifiant de billet » : Chaîne,
« coûts_articles » : [
{
« identifiant » : Chaîne,
« commission » : Nombre,
« devise » : Nombre,
« réduction » : Nombre,
« description » : Chaîne,
« frais » : Nombre,
« prix » : Nombre,
« identifiant_tarif » : chaîne
}
]
}
Note : Cela vous permet de créer des rapports analytiques personnalisés concernant les conversions par type de billet, ou une page de reçu personnalisée, etc...
Exemples
Si vous souhaitez appeler une fonction une fois qu'un billet a été acheté et que la fenêtre contextuelle a été fermée, vous pouvez d'abord écouter l'événement d'achat du billet, puis ajouter un écouteur d'événement pour l'événement de fermeture. De cette manière, vous ne pouvez exécuter une fonction que lorsque les deux se sont produits :
document.addEventListener('unii:ticket:purchased', function (event) {
document.addEventListener('unii:closed', function (event) {
console.log(« Ticket achetée et fenêtre fermée »)
}, false);
}, false);
}, false);
Un autre exemple est le suivi des achats de billets par google analytics. Après avoir configuré une mesure personnalisée avec un format « devise », vous pouvez utiliser le code suivant pour suivre les achats de billets :
document.addEventListener('unii:ticket:purchased', function (event) {
if (placement libre) {
Placement libre (« envoi », « évènement », « catégorie », « action », {
// Remplacez « metric1 » par l'ID de la métrique que vous avez créée pour suivre les achats de billets.
'metric1' : event.detail.fulfillment
});
}
}, faux) ;
if (placement libre) {
Placement libre (« envoi », « évènement », « catégorie », « action », {
// Remplacez « metric1 » par l'ID de la métrique que vous avez créée pour suivre les achats de billets.
'metric1' : event.detail.fulfillment
});
}
}, faux) ;