"// *****************************************
// Trackt die einzelnen Stufen im Piano Checkout-Prozess.
// Piano-VX übermittelt in den einzelnen Stufen Message-Events. Für diese werden hier entsprechende Event-Handler angelegt.
// Die Event-Handler propagieren die Events dann entsprechend in Richtung DMP und Matomo.
// *****************************************
// *****************************************
// tp-(Piano Composer)- und cX-(Piano DMP)-Objekte vorbereiten und die Grundkonfiguration anlegen.
// *****************************************
tp = window["tp"] || [];
var cX = window.cX = window.cX || {};
cX.callQueue = cX.callQueue || [];
if (window.cX && window.cX.callQueue)
{
console.log ("%c4879507 - cX init", "background-color:red; color: white;", "cX object created");
cX.callQueue.push(['setEventAttributes', { origin: 'leb-website', persistedQueryId: '2f6954c69235367df5b29db7e308695ae60929b7' }]);
}
// *****************************************
// Ermitteln, ob das Checkout Event auf einer Landingpage oder auf einem Artikel erzeugt wird.
// *****************************************
var checkout_art_id = "";
var event_name = "";
var cx_event_page = "";
var seiten_url = window.location;
seiten_url = seiten_url.toString();
var new_reg_exp = /id\d{7}/; //URL enthält eine Artikel-ID die mit id beginnt.
var checkout_art_id = seiten_url.match(new_reg_exp);
if (checkout_art_id === null)
{
new_reg_exp = /d\d{7}/; //URL enthält eine Artikel-ID die nur mit d beginnt.
checkout_art_id = seiten_url.match(new_reg_exp);
if (checkout_art_id === null)
{
checkout_art_id = seiten_url;
if (seiten_url.includes("_upgrades"))
{
event_name = "Checkout Events - Landingpage - Upgrades";
cx_event_page = "LP Upgrades";
}
else if (seiten_url.includes("_angebote"))
{
event_name = "Checkout Events - Landingpage - Angebote";
cx_event_page = "LP Angebote";
}
else if (seiten_url.includes("_winback"))
{
event_name = "Checkout Events - Landingpage - Winback";
cx_event_page = "LP Winback";
}
else if (seiten_url.includes("_promo"))
{
event_name = "Checkout Events - Landingpage - Promo";
cx_event_page = "LP Promo";
}
else if (seiten_url.includes("_test_lp"))
{
event_name = "Checkout Events - Landingpage - Test";
cx_event_page = "LP Test";
}
else if (seiten_url.includes("plus") === true && seiten_url.includes("plus_") === false && seiten_url.includes("onetzplus") === false )
{
event_name = "Checkout Events - Landingpage - Plus";
cx_event_page = "LP Plus";
}
else
{
event_name = "Checkout Events - Landingpage - Andere";
cx_event_page = "LP Andere";
}
}
else
{
checkout_art_id = checkout_art_id.toString();
checkout_art_id = checkout_art_id.substring(1);
event_name = "Checkout Events - Article";
cx_event_page = "Article";
}
}
else
{
checkout_art_id = checkout_art_id.toString();
checkout_art_id = checkout_art_id.substring(2);
event_name = "Checkout Events - Article";
cx_event_page = "Article";
}
console.log ("%c4879507 - "+ event_name, "background-color:red; color: white;", "Page: " + checkout_art_id);
// *****************************************
// Den Query-String der URL auf den GCLID-Parameter überprüfen.
// Falls dieser gefunden wird, wird an Matomo und die DMP ein entsprechendes Event geschickt.
// *****************************************
const searchParams = new URLSearchParams(window.location.search);
if ( searchParams.has('gclid')){
console.log ("%c4879507 - Promo Event", "background-color:red; color: white;", "GCLID found");
//Überprüfen, ob Matomo schon bereit ist. Wenn ja, wird ein entsprechendes Event an Matomo geschickt.
//Wenn nein, wird ein Interval mit max. 15 Wiederholungen gestartet.
if (typeof Matomo != "undefined") {
console.log ("%c4879507 - Promo Event", "background-color:red; color: white;", "Sending gclid found event.");
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent("Promo Event", "gclid found", checkout_art_id, 1);
}
else {
console.log("%c4879507 - Promo Event", "background-color:red; color:white;", "Matomo not ready. Starting interval.");
var matChkIntCnt = 0;
const matChkInt= setInterval(() => {
if (typeof Matomo != "undefined") {
clearInterval(matChkInt);
console.log ("%c4879507 - Promo Event", "background-color:red; color: white;", "Tracking gclid found event.");
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent("Promo Event", "gclid found", checkout_art_id, 1);
}
else if (typeof Matomo == "undefined" && matChkIntCnt >= 15) {
console.log ("%c4879507 - Promo Event", "background-color:red; color: white;", "Looped 15 times - Skipping Matomo Event.");
clearInterval(matChkInt);
}
else if (typeof Matomo == "undefined" && matChkIntCnt < 15) {
console.log("%c4879507 - Promo Event", "background-color:red; color:white;", "Matomo not ready. Counting... " + matChkIntCnt);
matChkIntCnt ++;
}
}, 100);
}
cX.callQueue.push(['sendEvent','om_promo_event',{evt_action: "gclid found", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - Promo Event cX", "background-color:red; color: white;", "Promo event - gclid found - response: " + result.httpStatus);
}
}]);
}
// *****************************************
// Piano-VX Checkout-Callback-Eventhandler
// Jedes Callback-Event löst ein DMP und ein Matomo-Event aus.
// *****************************************
// Custom-Events sind im Checkout manuell ausgelöste Events.
// *****************************************
tp.push(["addHandler", "checkoutCustomEvent", function(event) {
console.log ("%c4879507 - "+ event_name, "background-color:red; color: white;", "checkoutCustomEvent: " + event.eventName);
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
switch(event.eventName) {
case "just_login":
mtm_checkout_event.trackEvent(event_name, "CustomEvent - just login", checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "just_login", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - just_login: " + result.httpStatus);
}
}]);
break;
case "payment_paypal":
break;
case "payment_stripe":
break;
case "payment_other":
break;
}
}]);
// *****************************************
// Wird ausgelöst sobald ein Angebot angezeigt wird.
// *****************************************
tp.push(["addHandler", "showOffer", function(offerParams) {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "showOffer", checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "showOffer", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - showOffer: " + result.httpStatus);
}
}]);
var modal_list = document.getElementsByClassName("tp-modal");
for (x in modal_list) {
modal_list[x].classList.add("tp-modal-centered");
}
}]);
// *****************************************
// Wird ausgelöst sobald ein Kaufvorgang gestartet wird.
// *****************************************
tp.push( [ "addHandler", "startCheckout", function () {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "startCheckout", checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "startCheckout", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - startCheckout: " + result.httpStatus);
}
}]);
var modal_list = document.getElementsByClassName("tp-modal");
for (x in modal_list){
modal_list[x].classList.add("tp-modal-centered");
}
}]);
// *****************************************
// Wird ausgelöst sobald eine Zahlungsübermittlung gestartet wird.
// *****************************************
tp.push( [ "addHandler", "submitPayment", function (data) {
sessionStorage.setItem("payment_submitted","true");
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "submitPayment", checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "submitPayment", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - submitPayment: " + result.httpStatus);
}
}]);
}]);
// *****************************************
// Wird ausgelöst nachdem State 2 erreicht wurde und der Term sicher bekannt ist.
// *****************************************
tp.push(["addHandler", "checkoutSelectTerm", function(termDetails, iframeId) {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "checkoutSelectTerm - " + termDetails.termName, checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "checkoutSelectTerm", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - checkoutSelectTerm: " + result.httpStatus);
}
}]);
}]);
// *****************************************
// Überwacht verschiedene Schritte innerhalb des Checkout-Prozesses.
// *****************************************
tp.push(["addHandler", "checkoutStateChange", function(event) {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
console.log ("%c4879507 - "+ event_name, "background-color:red; color: white;", "checkoutStateChange: " + JSON.stringify(event.stateName) );
switch (event.stateName) {
case "offer":
//mtm_checkout_event.trackEvent(event_name, "checkoutStateChange - " + event.stateName, checkout_art_id, 1);
break;
case "state1":
mtm_checkout_event.trackEvent(event_name, "checkoutStateChange - " + event.stateName, checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "StateChange_State_1", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - StateChange_State_1: " + result.httpStatus);
}
}]);
break;
case "state2":
document.getElementsByClassName("tp-modal")[0].classList.add("tp-modal-centered");
mtm_checkout_event.trackEvent(event_name, "checkoutStateChange - " + event.stateName, checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "StateChange_State_2", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - StateChange_State_2: " + result.httpStatus);
}
}]);
if (sessionStorage.encMail){
window.PianoESP && "function" == typeof window.PianoESP.handleUserDataPromise && window.PianoESP.handleUserDataPromise({
email: atob(sessionStorage.encMail),
squads: [11338]
});
}
break;
case "alreadyHasAccess":
mtm_checkout_event.trackEvent(event_name, "checkoutStateChange - " + event.stateName, checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "alreadyHasAccess", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - alreadyHasAccess: " + result.httpStatus);
}
}]);
break;
case "confirmation":
mtm_checkout_event.trackEvent(event_name, "checkoutStateChange - " + event.stateName, checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "confirmation", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - confirmation: " + result.httpStatus);
}
}]);
break;
case "receipt":
if (!sessionStorage.payment_submitted){
sessionStorage.setItem("voucher_receipt_shown","true");
} else {
sessionStorage.removeItem("payment_submitted");
}
mtm_checkout_event.trackEvent(event_name, "checkoutStateChange - " + event.stateName, checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "receipt", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - receipt: " + result.httpStatus);
}
}]);
if (window.location.href.includes("onetzplus-abo-verwalten") === true){
sessionStorage.setItem("upgrade_done","true");
console.log ("%c4879507 - "+ event_name, "background-color:red; color: white;",
"sessionStorage.upgrade_done: " + sessionStorage.upgrade_done);
}
break;
}
}]);
// *****************************************
// Überwacht verschiedene Gründe, aus denen der Checkout geschlossen werden kann.
// *****************************************
tp.push(["addHandler", "checkoutClose", function(event) {
console.log ("%c4879507 - "+ event_name, "background-color:red; color: white;", "checkoutClose: " + JSON.stringify(event) );
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "checkoutClose - " + event.state, checkout_art_id, 1);
const nodeListModal = document.querySelectorAll("div.tp-modal");
for (const modalNode of nodeListModal) {
modalNode.classList.remove("tp-modal-centered");
}
switch (event.state) {
case 'checkoutCompleted':
if (sessionStorage.encMail){
window.PianoESP && "function" == typeof window.PianoESP.handleUserDataPromise && window.PianoESP.handleUserDataPromise ({
email: atob(sessionStorage.encMail),
squads: [11340]
});
}
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "Cl_checkoutCompleted", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - Cl_checkoutCompleted: " + result.httpStatus);
}
}]);
break;
case 'alreadyHasAccess':
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "Cl_alreadyHasAccess", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - Cl_alreadyHasAccess: " + result.httpStatus);
}
}]);
dnt_piano_finalize_checkout();
break;
case 'voucherRedemptionCompleted':
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "Cl_voucherRedemption", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - Cl_voucherRedemption: " + result.httpStatus);
}
}]);
if (sessionStorage.voucher_receipt_shown){
document.body.style.cursor = 'progress';
parent.postMessage({event_id: 'finish_purchase', code: 5555}, 'https://www.onetz.de');
sessionStorage.removeItem("voucher_receipt_shown");
}
break;
case 'close':
if (sessionStorage.encMail) {
window.PianoESP && "function" == typeof window.PianoESP.handleUserDataPromise && window.PianoESP.handleUserDataPromise ({
email: atob(sessionStorage.encMail),
squads: [11341]
});
}
var modal_list = document.getElementsByClassName("tp-modal");
for (x in modal_list){
modal_list[x].classList.remove("tp-modal-centered");
}
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "Close_only", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - Close_only: " + result.httpStatus);
}
}]);
break;
}
}]);
// *****************************************
// Wird ausgelöst wenn ein Kauf erfolgreich abgeschlossen wurde.
// *****************************************
tp.push(["addHandler", "checkoutComplete", function(conversion) {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "checkoutComplete", checkout_art_id, 1);
sessionStorage.setItem("hasResAccess", "true");
sessionStorage.setItem("hasPremiumAccess", "true");
window.PianoESP && "function" == typeof window.PianoESP.handleUserDataPromise && window.PianoESP.handleUserDataPromise ({
email: conversion.email,
squads: [933, 11340]
});
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "checkoutComplete", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - checkoutComplete: " + result.httpStatus);
}
}]);
CleverPush = window.CleverPush || [];
CleverPush.push(['trackEvent', 'Abokauf']);
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "CP Event sent.");
//upScore.data.conversion = 2;
//upScore.send_hit("pulse");
//dnt_piano_finalize_checkout();
}]);
// *****************************************
// Wird bei Fehlern innerhalb des Checkouts ausgelöst.
// *****************************************
tp.push(["addHandler", "checkoutError", function(errorData) {
console.log ("%c4879507 - "+ event_name, "background-color:red; color: white;", "checkoutError: " + errorData.message );
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "checkoutError: " + errorData.message, checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "checkoutError", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - checkoutError: " + result.httpStatus);
}
}]);
}]);
// *****************************************
// Wird ausgelöst wenn ein Upgrade erfolgreich gekauft wurde.
// *****************************************
tp.push(["addHandler", "completeUpgradePurchase", function(params) {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "completeUpgradePurchase", checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "completeUpgradePurchase", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - completeUpgradePurchase: " + result.httpStatus);
}
}]);
}]);
// *****************************************
// Funktion unbekannt - Event aus Logs abgeleitet. Tracking, um die Häufigkeit zu erfassen.
// *****************************************
tp.push(["addHandler", "onCheckoutClose", function() {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "onCheckoutClose", checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "onCheckoutClose", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - onCheckoutClose: " + result.httpStatus);
}
}]);
}]);
// *****************************************
// Funktion unbekannt - Event aus Logs abgeleitet. Tracking, um die Häufigkeit zu erfassen.
// *****************************************
tp.push(["addHandler", "purge", function() {
let mtm_checkout_event = Matomo.getAsyncTracker('https://matomo.oberpfalzmedien.de/matomo.php', 2);
mtm_checkout_event.trackEvent(event_name, "purge", checkout_art_id, 1);
cX.callQueue.push(['sendEvent','om_checkout_event',{evt_action: "purge", evt_page: cx_event_page, evt_art_id: checkout_art_id},
{'callback': function(result) {
console.log ("%c4879507 - cX event", "background-color:red; color: white;", "cX Event - purge: " + result.httpStatus);
}
}]);
}]);"
onetz🔒 SSL Verified