Ieguliet biļešu tirdzniecību savā vietnē
Ievads
Jūs varat pievienot pirkuma procesu savai vietnei, lai tas atvērtos virs jūsu lapas satura:
Pamata iestatīšana
Savā vietnē pievienojiet parastu saiti uz pasākuma lapu Fienta, piemēram:
<a href="https://fienta.com/event-name">Pirkt biļetes</a>Pievienojiet savai vietnei šo koda rindu. Tā atvērs saites uz Fienta pasākumiem tieši jūsu vietnē:
<script src="https://fienta.com/embed.js"></script>
Jūsu vietnē var būt vairākas saites uz vienu vai dažādiem Fienta pasākumiem.
Iekļaujiet embed.js tikai vienu reizi katrā lapā.
Piekrišana un izsekošana iegulšanas režīmā
Fienta iegulšana ievēro apmeklētāja piekrišanas izvēles jūsu vietnē. Ja pieejams, iegulšanas režīms izmanto IAB TCF piekrišanas signālu. Ja TCF nav pieejams, tas var nolasīt piekrišanu arī no izplatītām CMP sistēmām, piemēram, Cookiebot, CookieYes un OneTrust.
Ja nav pieejams neviens atbalstīts piekrišanas signāls, izsekošana paliek denied/default režīmā, tāpēc mārketinga un analītikas notikumi netiek aktivizēti, kamēr nav dota piekrišana.
Tipiskos iestatījumos papildu pielāgots integrācijas kods nav nepieciešams, tikai pārliecinieties, ka jūsu CMP ir pareizi konfigurēts un ielādēts lapā pirms embed.js.
Pielāgošana
Lai mainītu iegulšanas režīma fona krāsu, stūru noapaļojumu un citus parametrus, definējiet JavaScript objektu, kā redzams nākamajā piemērā. Šeit norādītās vērtības ir noklusējuma vērtības.
<script>
window.fientaSettings = {
// modālā loga fona krāsa
background: 'rgba(0,0,0,0.5)',
// modālā satura stūru noapaļojums
border_radius: '5px',
// saišu selektors, kas norāda uz Fienta pasākumu lapām
link_selector: 'a[href*="fienta.com"]',
// atsauces avota nosaukums
utm_source: 'homepage',
};
</script>
<script src="https://fienta.com/embed.js"></script>Ieviešot risinājumu, atstājiet tikai tos parametrus, kurus vēlaties mainīt.
Pasākuma apraksta un attēla rādīšana
Pēc noklusējuma mūsu iegulšanas režīms neiekļauj pasākuma aprakstu. To varat pievienot, norādot šo rindu window.fientaSettings:
descriptionEnabled: true,Lai parādītu aprakstu kā sākotnējo skatu, pievienojiet:
step: 'description',Lai parādītu pasākuma attēlu:
imageEnabled: true,Lai nodotu pircēja e-pasta adresi:
email: '[email protected]',Konkrētas biļetes iepriekšēja atlase
Ja jums ir vairāki biļešu tipi, atlase atveras bez iepriekš izvēlētas biļetes. Varat likt Fienta atlasīt konkrētu biļešu tipu, pievienojot URL parametru "ticket". Piemēram:
<a href="https://fienta.com/event-name?ticket=1234">Pirkt biļetes</a>Biļešu tipa ID atradīsiet pārlūka adreses joslā, kad to rediģējat, piemēram, https://fienta.com/my/ticket_types/1234/edit
“Izpārdots” un pieejamo biļešu skaita rādīšana
Katras lapas ielādes un apmeklētāja biļešu pirkuma laikā tiek aktivizēts notikums "onTicketsAvailableReady". Izmantojiet to, lai parādītu atlikušo biļešu skaitu vai pielāgotu savu HTML, piemēram, deaktivizējot saiti, kad tirdzniecība ir beigusies.
<script>
window.fientaSettings = {
onTicketsAvailableReady: function(elem, count) {
// elem - HTML a tags, kas norāda uz pasākumu fienta.com
// count - pieejamo biļešu skaits, iespējamās vērtības:
// true - pieejamas vairāk nekā 50 biļetes
// 1 .. 50 - pieejamo biļešu skaits
// 0 - pasākums ir izpārdots
// false - tirdzniecība ir beigusies
// rakstiet savu kodu šeit
}
}
</script>
<script src="https://fienta.com/embed.js"></script>Pilna koda piemērs
<script>
window.fientaSettings = {
background: 'rgba(255,0,0,0.5)',
border_radius: '0',
onTicketsAvailableReady: function(elem, count) {
if (count === true) {
// pieejamas vairāk nekā 50 biļetes
}
else if (count > 0) {
elem.text('Atlikušas tikai ' + count + ' biļetes');
}
else if (count === 0) {
elem.addClass('disabled').removeAttr('href').text('Izpārdots');
}
else if (count === false) {
elem.addClass('disabled').removeAttr('href').text('Tirdzniecība ir beigusies');
}
}
}
</script>
<script src="https://fienta.com/embed.js"></script>Iegulšanas režīma atvēršana no URL
Ir iespējams kopīgot saiti uz jūsu vietni un automātiski atvērt iegulšanas logu:
https://your-website.com/page?openEmbed=https://fienta.com/event-name