Última actualización: enero 20, 2023
Puedes alojar y editar archivos JavaScript en el gestor de diseño. Aprenda a crear un archivo JavaScript y a vincularlo a una plantilla o a un dominio.
Crear un archivo JavaScript
- En tu cuenta de HubSpot, dirígete a Marketing > Archivos y plantillas > Herramientas de diseño.
- En el menú de la barra lateral izquierda, haga clic en Archivo > Nuevo archivo. Es posible que tenga que hacer clic en elicono de la carpeta para ampliar el menú.
- En el cuadro de diálogo, haga clic en el menú desplegable ¿Qué desea construir hoy? y seleccione JavaScript.
- Haz clic en Siguiente.
- En el campo Nombre de archivo , introduzca un nombre para su archivo JavaScript.
- Para actualizar la ubicación del archivo, en la sección Ubicación del archivo , haga clic en Cambiar y seleccione la carpeta a la que desea añadir el archivo.
- Haz clic en Crear.
- Escriba o pegue su JavaScript en el editor de código.
- Si activaste ESLint, puedes ver advertencias o errores de JavaScript haciendo clic en el interruptor para activar el interruptor Mostrar salida.
- En la parte superior derecha, haz clic en Publicar cambios para finalizar los cambios.
Adjuntar un archivo JavaScript a una plantilla
- En el buscador de la izquierda, haga clic en la plantilla que desea actualizar.
- En el inspector de la derecha, haga clic en la pestaña Editar.
- En la sección de archivos JavaScript enlazados, haz clic en el menú desplegable Agregar y selecciona tu archivo JavaScript.
- En la parte superior derecha, haz clic en Publicar cambios para finalizar los cambios.
Incluir un archivo JavaScript en las páginas de HubSpot
Puedes incluir tu archivo JavaScript en todas las páginas de un dominio alojado en HubSpot o en páginas individuales usando la URL pública.
Para acceder a la URL pública del archivo:
- En el menú de la barra lateral izquierda, selecciona tu archivo JavaScript.
- Haz clic en Acciones > Copiar URL pública.
- En tu cuenta de HubSpot, haz clic en el símbolo de configuración, situado en la barra de navegación principal.
- En el menú de la barra lateral izquierda, navega a Sitio web > Páginas.
- Haga clic en el menú desplegable Elegir un dominio para editar su configuración y seleccione el dominio al que desea añadir el archivo JavaScript. Puede seleccionar Configuración predeterminada para todos los dominios si desea que el archivo JavaScript se aplique a todos los dominios conectados
- En la sección HTML del pie de página del sitio, pega la URL pública como valor para la fuente de la etiqueta del script:
<!-- start Main.js Do Not Remove -->
<script src='inserta la URL pública de tu archivo aquí'></script>
<!---End Main.js-->
- Haz clic en Guardar.
O, para agregar el archivo a una página individual:
- En tu cuenta de HubSpot, navega a Marketing > Sitio Web > Páginas del sitio web o Páginas de destino.
- Coloca el cursor sobre la página que deseas editar y luego haz clic en Editar.
- En el editor de páginas, haz clic en la pestaña Configuración.
- Haz clic en Opciones avanzadas.
- En la sección HTML del pie de página, pegue la URL pública como valor de la fuente de la etiqueta de script:
<!-- start Main.js Do Not Remove -->
<script src='inserta la URL pública de tu archivo aquí'></script>
<!---End Main.js-->
- Para publicar tus cambios en la página en vivo, en la parte superior derecha, haz clic en Actualizar.
