custom-script-sample

el objetivo de esta landing page es mostrar cómo se pueden incrustar scripts personalizados en las páginas de web4PRO.

NOTA: para el usuario 'admin' de web4PRO *NO* existe la opción directa de subir scripts personalizados, sino que ha de pedirlo al staff de soporte, para que el script sea añadido a la base de datos particular del e-commerce. sólo es posible subir un script por e-commerce (es un campo de tipo MEDIUMTEXT). nótese igualmente que el script subido a base de datos estará presente en todas las páginas de web4PRO, lo que puede repercutir negativamente en la eficacia del sitio.

la estrategia para identificar la landing donde se ha de ejecutar el script es mediante el título de la misma, que es el campo 'Título' del formulario de creación/edición de landings, y aparece como un elemento <h1> en la página (normalmente el único). por ello este título ha de ser un texto sin caracteres especiales, en este caso 'custom-script-sample'.

en este sencillo ejemplo, hemos creado un event listener en el evento 'DOMContentLoaded' que llama a una función llamada 'customScript'. es ahí donde se analizan los <h1> de la página, para determinar si estamos en la página que nos interesa, o en cualquier otra. en este último caso, se sale la función y no se hace nada más. si, por el contrario, es ésta la página que buscamos, se crea dinámicamente, en un <div id="script-canvas"> que hemos definido aquí, una tarjeta animada, con estilos personalizados.