@griddo/cx 1.63.5 → 1.64.0

package/gatsby-node.js

@@ -95,7 +95,9 @@ exports.createPages = async ({ actions }) => {
 
     site.languages = siteLangs;
 
-    const { cloudinaryName } = SettingsService.settings;
+    const {
+      cloudinaryName,
+    } = SettingsService.settings;
 
     NavService.navigations = {
       headers,
@@ -116,6 +118,7 @@ exports.createPages = async ({ actions }) => {
     };
 
     const showBasicMetaRobots = process.env.showBasicMetaRobots !== 'off';
+    const siteScript = siteInfo.siteScript;
 
     let additionalInfo = {
       baseUrl,
@@ -130,6 +133,7 @@ exports.createPages = async ({ actions }) => {
       showBasicMetaRobots,
       BUILD_MODE,
       sitePages,
+      siteScript
     };
 
     helpers.log('info', 'VALID PAGES -->', validPagesIds);

package/gatsby-ssr.js

@@ -1,32 +1,88 @@
 /* eslint-disable node/no-missing-require */
-
+import React from 'react';
+import parse from 'html-react-parser';
 const { ssr } = require('components');
 
-exports.onRenderBody = props => {
+let analyticsScript = [];
+let analyticsDimensions = [];
+
+export const wrapPageElement = ({ props }) => {
+  if (ssr.wrapPageElement) {
+    return ssr.wrapPageElement(props);
+  }
+  const {
+    pageContext: {
+      siteScript,
+      page: {
+        dimensions
+      }
+    }
+  } = props;
+
+  //Añadir el script. Dependiendo de si lo que recibe es el trackingId o el script
+  const src = `https://www.googletagmanager.com/gtag/js?id=${siteScript}`;
+  const scriptCode = siteScript.includes('<script') ? [parse(siteScript)] : [<script async key="site-script" dangerouslySetInnerHTML={{__html: siteScript}}/>]
+
+  analyticsScript=siteScript && siteScript.startsWith('UA-') ?
+      [<script async src={src}></script>]
+    :
+      (siteScript ? scriptCode : []);
+  ;
+
+  //Las dimensiones o DataLayer
+  const dimensionValues = JSON.stringify(dimensions?.values);
+  analyticsDimensions = dimensionValues && (dimensions?.values) !== null ?
+      [<script
+      async
+      key="site-script"
+      dangerouslySetInnerHTML={{
+       __html: `dataLayer.push(${dimensionValues})`
+      }}/>]
+    :
+      []
+  ;
+};
+
+export const onRenderBody = props => {
   if (ssr.onRenderBody) {
     ssr.onRenderBody(props);
   }
+  const {
+    setHeadComponents,
+  setPreBodyComponents,
+  setPostBodyComponents,
+  setHtmlAttributes,
+  setBodyAttributes,
+  setBodyProps,
+  } = props;
+
+  const additionalHeadComponents = [
+    <script>window.dataLayer = window.dataLayer || [];</script>
+  ];
+
+  const additionalBodyComponents = [
+    ...analyticsScript,
+    ...analyticsDimensions
+  ];
+
+  setHeadComponents([...additionalHeadComponents]);
+  setPostBodyComponents([...additionalBodyComponents]);
+
 };
 
-exports.onPreRenderHTML = props => {
+export const onPreRenderHTML = props => {
   if (ssr.onPreRenderHTML) {
     ssr.onPreRenderHTML(props);
   }
 };
 
-exports.replaceRenderer = props => {
+export const replaceRenderer = props => {
   if (ssr.replaceRenderer) {
     ssr.replaceRenderer(props);
   }
 };
 
-exports.wrapPageElement = props => {
-  if (ssr.wrapPageElement) {
-    return ssr.wrapPageElement(props);
-  }
-};
-
-exports.wrapRootElement = props => {
+export const wrapRootElement = props => {
   if (ssr.wrapRootElement) {
     return ssr.wrapRootElement(props);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/cx",
   "description": "Griddo SSG based on Gatsby",
-  "version": "1.63.5",
+  "version": "1.64.0",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Carlos Torres <carlos.torres@secuoyas.com>",
@@ -54,6 +54,7 @@
     "gatsby-plugin-remove-generator": "^1.2.0",
     "gatsby-plugin-sass": "^5.8.0",
     "gatsby-plugin-styled-components": "^5.8.0",
+    "html-react-parser": "^1.4.10",
     "js2xmlparser": "^4.0.1",
     "node-sass": "^7.0.1",
     "opn": "^6.0.0",
@@ -63,7 +64,7 @@
     "react-helmet": "^6.0.0"
   },
   "devDependencies": {
-    "@griddo/eslint-config-back": "^1.63.5",
+    "@griddo/eslint-config-back": "^1.64.0",
     "eslint": "^7.5.0",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-react": "7.14.3",
@@ -95,5 +96,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "af01aecc628fe1ec952cc63f21e8f576c090b053"
+  "gitHead": "b2c93c5e58cd328cdeb86ed13744cec37f591d94"
 }

package/src/utils/pages.js

@@ -25,6 +25,7 @@ async function renderSinglePage(page, additionalInfo, createPage) {
     showBasicMetaRobots,
     BUILD_MODE,
     sitePages,
+    siteScript
   } = additionalInfo;
 
   // 3 - Build final page object
@@ -72,6 +73,7 @@ async function renderSinglePage(page, additionalInfo, createPage) {
       componentsVersion,
       showBasicMetaRobots,
       sitePages,
+      siteScript,
 
       // NAVIGATION SECTIONS
       header,