Aggiunta di script personalizzati

Questa pagina si applica ad Apigee e Apigee hybrid.

Visualizza la documentazione di Apigee Edge.

Per aggiungere codice JavaScript personalizzato o contenuti HTML prima del tag <body> in ogni pagina del portale:

UI di Cloud Console

  1. Nella console Apigee in Cloud, vai alla pagina Distribuzione > Portali.

    Vai a Portali

  2. Fai clic su Impostazioni nel menu di navigazione.

  3. Nella sezione Script personalizzati, inserisci il codice JavaScript personalizzato nella casella di testo. Puoi includere più script.

  4. Fai clic su Salva.

UI classica

  1. Seleziona Pubblica > Portali e seleziona il tuo portale.
  2. Fai clic su Impostazioni nella pagina di destinazione. In alternativa, puoi selezionare Impostazioni nel menu a discesa della barra di navigazione in alto.
  3. Fai clic sulla scheda Script personalizzati.
  4. Nella sezione Script personalizzati, inserisci il codice JavaScript personalizzato nella casella di testo. Puoi includere più script.
  5. Fai clic su Salva.

Le sezioni seguenti forniscono esempi di script personalizzati:

Vedi anche Configurazione del monitoraggio delle analisi.

Esecuzione di uno script personalizzato durante un evento JavaScript onLoad o onUnload

Definisci script personalizzati da eseguire quando ogni pagina del portale:

  • Viene caricato nel DOM utilizzando l'evento JavaScript onLoad.
  • Viene spostato dalla pagina utilizzando l'evento JavaScript onUnload.

La funzione personalizzata deve essere definita come parte di portal.pageEventListeners nello spazio dei nomi globale (dichiarata nella variabile window).

Entrambi gli eventi onLoad e onUnload ricevono come primi parametri il percorso corrente della pagina (ad esempio /quickstart). La funzione onUnload riceve come secondo parametro il valore restituito dalla chiamata onLoad, consentendo di passare il contesto tra i due eventi. Utilizza onUnload per pulire i listener di eventi non più necessari ed eseguire altre attività di pulizia.

Ad esempio:

<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>

Gli script personalizzati possono essere utilizzati per implementare una soluzione per il consenso all'utilizzo dei cookie. Esistono diverse opzioni open source popolari implementate in JavaScript; seleziona quella che soddisfa i tuoi requisiti di conformità specifici.

Ad esempio, lo script seguente utilizza lo script per le informazioni sui cookie.

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