Avanceret funktion: Denne funktion anbefales til avancerede brugere og kræver kodning.
Widget Callbacks er nyttige, hvis du sælger billetter på din hjemmeside med Universe Widget og gerne vil indstille tilpassede handlinger (f.eks. omdirigering til en bestemt side), når nogen køber en billet. Widget Callbacks er nyttige til at spore dine konverteringer fra reklamer. Bemærk venligst at på grund af forskellige faktorer (scriptblokkere, annonceblokkere osv.) kan ikke alle begivenheder spores, og disse data leveres til dig uden garantier.
En simpel widget callback-funktion der oftest bruges, er den automatiske omdirigering til en hvilken som helst webside-URL.
For eksempel kan Widget Callbacks bruges til at dirigere dine købere til en takkeside eller en hvilken som helst webside-URL, efter at køber har købt en billet fra din hjemmeside. For at gøre det, skal du have jQuery indlæst på din hjemmeside. For at bruge jQuery fra Google skal du tilføje følgende script til din sides header:
For at opsætte automatiske omdirigeringer skal følgende stykke kode indsættes i registreringssidens kilde eller under jQuery-scriptet i headeren:
<script type="text/javascript">
document.addEventListener('unii:billet:købt', funktion (begivenhed) {
setTimeout(funktion() {
window.location.assign('THANK_YOU_PAGE_URL');
}, 10000);
}, falsk);
< / script >
document.addEventListener('unii:billet:købt', funktion (begivenhed) {
setTimeout(funktion() {
window.location.assign('THANK_YOU_PAGE_URL');
}, 10000);
}, falsk);
< / script >
Bemærk: Erstat 'THANK_YOU_PAGE_URL' med en hvilken som helst webside-URL, du gerne vil omdirigere til.
Bemærk: '10000' i koden ovenfor er den tid det vil tage at omdirigere folk fra Universe-reservationsbekræftelsesskærmen til din takkeside. Du kan justere den så den bliver kortere eller længere. Dette tal er i millisekunder, så 10000 er 10 sekunder, 5000 er 5 sekunder osv.
For mere avancerede brugere, kan du tilpasse widget callback-funktionen til at udføre mere specifikke handlinger.
Begivenheder
Følgende JS-begivenheder udløses på en side hvor embed.js er inkluderet i vores widget:
unii:lukket
Sendes til dokumentet, når pop op-Widgeten lukkes. Antager ikke noget om pop op-vinduets tilstand eller brugerens transaktion.
unii:billet:købt
Sendes til dokumentet med det samme, når transaktionen er vellykket. Går ikke ud fra, at vinduet er blevet lukket.
unii:åbnet
Sendes til dokumentet når pop op-widgeten åbnes. Denne begivenhed udløses igen hvis pop op-vinduet lukkes og åbnes igen.
Sendes til dokumentet, når pop op-Widgeten lukkes. Antager ikke noget om pop op-vinduets tilstand eller brugerens transaktion.
unii:billet:købt
Sendes til dokumentet med det samme, når transaktionen er vellykket. Går ikke ud fra, at vinduet er blevet lukket.
unii:åbnet
Sendes til dokumentet når pop op-widgeten åbnes. Denne begivenhed udløses igen hvis pop op-vinduet lukkes og åbnes igen.
Tip: Man kan lytte til disse begivenheder. Eksempelvis:
document.addEventListener ('unii: closed', function (event) {console.log ('Vinduet blev lukket');}, false);
document.addEventListener('unii:billet:købt', funktion (begivenhed) {
console.log('Billet blev købt');
}, falsk);
Hvis du bruger jQuery, vil følgende fungere i versioner >= 1.7:
$(document).on('unii:closed', function(event) {
console.log('Vinduet blev lukket');
});
For at gå endnu dybere, kan avancerede brugere tilpasse deres widget callbacks ved at inkludere yderligere oplysninger, når billetten er købt, og pop op-vinduet er lukket for at indsamle flere data.
Begivenhedsoplysninger
unii: billet: købt er et specialtilfælde, hvor vi giver yderligere oplysninger. Begivenhedsargumentet har en detaljeegenskab, som indeholder følgende data:
$(document).on('unii:billet:købt', function(event) {
console.log(event.detail);
});
Event.detail-objektet har følgende struktur:
$(document).on('unii:billet:købt', function(event) {
console.log(event.detail);
});
Event.detail-objektet har følgende struktur:
{
"provision": Antal,
"credits_applied": Antal,
"rabat": Antal,
"gebyr": Antal,
"opfyldelse": Antal,
"subtotal": Antal,
"betaling": Antal,
"pris": Antal,
"billet_id": Streng,
"omkostningsposter": [
{
"id": Streng,
"provision": Antal,
"valuta": Antal,
"rabat": Antal,
"beskrivelse": String,
"gebyr": Antal,
"pris": Antal,
"rate_id": Streng
}
]
}
Bemærk: Dette giver dig mulighed for at tilslutte brugerdefineret analyserapportering vedrørende konverteringer pr. billettype eller en brugerdefineret kvitteringsside osv...
Eksempler
Hvis du gerne vil fremkalde en funktion, når både en billet er blevet købt, og når pop op-vinduet er blevet lukket, kan du først lytte efter billetkøbshændelsen - og derefter tilføje en event-lytter til lukke-hændelsen. På den måde, kan du kun udføre en funktion, når begge dele er sket:
document.addEventListener ('unii: billet: købt', funktion (begivenhed) {
document.addEventListener ('unii: lukket', funktion (hændelse) {
console.log ("Billetten blev købt, og vinduet blev lukket")
}, false);
}, false);
}, false);
Et andet eksempel er sporing af billetkøb gennem google analytics. Når du har oprettet en brugerdefineret metrik med et "valuta"-format, kan du bruge følgende kode til at spore billetkøb:
document.addEventListener('unii:ticket:purchased', function(event) {
if (GA) {
GA('send', 'event', 'category', 'action', {
// Erstat `metric1` med ID'et på den metrik, du har oprettet til at spore billetkøb.
'metric1': event.detail.fulfillment
});
}
}, false);
if (GA) {
GA('send', 'event', 'category', 'action', {
// Erstat `metric1` med ID'et på den metrik, du har oprettet til at spore billetkøb.
'metric1': event.detail.fulfillment
});
}
}, false);