Benutzerdefinierte Skripts hinzufügen

Diese Seite gilt für Apigee und Apigee Hybrid.

Apigee Edge-Dokumentation aufrufen

So fügen Sie benutzerdefinierten JavaScript-Code oder HTML-Inhalte vor dem <body>-Tag auf jeder Seite in Ihrem Portal hinzu:

  1. Wählen Sie Veröffentlichen > Portale und anschließend das Portal aus.
  2. Klicken Sie auf der Landingpage auf Einstellungen. Alternativ können Sie auch im Drop-down-Menü in der oberen Navigationsleiste die Option Einstellungen auswählen.
  3. Klicken Sie auf den Tab Benutzerdefinierte Skripts.

  4. Geben Sie im Bereich Benutzerdefinierte Skripts den benutzerdefinierten JavaScript-Code in das Textfeld ein. Sie können mehrere Skripts einschließen. **

  5. Klicken Sie auf Speichern.

Die folgenden Abschnitte enthalten Beispiele für benutzerdefinierte Skripts:

Weitere Informationen finden Sie unter Analytics-Tracking konfigurieren.

Benutzerdefiniertes Skript während des JavaScript-Ereignisses "onLoad" oder "onUnload" ausführen

Benutzerdefinierte Skripts definieren, die ausgeführt werden, wenn jede Seite im Portal ausgeführt wird:

  • Lädt mithilfe des JavaScript-Ereignisses onLoad in das DOM.
  • Das JavaScript-Ereignis onUnload wird nicht mehr verwendet.

Ihre benutzerdefinierte Funktion muss als Teil von portal.pageEventListeners im globalen Namespace definiert sein (in der Variablen window deklariert).

Sowohl das Ereignis onLoad als auch das Ereignis onUnload erhalten als ersten Parameter den aktuellen Pfad der Seite (z. B. /quickstart). Die Funktion onUnload empfängt als zweiten Parameter den Rückgabewert des Aufrufs onLoad, mit dem der Kontext zwischen den beiden Ereignissen übergeben wird. Verwenden Sie onUnload, um nicht mehr benötigte Ereignis-Listener zu bereinigen und andere Bereinigungsaktivitäten auszuführen.

Beispiel:

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

Benutzerdefinierte Skripts können verwendet werden, um eine Lösung zur Cookie-Einwilligung zu implementieren. In JavaScript sind viele beliebte Open-Source-Optionen implementiert. Wählen Sie eine Option aus, die Ihren spezifischen Compliance-Anforderungen entspricht.

Das folgende Skript verwendet beispielsweise das Cookie-Info-Skript.

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