Añadir secuencias de comandos personalizadas

Esta página se aplica a Apigee y Apigee Hybrid.

Consulta la documentación de Apigee Edge.

Para añadir código JavaScript personalizado o contenido HTML antes de la etiqueta <body> en cada página de tu portal, sigue estos pasos:

Interfaz de usuario de Cloud Console

  1. En la consola de Apigee en Cloud, ve a la página Distribución > Portales.

    Ir a Portales

  2. En el menú de navegación, haz clic en Configuración.

  3. En la sección Scripts personalizados, introduzca el código JavaScript personalizado en el cuadro de texto. Puedes incluir varias secuencias de comandos.

  4. Haz clic en Guardar.

Interfaz clásica

  1. Seleccione Publicar > Portales y elija el portal.
  2. En la página de destino, haga clic en Configuración. También puedes seleccionar Configuración en el menú desplegable de la barra de navegación superior.
  3. Haga clic en la pestaña Scripts personalizados.
  4. En la sección Secuencias de comandos personalizadas, introduzca el código JavaScript personalizado en el cuadro de texto. Puedes incluir varias secuencias de comandos.
  5. Haz clic en Guardar.

En las siguientes secciones se incluyen ejemplos de secuencias de comandos personalizadas:

Consulta también Configurar el seguimiento de las analíticas.

Ejecutar una secuencia de comandos personalizada durante un evento de JavaScript onLoad u onUnload

Define las secuencias de comandos personalizadas que se ejecutarán en cada página de tu portal:

  • Se carga en el DOM mediante el evento de JavaScript onLoad.
  • Se abandona la página mediante el evento de JavaScript onUnload.

Tu función personalizada debe definirse como parte de portal.pageEventListeners en el espacio de nombres global (declarado en la variable window).

Tanto el evento onLoad como el onUnload reciben como primer parámetro la ruta actual de la página (/quickstart, por ejemplo). La función onUnload recibe como segundo parámetro el valor devuelto de la llamada onLoad, lo que permite que se transfiera contexto entre los dos eventos. Usa onUnload para limpiar los procesadores de eventos que ya no sean necesarios y realizar otras actividades de limpieza.

Por ejemplo:

<script>
window.portal = {};
window.portal.pageEventListeners = {
  onLoad: (path) => {
    if (path === '/quickstart') {
      // Change text content of first <p> element to something
      // else. (DOM must be loaded when onLoad is called)
      document.getElementsByTagName('p')[0].textContent =
          'Welcome to the quick start! Be sure to send us your feedback.';
      // print a custom message to the console every second while user is on
      // quickstart page.
      const interval =
          window.setInterval(() => console.log('Hello'), 1000);
      return interval;
    }
    return undefined;
  },
  onUnload: (path, contextReturnedFromOnLoad) => {
    if (contextReturnedFromOnLoad != null) {
      // Stop printing custom message to console every second.
      window.clearInterval(contextReturnedFromOnLoad)

    }
  },
};
</script>

Se pueden usar secuencias de comandos personalizadas para implementar una solución de consentimiento de cookies. Hay varias opciones populares de código abierto implementadas en JavaScript. Selecciona una que cumpla tus requisitos de cumplimiento específicos.

Por ejemplo, la siguiente secuencia de comandos usa Cookie Info Script.

<script type="text/javascript" id="cookieinfo" src="//cookieinfoscript.com/js/cookieinfo.min.js">
</script>