siteMapPerso

datafactor

11/17/2023 2:02:29 PM

Changes

dataFactor.js 236(+166 -70)

Details

dataFactor.js 236(+166 -70)

diff --git a/dataFactor.js b/dataFactor.js
index c6ff5b1..6ff9308 100644
--- a/dataFactor.js
+++ b/dataFactor.js
@@ -1,4 +1,8 @@
-const enviroment = 'https://dev.';
+let enviroment = "";
+let pages = []
+
+esURLValida(window.location.href)
+
 //DATOS DE USUARIO
 const email = vsm.session.email != "" ? vsm.session.email : "";
 const idUser = vsm.session.id != "" ? vsm.session.id : "";
@@ -9,80 +13,156 @@ dateTime = `${dateTime.getDate()}/${dateTime.getMonth()}/${dateTime.getFullYear(
 
 let isMatch = false
 let url = ""
-//SELECTORES y zonas Genericos
 
+//Zonas Genericas
 let globalZones = [
     { name: "Header", selector: '#page-header' },
     { name: "Footer", selector: '#page-footer' },
 ]
 
+//SELECTORES Genericos
 let globalListeners = [
-    '#page-header-session-box .sign-in-button',
-    `#page-header-middle .b-suscription`,
-    `.svg-icon.menu`,
-    `.session.with-avatar`,
-    `.session-options li:nth-child(2) a`,
-    `#main-menu ul li a`,
-    ".piece.markets.standard ul li"
+    { class: "#page-header-session-box .sign-in-button", labelName: 'Botón Ingresar' },
+    { class: "#page-header-middle .b-suscription", labelName: 'Botón Suscribite' },
+    { class: ".svg-icon.menu", labelName: 'Botón MENU sitio' },
+    { class: ".session.with-avatar", labelName: 'Botón MENU mi perfil' },
+    { class: ".session-options li:nth-child(2) a", labelName: 'Botón MI PERFIL' },
+    { class: "#main-menu ul li a", labelName: 'TAGS' },
+    { class: ".piece.markets.standard ul li", labelName: 'TICKERS' },
 ]
-//
 
-//SELECTORES y zonas Home
+//SELECTORES Home
 let homeListeners = [
-    `.section article.item`,
-    `.sectionfull article.item`,
-    `article.locked`,
-    `.columnists .items article.item`
+    { class: `.section article.item`, labelName: '' },
+    { class: `.sectionfull article.item`, labelName: '' },
+    { class: `article.locked`, labelName: 'Article Member from Home' },
+    { class: `.columnists .items article.item`, labelName: 'Clumnists from Home' },
+]
+
+//SELECTORES PayWall
+let payWallListeners = [
+    { class: `.page.suscripciones a.logo`, labelName: 'Botón - Header Logo El Cronista from Pay Wall' },
+    { class: `.suscripcion .items .item .button`, labelName: 'Quiero suscribirme' },
+    { class: `.suscripcion .items .item .list_items`, labelName: 'Botón - Mostrar detalles de  planes' },
+    { class: "#page-header-session-box .sign-in-button", labelName: 'Botón Ingresar From Pay wall' },
+    { class: `.otros-planes .otros-planes__item:first-child p a`, labelName: 'Botón - Plan Jubilado' },
+    { class: `.otros-planes .otros-planes__item:nth-child(2) p a`, labelName: 'Botón - Plan Estudiante' },
+    { class: `.page.suscripciones .whatsapp-wrapper`, labelName: 'Botón Whatsapp from Pay Wall' },
+    { class: `.footer-footer a:first-child`, labelName: 'Botón Terminos y condiciones from Pay Wall' },
+    { class: `.footer-footer a:nth-child(2)`, labelName: 'Botón Precios vigentes from Pay Wall' },
+]
+
+//SELECTORES Articulo
+let articleListeners = [
+    { class: `nav.breadcrumb ol li a span`, labelName: 'Breadcrumb' },
+    { class: `.speakText`, labelName: 'Botón Escuchar' },
+    { class: `#content-share`, labelName: 'Botón Compartir' },
+    { class: `.more-list .whatsapp`, labelName: 'Botón Compartir whatsapp' },
+    { class: `.more-list .facebook`, labelName: 'Botón Compartir facebook' },
+    { class: `.more-list .twitter`, labelName: 'Botón Compartir twitter' },
+    { class: `.more-list .linkedIn`, labelName: 'Botón Compartir linkedIn' },
+    { class: `.more-list .email`, labelName: 'Botón Compartir email' },
+    { class: `.more-list .comments`, labelName: 'Botón Compartir comments' },
+    { class: `#bookmark`, labelName: 'Botón Guardar' },
+    { class: `.b-suscription-full`, labelName: 'Botón/Caja: Queremos que seas parte de Members' },
 ]
 
