Fonction avancée : Cette fonctionnalité est recommandée aux utilisateurs avancés et nécessite uncodage .
Attention : les rappels de widgets ne fonctionnent pas pour les sites Wix.Wix utilise des iframes en sandbox qui limitent la fonctionnalité des widgets Universe et de tous les autres widgets tiers. Cependant, nous avons un article d'aide pour une solution de contournement concernant lafaçon d'intégrer les widgets Universe sur votre site wix. Encore une fois, nous vous recommandons d'effectuer destests approfondis avant de publier votre page wix, car il s’agit d'une solution de contournement et non de la manière dont wix est destiné à être utilisé.
Les rappels de widget sont utiles si vous vendez des billets sur votre site Web avec le widget Universe et souhaitez définir des actions personnalisées (par exemple, une redirection vers une certaine page) une fois que quelqu'un a acheté un billet. Les rappels de Widget sont utiles pour suivre vos conversions provenant de la publicité. Veuillez noter qu'en raison de différents facteurs (bloqueurs de script, bloqueurs de publicité, etc.), tous les événements ne peuvent pas être suivis et ces données vous sont fournies sans aucune garantie.
Les rappels de widget sont utiles si vous vendez des billets sur votre site Web avec le widget Universe et souhaitez définir des actions personnalisées (par exemple, une redirection vers une certaine page) une fois que quelqu'un a acheté un billet. Les rappels de Widget sont utiles pour suivre vos conversions provenant de la publicité. Veuillez noter qu'en raison de différents facteurs (bloqueurs de script, bloqueurs de publicité, etc.), tous les événements ne peuvent pas être suivis et ces données vous sont fournies sans aucune garantie.
Une fonctionnalité simple de rappel de widget qui est la plus couramment utilisée est la redirection automatique vers une URL de page Web.
Par exemple, les rappels de widget peuvent être utilisés pour diriger vos acheteurs vers une page de remerciement ou vers toute URL de page Web, une fois que l'acheteur a acheté un billet sur votre site Web. Pour ce faire, jQuery doit être chargé sur votre site. Pour utiliser jQuery depuis Google, ajoutez le script suivant à l'en- tête de votre page :
Pour configurer des redirections automatiques, vous devez coller le code suivant dans la source de la page d'inscription ou sous le script jQuery dans l'en-tête :
<script type="text/javascript">
document.addEventListener('unii:ticket:purchased', fonction (event) {
setTimeout(function() {
window.location.assign('URL_DE_LA_PAGE_DE_REMERCIEMENT');
}, 10000);
}, false);
</script>
document.addEventListener('unii:ticket:purchased', fonction (event) {
setTimeout(function() {
window.location.assign('URL_DE_LA_PAGE_DE_REMERCIEMENT');
}, 10000);
}, false);
</script>
Remarque : remplacez «URL_DE_LA_PAGE_DE_REMERCIEMENT» par l'URL de la page Web à rediriger.
Remarque : le '10000' dans le code ci-dessus est le temps nécessaire pour rediriger les personnes de l'écran de confirmation de réservation Universe vers votre page de remerciement. Vous pouvez ajuster celui-ci pour qu'il soit plus court ou plus long. Ce nombre est en millisecondes, donc 10000 valent 10 secondes, 5000 valent 5 secondes, etc.
Pour les utilisateurs plus avancés, vous pouvez personnaliser la fonctionnalité 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 avec notre widget :
unii:closed
Envoyé au document lorsque le widget contextuel est fermé. N'assume rien sur l'état de la fenêtre contextuelle ni sur la transaction de l'utilisateur.
unii:ticket:purchased
Envoyé au document immédiatement une fois la transaction réussie. Ne présume pas que la fenêtre a été fermée.
unii:opened
Envoyé au document lorsque le widget contextuel est ouvert. Cet événement sera re-déclenché dans l'éventualité où la pop-over serait fermée et ré-ouverte.
Envoyé au document lorsque le widget contextuel est fermé. N'assume rien sur l'état de la fenêtre contextuelle ni sur la transaction de l'utilisateur.
unii:ticket:purchased
Envoyé au document immédiatement une fois la transaction réussie. Ne présume pas que la fenêtre a été fermée.
unii:opened
Envoyé au document lorsque le widget contextuel est ouvert. Cet événement sera re-déclenché dans l'éventualité où la pop-over serait fermée et ré-ouverte.
Astuce : Ces événements peuvent être écoutés. Par exemple :
document.addEventListener('unii:closed', function (event) { console.log('Window was closed'); }, false);
document.addEventListener('unii:ticket:purchased', function (event) {
console.log ('Le billet a été acheté');
}, false);
Si vous utilisez jQuery, ce qui suit fonctionnera dans les versions >= 1.7 :
$(document).on('unii:closed', function(event) {
console.log ('La fenêtre a été fermée');
});
Pour aller encore plus loin, les utilisateurs avancés peuvent personnaliser les rappels de leurs widgets en incluant des informations supplémentaires après l'achat du ticket et la fermeture de la fenêtre contextuelle pour collecter plus de données.
Informations sur l'événement
unii:ticket:purchased est un cas particulier dans lequel nous fournissons des informations supplémentaires. L'argument de l'évènement a une propriété de détail contenant les données suivantes :
$(document).on('unii:ticket:purchased', function(event) {
console.log(event.detail);
});
L'objet event.detail possède la structure suivante :
"commission" : nombre,
"credits_applied" : nombre,
"discount" : nombre,
"fee" : nombre,
"fulfillment" : nombre,
"subtotal" : nombre,
"payment" : nombre,
"price" : nombre,
"ticket_id" : chaîne,
"cost_items" : [
{
"id" : chaîne,
"commission" : nombre,
"currency" : nombre,
"discount" : nombre,
"description" : chaîne,
"fee" : nombre,
"price" : nombre,
"rate_id" : chaîne
}
]
}
$(document).on('unii:ticket:purchased', function(event) {
console.log(event.detail);
});
L'objet event.detail possède la structure suivante :
{"commission" : nombre,
"credits_applied" : nombre,
"discount" : nombre,
"fee" : nombre,
"fulfillment" : nombre,
"subtotal" : nombre,
"payment" : nombre,
"price" : nombre,
"ticket_id" : chaîne,
"cost_items" : [
{
"id" : chaîne,
"commission" : nombre,
"currency" : nombre,
"discount" : nombre,
"description" : chaîne,
"fee" : nombre,
"price" : nombre,
"rate_id" : chaîne
}
]
}
Remarque : Cela vous permet de créer des rapports d'analyse personnalisés concernant les conversions par type de ticket, une page de confirmation personnalisée, etc.
Exemples
Si vous souhaitez appeler une fonction une fois qu'un billet a été acheté et que la fenêtre contextuelle est 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 clôture. 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 ("Le billet a été acheté et la fenêtre a été fermée")
}, false);
}, false);
}, false);
Un autre exemple est le suivi des achats de billets via Google analytics. Après avoir configuré une métrique personnalisée au format "devise", vous pouvez utiliser le code suivant pour suivre les achats de billets :
document.addEventListener('unii:ticket:purchased', fonction(event) {
if (ga) {
ag('send', 'event', 'category', 'action', {
// Remplacez "métrique1" par l'identifiant de la métrique que vous avez créée pour suivre les achats de billets
'métrique1':event.detail.fulfillment
});
}
}, false);
if (ga) {
ag('send', 'event', 'category', 'action', {
// Remplacez "métrique1" par l'identifiant de la métrique que vous avez créée pour suivre les achats de billets
'métrique1':event.detail.fulfillment
});
}
}, false);
Commentaires
0 commentaire
Cet article n'accepte pas de commentaires.