Objetivo final: quiero crear una extensión de Chrome con la que pueda ejecutar comandos básicos de Web Analytics para diferentes herramientas configurando algunos botones en las extensiones.
Problema: puedo crear una extensión básica y generar una alerta al hacer clic en un botón como prueba. Ahora mi objetivo es ejecutar comandos relacionados con Tealium, Adobe Launch o Evidon y mostrar los resultados a través de una alerta. Pero veo la ausencia del archivo .js como error.
Escenario de ejemplo: si mi sitio web contiene Tealium Tag Manager, entonces puedo ejecutar utag.cfg.v en el comando de la consola de Chrome y obtener la última versión de Tealium como una cadena como "2022.07.04.5625". Quiero almacenar el resultado de este comando en una variable y ejecutarlo al hacer clic en el botón de extensión de Chrome. Cuando ejecuto el código en la consola, funciona bien, ¡pero ejecutarlo a través de la extensión no hace nada! Puedo ver el error como "utag no está definido". Ejemplo de código a continuación.
emergente.js
document.addEventListener('DOMContentLoaded', function() { var checkButton = document.getElementById('check'); checkButton.addEventListener('click', function() { var test = utag.cfg.v; //var test = "Hello!" alert("Test Output:" + test); }, false); }, false);ventana emergente.html
<html> <head> <title>Test of Times!</title> <script src="popup.js"></script> </head> <body> <h1>Web Analytics</h1> <h3 class="sub-heading">Chrome extension for Web Analytics.</h3> <button id="check">Test Me</button> </body> </html>Cualquier ayuda será muy apreciada y no estoy muy versado en JavaScript, así que no dude en señalar los detalles, incluso si es muy obvio.
¡Gracias!