const enviroment = 'https://dev.';
//DATOS DE USUARIO
const email = vsm.session.email != "" ? vsm.session.email : "";
const idUser = vsm.session.id != "" ? vsm.session.id : "";
const userName = vsm.session.title != "" ? vsm.session.title : "";
const isSuscriber = site.session.isSuscriber() && site.session != undefined ? "Suscriptor" : "Usuario";
let dateTime = new Date();
dateTime = `${dateTime.getDate()}/${dateTime.getMonth()}/${dateTime.getFullYear()} - hora ${dateTime.getHours()}:${dateTime.getMinutes()}`
let main = document.querySelector('.main-container');
let block = main.querySelectorAll('div.block');
let isMatch = false
let url = ""
//SELECTORES DE LA Genericos
const ulOptions = document.querySelector('.session-options');
const ItemsList = ulOptions.querySelectorAll('li');
const perfil = ItemsList[1].querySelector('a');
let globalZones = [
{ name: "Header", selector: '#page-header' },
{ name: "Footer", selector: '#page-footer' },
]
let listenersHome = [
`.block article.item`,
`.locked a`,
`.columnists .items article.item`
]
let interactionHome = {
name: "Home"
}
function GenerateContentZones(names, selectors) {
let ContentZones = [];
if (names.length === selectors.length) {
let size = names.length
for (let i = 0; i < size; i++) {
let ContentZone = {
name: names[i],
selector: selectors[i]
}
ContentZones.push(ContentZone)
}
}
return ContentZones;
}
function GenerateListeners(elements) {
let listeners = [];
if (elements.length > 0) {
for (let i = 0; i < elements.length; i++) {
if (elements[i] == elements[0]) {
let myEventsBlock = SalesforceInteractions.listener("click", elements[i], (e) => {
let main = document.querySelector('.main-container');
let blocks = main.querySelectorAll('div.block');
var block1 = blocks[0].querySelectorAll('article.item');
var block2 = blocks[1].querySelectorAll('article.item');
sendDataFromHomeBlocks("Click, Article from home (Bloque1)", e.currentTarget, block1)
sendDataFromHomeBlocks("Click, Article from home (Bloque2)", e.currentTarget, block2)
})
listeners.push(myEventsBlock)
} else {
let myEvents = SalesforceInteractions.listener("click", `${elements[i]}`, (e) => {
console.log(e.target)
SalesforceInteractions.sendEvent({
interaction: {
name: "Botón " + SalesforceInteractions.cashDom(e.target).text(),
attributes: {
userIdCms: idUser,
name: userName,
lastName: userName,
isSuscriber: isSuscriber,
emailAddress: email,
continueUrl: url
},
},
});
})
listeners.push(myEvents)
}
}
}
console.log(listeners)
return listeners;
}
function sendDataFromHomeBlocks(nameEvent, target, container) {
for (let i = 0; i < container.length; i++) {
if (target === container[i]) {
console.log(nameEvent)
SalesforceInteractions.sendEvent({
interaction: {
name: nameEvent,
},
user: {
identities: {
emailAddress: email
},
attributes: {
name: userName
}
}
});
break;
}
}
}
function PageType(name, myUrl, interaction, myEvents) {
this.name = name;
this.interaction = interaction;
this.isMatch = () => {
let url = window.location.href;
if (url.includes('?') || url.includes('/')) {
url = url.slice(0, window.location.href.lastIndexOf('?'));
}
isMatch = (url === `${enviroment}${myUrl}` ? true : false);
return isMatch;
};
this.listeners = GenerateListeners(myEvents);
}
const home = new PageType("Home", "cronista.com", interactionHome, listenersHome);
function Pages() {
return [home]
}
SalesforceInteractions.init({
cookieDomain: "cronista.com",
}).then(() => {
const sitemapConfig = {
global: {
onActionEvent: (actionEvent) => {
url = window.location.href
if (email) {
actionEvent.user = actionEvent.user || {};
actionEvent.user.attributes = actionEvent.user.attributes || {};
actionEvent.user.identities = actionEvent.user.identities || {};
actionEvent.user.attributes.URL || {};
actionEvent.user.attributes.contentZones || {};
actionEvent.user.attributes.emailAddress = email;
actionEvent.user.attributes.isSuscription = isSuscriber;
actionEvent.user.attributes.name = userName;
actionEvent.user.attributes.lastName = userName;
actionEvent.user.attributes.date = dateTime
actionEvent.user.identities.userIdCms = idUser;
}
return actionEvent;
},
contentZones: [
{ name: "Header", selector: '#page-header' },
{ name: "Footer", selector: '#page-footer' },
],
listeners: [
//Botón ingresá HEADER
SalesforceInteractions.listener("click", '#page-header-session-box .sign-in-button', (e) => {
SalesforceInteractions.sendEvent({
interaction: {
name: "Click Botón " + SalesforceInteractions.cashDom('#page-header-session-box .sign-in-button').text(),
attributes: {
userIdCms: idUser,
name: userName,
lastName: userName,
isSuscriber: isSuscriber,
emailAddress: email,
continueUrl: url
},
},
});
}),
//Botón suscripción
SalesforceInteractions.listener("click", `#page-header-middle .b-suscription`, () => {
SalesforceInteractions.sendEvent({
interaction: {
name: "Click Botón " + SalesforceInteractions.cashDom(`#page-header-middle .b-suscription`).text(),
attributes: {
name: userName,
lastName: userName,
isSuscriber: isSuscriber,
continueUrl: url
},
user: { identities: { emailAddress: email, userIdCms: idUser } },
},
});
}),
//Menu Hamburguesa
SalesforceInteractions.listener("click", `.svg-icon.menu`, (e) => {
SalesforceInteractions.sendEvent({
interaction: {
name: "Click Botón menu",
},
});
}),
//Botón desplegable perfil
SalesforceInteractions.listener("click", `#page-header-session-box .session`, (e) => {
if (e.target.innerText != "Mi perfil" && e.target.innerText != "Cerrar sesión" && e.target.innerText != email) {
SalesforceInteractions.sendEvent({
interaction: {
name: "Click Botón desplegable Menu perfil",
},
});
}
}),
//Botón perfil
SalesforceInteractions.listener("click", `${perfil.tagName}`, (e) => {
if (e.target.innerText == "Mi perfil") {
SalesforceInteractions.sendEvent({
interaction: {
name: "Click Botón Mi perfil",
},
});
}
}),
//TAGS
SalesforceInteractions.listener("click", `#main-menu ul li a`, (e) => {
switch (e.currentTarget.innerText) {
case "EDICIÓN IMPRESA":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TAG: " + SalesforceInteractions.cashDom(e.currentTarget).text(),
},
});
break;
case "DÓLAR":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TAG: " + SalesforceInteractions.cashDom(e.currentTarget).text(),
},
});
break;
case "DÓLAR BLUE":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TAG: " + SalesforceInteractions.cashDom(e.currentTarget).text(),
},
});
break;
case "QUIÉN ES QUIÉN":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TAG: " + e.target.innerText,
},
});
break;
}
}),
//Tickers
SalesforceInteractions.listener("click", ".piece.markets.standard ul li", (e) => {
switch (e.currentTarget.querySelector("a span.name").innerText) {
case "DÓLAR BLUE":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TICKER: " + SalesforceInteractions.cashDom(e.currentTarget.querySelector("a span.name")).text(),
},
});
break;
case "DÓLAR BNA":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TICKER: " + SalesforceInteractions.cashDom(e.currentTarget.querySelector("a span.name")).text(),
},
});
break;
case "DÓLAR MEP":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TICKER: " + SalesforceInteractions.cashDom(e.currentTarget.querySelector("a span.name")).text(),
},
});
break;
case "DÓLAR TARJETA":
SalesforceInteractions.sendEvent({
interaction: {
name: "Click TICKER: " + SalesforceInteractions.cashDom(e.currentTarget.querySelector("a span.name")).text(),
},
});
break;
}
}),
],
},
pageTypeDefault: {
name: "default",
interaction: {
name: "Default Page",
}
},
pageTypes: Pages()
};
SalesforceInteractions.initSitemap(sitemapConfig);
});