Questa pagina si applica ad Apigee e Apigee hybrid.
Visualizza la documentazione di Apigee Edge.
Per aggiungere codice JavaScript o contenuti HTML personalizzati prima del tag <body>
in ogni pagina del tuo portale:
- Seleziona Pubblica > Portali e seleziona il tuo portale.
- Fai clic su Impostazioni nella pagina di destinazione. In alternativa, puoi selezionare Impostazioni nel menu a discesa della barra di navigazione in alto.
- Fai clic sulla scheda Script personalizzati.
Nella sezione Script personalizzati, inserisci il codice JavaScript personalizzato nella casella di testo. Puoi includere più script. **
Fai clic su Salva.
Le seguenti sezioni forniscono esempi di script personalizzati:
Consulta anche Configurare il monitoraggio delle analisi.
Esecuzione di uno script personalizzato durante un evento JavaScript onLoad o onUnload
Definisci script personalizzati da eseguire quando ogni pagina del tuo portale:
- Viene caricato nel DOM utilizzando l'evento JavaScript
onLoad
. - Viene eseguito il logout utilizzando l'evento JavaScript
onUnload
.
La funzione personalizzata deve essere definita come parte di portal.pageEventListeners
nello spazio dei nomi globale (dichiarato nella variabile window
).
Sia gli eventi onLoad
che onUnload
ricevono come primo parametro il percorso corrente della pagina (ad esempio /quickstart
). La funzione onUnload
riceve come secondo parametro il valore restituito dalla chiamata onLoad
che consente di passare il contesto tra i due eventi. Utilizza onUnload
per ripulire i listener di eventi che non sono 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>
Aggiunta di un popup per il consenso all'uso dei cookie
Gli script personalizzati possono essere utilizzati per implementare una soluzione per il consenso per i cookie. Esistono diverse opzioni open source molto utilizzate implementate in JavaScript. Selezionane una che soddisfi i tuoi requisiti di conformità specifici.
Ad esempio, lo script seguente utilizza lo script di informazioni sui cookie.
<script type="text/javascript" id="cookieinfo" src="//cookieinfoscript.com/js/cookieinfo.min.js">
</script>