Agregar secuencias de comandos personalizadas

Estás consultando la documentación de Apigee Edge.
Consulta la documentación de Apigee X.
Información

Para agregar código JavaScript personalizado o contenido HTML antes de la etiqueta <body> en cada página de tu portal, haz lo siguiente:

  1. Selecciona Publicar > Portales y selecciona tu portal.
  2. Haga clic en Configuración en la página de destino. También puedes seleccionar Configuración en el menú desplegable de la barra de navegación superior.
  3. Haz clic en la pestaña Secuencias de comandos personalizadas.
  4. En la sección Secuencias de comandos personalizadas, ingresa 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 proporcionan ejemplos de secuencias de comandos personalizadas:

Consulta también Configura el seguimiento de Analytics.

Ejecuta una secuencia de comandos personalizada durante un evento onLoad o onUnload de JavaScript

Define secuencias de comandos personalizadas para que se ejecuten cuando cada página de tu portal:

  • Se carga en el DOM mediante el evento de JavaScript onLoad.
  • Se aleja del uso del 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).

Los eventos onLoad y onUnload reciben como sus primeros parámetros la ruta actual de la página (/quickstart, por ejemplo). La función onUnload recibe como su segundo parámetro el valor que muestra la llamada onLoad y permite que el contexto pase entre los dos eventos. Usa onUnload para limpiar los objetos de escucha de eventos que ya no son necesarios y realiza 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 una serie de opciones populares de código abierto implementadas en JavaScript. Selecciona una que satisfaga tus requisitos de cumplimiento específicos.

Por ejemplo, en la siguiente secuencia de comandos, se usa la secuencia de comandos de información de cookies.

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