+//Interacciones
 let homeInteractions = {
     name: "Home"
 }
-//
-function ReadHomeBlocks(target) {
-    let main = document.querySelector('.main-container');
-    let block1 = main.childNodes[0].querySelectorAll('article.item');
-    let block2 = main.childNodes[2].querySelectorAll('article.item')
-    sendDataFromHomeBlocks("Click, Article from home (Bloque1)", target, block1)
-    sendDataFromHomeBlocks("Click, Article from home (Bloque2)", target, block2)
+
+let payWallInteractions = {
+    name: "PayWall"
 }
 
-function ReadGlobalEvents(event) {
-    let dataName = SalesforceInteractions.cashDom(event.target).text()
-    let compareClass = "." + event.currentTarget.classList.value.replace(/\s+/g, '.')
+const home = new PageType("Home", "cronista.com", homeInteractions, homeListeners, false);
+const payWall = new PageType("PayWall", `cronista.com/suscripciones`, payWallInteractions, payWallListeners, false);
 
-    if (event.target.innerText == "Mi perfil") {
-        dataName = "Botón Mi perfil"
+if (document.querySelector("#pagecontent .news") || document.querySelector("#pagecontent .news-minisite") || document.querySelector("#pagecontent .news-es") || document.querySelector("#pagecontent .news-mx")) {
+    let interaction = {
+        name: SalesforceInteractions.CatalogObjectInteractionName.ViewCatalogObject,
+        catalogObject: {
+            type: "Article",
+            id: window.cronistaDataLayer[0].articleProperty.id,
+            attributes: {
+                url: window.location.href,
+                name: SalesforceInteractions.resolvers.fromSelector("#content-title"),
+                description: SalesforceInteractions.resolvers.fromSelector(".description"),
+                articleId: window.cronistaDataLayer[0].articleProperty.id.toString(),
+                seccion: window.cronistaDataLayer[0].articleProperty.category,
+                articleTitle: SalesforceInteractions.resolvers.fromSelector("#content-title"),
+                publishDate: SalesforceInteractions.resolvers.fromSelector(".author-date time"),
+                authorName: window.cronistaDataLayer[0].articleProperty.authorName,
+                canonicalUrl: window.cronistaDataLayer[0].articleProperty.canonica,
+                accessCondition: window.cronistaDataLayer[0].articleProperty.conditionsOfAccess
+            },
+        },
     }
+    let article = new PageType("Article", window.location.href, interaction, articleListeners, document.querySelector("#pagecontent .news"));
+    console.log(article.interaction)
+    pages.push(article)
+}
 
-    if (compareClass == globalListeners[3]) {
-        dataName = "Click Botón Desplegable MENU perfil"
-    }
+//[home, payWall, article]
+function Pages() {
+    pages.push(home, payWall)
+    return pages
+}
 
-    if (compareClass == globalListeners[2]) {
-        dataName = "MENU sitio"
+function PageType(name, myUrl, interaction, myEvents, isArticle) {
+    this.name = name;
+    this.isMatch = () => {
+        let url = window.location.href;
+        if (url.includes('?')) {
+            url = url.slice(0, window.location.href.lastIndexOf('?'));
+        }
+        if (url.charAt(url.length - 1) === '/') {
+            url = url.slice(0, window.location.href.lastIndexOf('/'));
+        }
+        if (isArticle) {
+            isMatch = true
+        } else {
+            isMatch = (url === `${enviroment}${myUrl}` ? true : false);
+        }
+        return isMatch;
+    };
+    this.interaction = interaction;
+    this.listeners = GenerateListeners(name, myEvents);
+    if (name == "PayWall") {
+        this.onActionEvent = (actionEvent) => {
+            return PayWallActions(actionEvent);
+        }
     }
+}
 
+function PayWallActions(actionEvent) {
+    let limit = new URL(window.location.href).searchParams.get("limit")
+    actionEvent.user = actionEvent.user || {};
+    actionEvent.user.attributes = actionEvent.user.attributes || {};
+    if (limit != null) {
+        const isLimit = limit === 'true';
+        actionEvent.user.attributes.typeOfEntry = !isLimit ? "choque exclusivo" : "choque metered";
+        let continueUrl = new URL(window.location.href).searchParams.get("continue")
+        actionEvent.user.attributes.continueUrl = continueUrl;
+    } else {
+        actionEvent.user.attributes.typeOfEntry = "Choque directo";
+    }
 
-    SalesforceInteractions.sendEvent({
-        interaction: {
-            name: dataName,
-            attributes: {
-                userIdCms: idUser,
-                name: userName,
-                lastName: userName,
-                isSuscriber: isSuscriber,
-                emailAddress: email,
-                continueUrl: url
-            },
-        },
-    });
+    return actionEvent;
+}
 
+function ReadHomeBlocks(event) {
+    let main = document.querySelector('.main-container');
+    let block1 = main.childNodes[0].querySelectorAll('article.item');
+    let block2 = main.childNodes[2].querySelectorAll('article.item')
+    sendDataFromHomeBlocks("Click, Article from home (Bloque1)", event, block1)
+    sendDataFromHomeBlocks("Click, Article from home (Bloque2)", event, block2)
 }
 
 function sendDataFromHomeBlocks(nameEvent, target, container) {
-    for (let i = 0; i < container.length; i++) {
 
+    for (let i = 0; i < container.length; i++) {
         if (target === container[i]) {
             SalesforceInteractions.sendEvent({
                 interaction: {
@@ -104,6 +184,37 @@ function sendDataFromHomeBlocks(nameEvent, target, container) {
 
 }
 
+function ReadGlobalEvents(event, listeners) {
+    let dataName = listeners.labelName
+
+    if (listeners.labelName == "TICKERS" || listeners.labelName == "TAGS") {
+        dataName = listeners.labelName + ": " + SalesforceInteractions.cashDom(event.target).text()
+    }
+
+    if (listeners.labelName == 'Quiero suscribirme') {
+        dataName = "Botón: " + listeners.labelName + ": " + SalesforceInteractions.cashDom(event.target.parentNode.querySelector(".title")).text()
+    }
+
+    if (listeners.labelName == 'Breadcrumb') {
+        dataName = listeners.labelName + ": " + SalesforceInteractions.cashDom(event.target).text()
+    }
+
+    SalesforceInteractions.sendEvent({
+        interaction: {
+            name: dataName,
+            attributes: {
+                userIdCms: idUser,
+                name: userName,
+                lastName: userName,
+                isSuscriber: isSuscriber,
+                emailAddress: email,
+                continueUrl: url
+            },
+        },
+    });
+
+}
+
 function GenerateContentZones(zones) {
 
     let ContentZones = [];
@@ -124,15 +235,16 @@ function GenerateListeners(pageType, elements) {
 
     if (elements.length > 0) {
         for (let i = 0; i < elements.length; i++) {
-            if (pageType == "Home" && (elements[i] == elements[0] || elements[i] == elements[1])) {
-                let myEventsBlock = SalesforceInteractions.listener("click", elements[i], (e) => {
-                    ReadHomeBlocks(e)
+
+            if (pageType == "Home" && (elements[i].class == elements[0].class || elements[i].class == elements[1].class)) {
+                let myEventsBlock = SalesforceInteractions.listener("click", elements[i].class, (e) => {
+                    ReadHomeBlocks(e.currentTarget)
                 })
                 listeners.push(myEventsBlock)
             } else {
-                let myEvents = SalesforceInteractions.listener("click", `${elements[i]}`, (e) => {
+                let myEvents = SalesforceInteractions.listener("click", `${elements[i].class}`, (e) => {
                     e.preventDefault()
-                    ReadGlobalEvents(e)
+                    ReadGlobalEvents(e, elements[i])
                     e.stopPropagation();
                 })
 
@@ -143,23 +255,7 @@ function GenerateListeners(pageType, elements) {
     return listeners;
 }
 
-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("Home", myEvents);
-}
-const home = new PageType("Home", "cronista.com", homeInteractions, homeListeners);
-
-function Pages() {
-    return [home]
+function esURLValida(url) {
+    var regex = url.match(/^https:\/\/(?:dev|qa|www)\./i);
+    enviroment = regex[0]
 }
\ No newline at end of file