Widgetcallbacks zijn handig als je kaartjes verkoopt op je website met de Universe-Widget en je aangepaste acties wilt instellen (bijvoorbeeld doorverwijzen naar een bepaalde pagina), zodra iemand een kaartje koopt. Widgetcallbacks zijn handig voor het bijhouden van je omzet via advertenties. Houd er rekening mee dat vanwege verschillende factoren (scriptblokkers, adblockers enz.) niet alle evenementen kunnen worden gevolgd en deze gegevens worden zonder garantie aan je verstrekt.
Om automatische omleidingen in te stellen, moet het volgende stuk code in de bron van de registratiepagina, of onder het jQuery-script in de koptekst, worden geplakt:
document.addEventListener('unii:ticket:purchased', function (event) {
setTimeout(function() {
window.location.assign('THANK_YOU_PAGE_URL);
}, 10000);
}, false);
</script>
Evenementen
Wordt uitgezonden om te documenteren wanneer de pop-over-Widget is gesloten. Neemt niets over de staat van de pop-over aan, of de transactie van de gebruiker.
unii:ticket:purchased
Wordt uitgezonden om onmiddellijk te documenteren wanneer de transactie is geslaagd. Neemt niet aan dat het venster gesloten is.
unii:opened
Wordt uitgezonden om te documenteren wanneer de pop-over-Widget wordt geopend. Deze gebeurtenis wordt opnieuw geactiveerd in het geval dat de pop-over wordt gesloten en opnieuw wordt geopend.
Tip: Er kan naar deze gebeurtenissen worden geluisterd. Bijvoorbeeld:
document.addEventListener('unii:closed', function (event) {console.log('Window was closed');}, false);
document.addEventListener('unii: ticket:purchased', function (event) {
console.log('Kaartje is verkocht');
}, false);
Als je jQuery gebruikt, zou het volgende in versies >= 1.7 moeten werken:
$(document).on('unii:closed', function(event) {
console.log ('Venster werd gesloten');
});
Gebeurtenisgegevens
$(document).on('unii:ticket:purchased', function (event) {
console.log(event.detail);
});
Het event.detail-onderwerp heeft de volgende structuur:
{
"commission": Number,
"credits_applied": Number,
"discount": Number,
"fee": Number,
"fulfilment": Number,
"subtotal": Number,
"payment": Number,
"Price": Number,
"ticket_id": String,
"cost_items": [
{
"id": String,
"commission": Number,
"currency": Number,
"discount": Number,
"description": String,
"fee": Number,
"price": Number,
"rate_id": String
}
]
}
Opmerking: hiermee kun je aangepaste rapporteringgegevens koppelen met betrekking tot omzet per kaarttype, of een aangepaste factuurpagina, enzovoort...
Voorbeelden
Als je een functie wilt oproepen als een kaartje eenmaal is verkocht en de pop-over gesloten is, kun je eerst luisteren naar de gebeurtenis van kaartverkoop - en vervolgens een eventlistener toevoegen voor de sluiting van de gebeurtenis. Op deze manier kun je een functie alleen uitvoeren als beide zich hebben voorgedaan:
}, false);
Een ander voorbeeld is het bijhouden van de kaartverkoop via Google Analytics, na het instellen van een aangepaste statistiek met een "valuta"-indeling, zou je de volgende code kunnen gebruiken om de kaartverkoop bij te houden:
if (ga) {
ga('send', 'event', 'category', 'action', {
// Vervang `metric1` door het ID van de statistiek die je hebt gemaakt om de verkoop van kaartjes bij te houden
'metric1': event.detail.fulfillment
});
}
}, false);
Opmerkingen
0 opmerkingen
Artikel is gesloten voor opmerkingen.