Nota: Este contenido se tradujo a través de un software y es posible que no haya sido revisado. La versión en inglés se considera, por tanto, la versión oficial y es posible que haya sido actualizada. Para acceder a la versión en inglés, haz clic aquí.
Design Manager

Agregar un archivo JavaScript a HubSpot

Última actualización: agosto 25, 2020

En Beta

Requisitos

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Básico (versión anterior)

En tu administrador de diseño, puedes alojar y editar archivos JavaScript. Descubre cómo crear un archivo JavaScript y enlazarlo a una plantilla o 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, haz clic en Acciones > Nuevo archivo. Es posible que debas hacer clic en el ícono de la carpeta folder para ampliar el menú. 

new-file

  • En el cuadro de diálogo, haz clic en JavaScript

  • En el cuadro de diálogo siguiente, escribe un nombre para tu archivo JavaScript y haz clic en Crear.

  • Escribe o pega tu código JavaScript en el editor de códigos. 
  • Si activaste ESLint, puedes ver advertencias o errores de JavaScript haciendo clic en el interruptor para activar el interruptor Mostrar salida.

    design-manager-coded-file-show-output
  • En la parte superior derecha, haz clic en Publicar cambios para finalizar los cambios.

Adjuntar tu archivo JavaScript a tu plantilla

  • En el visor, haz clic en la plantilla que deseas actualizar.
  • En el inspector, haz 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.

attach-javascript-file

  • En la parte superior derecha, haz clic en Publicar cambios para finalizar los cambios.

Incluye tu archivo JavaScript en tus 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 obtener 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.

Luego, para agregar el archivo a todas tus páginas de HubSpot en un dominio:
  • En tu cuenta de HubSpot, haz clic en el símbolo de configuración settings, situado en la barra de navegación principal.
  • En el menú de la barra lateral izquierda, navega a Sitio web > Páginas.
  • Haz clic en el menú desplegable Modificando y selecciona el dominio que se agregará al archivo JavaScript.
  • 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, pega la URL pública como el valor de la fuente de la etiqueta 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.
/es/cos-general/add-a-javascript-file-to-hubspot