Geavanceerde functie: Deze functie wordt aanbevolen voor gevorderde gebruikers en vereist programmeren.
Waarschuwing: Widgetcallbacks werken niet voor Wix-sites. Wix gebruikt sandboxed iframes die de functionaliteit van Universe-widgets en alle andere widgets van derden beperkt. We hebben echter wel een hulppagina over hoe je Universe-widgets kunt insluiten op je Wix-site. Nogmaals, we raden aan om dit grondig te testen voordat je jouw Wix-pagina publiceert, omdat dit een tijdelijke oplossing is en het niet de bedoeling is om Wix op deze manier te gebruiken.
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.
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.
Een eenvoudige Widgetcallbackfunctie die het meest gebruikt wordt, is de automatische omleiding naar een webpagina-URL.
Widgetcallbacks kunnen bijvoorbeeld gebruikt worden om je kopers door te verwijzen naar een bedankpagina of URL van een webpagina, nadat de koper een kaartje via je website heeft gekocht. Om dit te doen, moet jQuery zijn ingeschakeld op je website. Als je jQuery van Google wilt gebruiken, voeg je het volgende script toe aan de koptekst van je pagina:
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:
<script type="text/javascript">
document.addEventListener('unii:ticket:purchased', function (event) {
setTimeout(function() {
window.location.assign('THANK_YOU_PAGE_URL);
}, 10000);
}, false);
</script>
document.addEventListener('unii:ticket:purchased', function (event) {
setTimeout(function() {
window.location.assign('THANK_YOU_PAGE_URL);
}, 10000);
}, false);
</script>
Opmerking: Vervang 'THANK_YOU_PAGE_URL' door de webpagina-URL waarnaar je wilt verwijzen.
Opmerking: de '10000' in de bovenstaande code is de tijd die gebruikt wordt om mensen van het reserveringsbevestigingsscherm van Universe door te sturen naar jouw bedankpagina. Je kunt deze tijd aanpassen om korter of langer te zijn. Dit aantal is in milliseconden, dus 10000 is 10 seconden, 5000 is 5 seconden, etc.
Voor gevorderde gebruikers; je kunt de callbackfunctie van de widget aanpassen om specifiekere acties uit te voeren.
Evenementen
De volgende JS-Evenementen worden geactiveerd op een pagina waar embed.js is opgenomen in onze Widget:
unii:closed
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.
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');
});
Om nog verder te gaan, kunnen gevorderde gebruikers hun Widgetcallbacks aanpassen door extra informatie op te nemen, nadat het kaartje gekocht is en het pop-over-venster gesloten is, om meer gegevens te verzamelen.
Gebeurtenisgegevens
unii:ticket:purchased is een speciaal geval waarin we aanvullende informatie verstrekken. Het gebeurtenisargument heeft een detaileigenschap die de volgende gegevens bevat:
$(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
}
]
}
$(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:
document.addEventListener('unii:ticket:purchased', function (event) {
document.addEventListener ('unii:closed', function (event) {
console.log("Kaartje is gekocht en venster was gesloten")
}, false);
}, false);
}, 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:
document.addEventListener('unii:ticket:purchased', function (event) {
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);
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.