Avancerad funktion: Denna funktion rekommenderas för avancerade användare och kräver kodning.
Widget Callbacks är användbara om du säljer biljetter på din webbplats med Universe Widget och vill ställa in anpassade åtgärder (t.ex. omdirigera till en viss sida) när någon köper en biljett. Widget Callbacks är användbara för att spåra dina konverteringar från reklam. Observera att på grund av olika faktorer (skriptblockerare, annonsblockerare etc.) kan inte alla händelser spåras. Dessa uppgifter tillhandahålls till dig utan några garantier.
En enkel Widget callback är en funktion som oftast används för automatisk omdirigering till valfri webbadress.
Widget Callbacks kan t.ex. användas för att dirigera dina köpare till en tack-sida eller någon annan webbadress efter att köparen har köpt en biljett från din webbplats. För att göra detta måste du ha jQuery på din webbplats. För att använda jQuery från Google, lägg till följande skript i sidhuvudet på din sida:
För att ställa in automatiska omdirigeringar måste följande kod klistras in i källan på registreringssidan eller under jQuery-skriptet i rubriken:
<script type="text/javascript">
document.addEventListener('unii:ticket:purchased', function (event) {
setTimeout(funktion() {
window.location.assign('THANK_YOU_PAGE_URL');
}, 10000);
}, false);
</script>
document.addEventListener('unii:ticket:purchased', function (event) {
setTimeout(funktion() {
window.location.assign('THANK_YOU_PAGE_URL');
}, 10000);
}, false);
</script>
Ersätt "THANK_YOU_PAGE_URL" med valfri webbadress som du vill omdirigera till.
Obs: "10000" i koden ovan är den tid det tar att omdirigera personer från Universe bokningsbekräftelseskärm till din tacksida. Du kan justera detta för att vara kortare eller längre. Detta tal anges i millisekunder, så 10000 är 10 sekunder, 5000 är 5 sekunder o.s.v.
För mer avancerade användare kan du anpassa Widget callback- funktion så att den utför mer specifika åtgärder.
Händelser
Följande JS-händelse kommer att aktiveras på en sida där embed.js ingår i vår Widget:
unii:closed
Sänds för att dokumentera när pop-over Widget är stängd. Förutsätter ingenting om popup-objektets status eller användarens transaktion.
unii:ticket:purchased
Skickas till dokument omedelbart när transaktionen är framgångsrik. Förutsätter inte att fönstret har stängts.
unii:opened
Sänds för att dokumentera när pop-over Widget öppnas. Denna händelse kommer att utlösas igen om pop-uppen stängs och öppnas igen.
Sänds för att dokumentera när pop-over Widget är stängd. Förutsätter ingenting om popup-objektets status eller användarens transaktion.
unii:ticket:purchased
Skickas till dokument omedelbart när transaktionen är framgångsrik. Förutsätter inte att fönstret har stängts.
unii:opened
Sänds för att dokumentera när pop-over Widget öppnas. Denna händelse kommer att utlösas igen om pop-uppen stängs och öppnas igen.
Tips: dessa händelser kan analyseras. Till exempel:
document.addEventListener('unii:closed', function (event) { console.log('Window was closed'); }, false);
document.addEventListener('unii:ticket:purchased', function (event) {
console.log("Biljett köptes");
}, false);
Om du använder jQuery fungerar följande i versionerna >= 1.7:
$(document).on('unii:closed', function(event) {
console.log('Fönstret stängdes');
});
För att gå ännu djupare kan avancerade användare anpassa sina Widget callbacks genom att inkludera ytterligare information efter att biljetten har köpts och pop-over-fönstret har stängts för att samla in mer data.
Eventinformation
unii:ticket:purchased är ett specialfall där vi tillhandahåller ytterligare information. Händelser-argument har en detaljegenskap som innehåller följande data:
$(document).on('unii:ticket:purchased', function(event) {
console.log(event.detail);
});
Objektet event.detail har följande struktur:
$(document).on('unii:ticket:purchased', function(event) {
console.log(event.detail);
});
Objektet event.detail har följande struktur:
{
"commission": Antal,
"credits_applied": Antal
"discount": Antal,
"fee": Antal,
"fulfillment": Antal,
"subtotal": Antal,
"payment": Antal,
"price": Antal,
"ticket_id": Sträng,
"cost_items": [
{
"id": Sträng,
"commission": Antal,
"currency": Antal,
"discount": Antal,
"description": Sträng,
"avgift": Antal,
"price": Antal,
"rate_id": Sträng
}
]
}
Obs: Detta gör att du kan ansluta anpassad analysrapportering om konverteringar per ticket-typ, eller en anpassad kvittosida, etc...
Exempel
Om du vill anropa en funktion när både en biljett har köpts och popup-fönstret har stängts kan du först lyssna på händelsen för biljettköp - och sedan lägga till en event-lyssnare för stängningshändelsen. På så sätt kan du exekvera en funktion först när båda har inträffat:
document.addEventListener('unii:ticket:purchased', function (event) {
document.addEventListener('unii:closed', function (event) {
console.log("Biljetten köptes och fönstret stängdes")
}, false);
}, false);
}, false);
Ett annat exempel är att spåra biljettköp via google anlytics, efter att ha ställt in ett anpassat mått med ett "valuta"-format kan du använda följande kod för att spåra biljettköp:
document.addEventListener('unii:ticket:purchased', function (event) {
if (ga) {
ga('send', 'event', 'category', 'action', {
// Ersätt `metric1` med ID för den mätare du skapade för att spåra biljettköp
'metric1': event.detail.fulfillment
});
}
}, false);
if (ga) {
ga('send', 'event', 'category', 'action', {
// Ersätt `metric1` med ID för den mätare du skapade för att spåra biljettköp
'metric1': event.detail.fulfillment
});
}
}, false);