siteMapPerso

division

11/21/2023 5:28:17 PM

Changes

dataFactor.js 261(+0 -261)

init.js 23(+23 -0)

mySiteMap.js 316(+275 -41)

Details

init.js 23(+23 -0)

diff --git a/init.js b/init.js
new file mode 100644
index 0000000..0df4c26
--- /dev/null
+++ b/init.js
@@ -0,0 +1,23 @@
+window.addEventListener("load", function () {
+    SalesforceInteractions.init({
+        cookieDomain: "cronista.com",
+    }).then(() => {
+        const sitemapConfig = {
+            global: {
+                onActionEvent: (actionEvent) => {
+                    return GlobalActions(actionEvent);
+                },
+                contentZones: GenerateContentZones(globalZones),
+                listeners: GenerateListeners("Global", globalListeners),
+            },
+            pageTypeDefault: {
+                name: "default",
+                interaction: {
+                    name: "Default Page",
+                }
+            },
+            pageTypes: Pages()
+        };
+        SalesforceInteractions.initSitemap(sitemapConfig);
+    });
+});
\ No newline at end of file

mySiteMap.js 316(+275 -41)

diff --git a/mySiteMap.js b/mySiteMap.js
index 5040c37..1b272d2 100644
--- a/mySiteMap.js
+++ b/mySiteMap.js
@@ -1,48 +1,282 @@
-fetch('https://cdn.jsdelivr.net/gh/gaby1986/siteMap@master/map.js')
-    .then(data => {
-        // Trabaja con el contenido del archivo JavaScript aquí
-        console.log(data);
-        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: GenerateContentZones(globalZones),
-                    listeners: GenerateListeners("Global", globalListeners),
+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 : "";
+const firstName = vsm.session.name != "" ? vsm.session.name : "";
+const lastName = vsm.session.lastName != "" ? vsm.session.lastName : "";
+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 isMatch = false
+let url = ""
+
+//Zonas Genericas
+let globalZones = [
+    { name: "Header", selector: '#page-header' },
+    { name: "Footer", selector: '#page-footer' },
+]
+
+//SELECTORES Genericos
+let globalListeners = [
+    { 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 Home
+let homeListeners = [
+    { 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"
+}
+
+let payWallInteractions = {
+    name: "PayWall"
+}
+
+const home = new PageType("Home", "cronista.com", homeInteractions, homeListeners, false);
+const payWall = new PageType("PayWall", `cronista.com/suscripciones`, payWallInteractions, payWallListeners, false);
+
+if (document.querySelector("#pagecontent .news") || document.querySelector("#pagecontent .news-minisite") || document.querySelector("#pagecontent .news-es") || document.querySelector("#pagecontent .news-mx")) {
+    const metaTag = document.querySelector('meta[property="og:image"]');
+    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"),
+                imageUrl: metaTag ? metaTag.getAttribute('content') : null,
+                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)
+}
+
+//[home, payWall, article]
+function Pages() {
+    pages.push(home, payWall)
+    return pages
+}
+
+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 GlobalActions(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 = firstName;
+        actionEvent.user.attributes.lastName = lastName;
+        actionEvent.user.attributes.date = dateTime
+        actionEvent.user.identities.userIdCms = idUser;
+    }
+    return 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";
+    }
+
+    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++) {
+        if (target === container[i]) {
+            SalesforceInteractions.sendEvent({
+                interaction: {
+                    name: nameEvent,
                 },
-                pageTypeDefault: {
-                    name: "default",
-                    interaction: {
-                        name: "Default Page",
+                user: {
+                    identities: {
+                        emailAddress: email
+                    },
+                    attributes: {
+                        name: userName
                     }
-                },
-                pageTypes: Pages()
-            };
-            SalesforceInteractions.initSitemap(sitemapConfig);
-        });
-
-    })
-    .catch(error => {
-        console.error('Error al cargar el archivo:', error);
+                }
+            });
+            break;
+        }
+
+    }
+
+}
+
+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 = [];
+    if (zones.length > 0) {
+        for (let i = 0; i < zones.length; i++) {
+            let ContentZone = {
+                name: zones[i].name,
+                selector: zones[i].selector
+            }
+            ContentZones.push(ContentZone)
+        }
+    }
+    return ContentZones;
+}
+
+function GenerateListeners(pageType, elements) {
+    let listeners = [];
+
+    if (elements.length > 0) {
+        for (let i = 0; i < elements.length; i++) {
 
+            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].class}`, (e) => {
+                    e.preventDefault()
+                    ReadGlobalEvents(e, elements[i])
+                    e.stopPropagation();
+                })
 
+                listeners.push(myEvents)
+            }
+        }
+    }
+    return listeners;
+}
 
+function esURLValida(url) {
+    var regex = url.match(/^https:\/\/(?:dev|qa|www)\./i);
+    enviroment = regex[0]
+}
\ No newline at end of file