Benutzerdefinierte Skripts hinzufügen

Sie sehen die Dokumentation zu Apigee Edge.
Zur Apigee X-Dokumentation weitere Informationen

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:

Siehe auch Analytics-Tracking konfigurieren.

Benutzerdefiniertes Script während eines onLoad- oder onUnload-JavaScript-Ereignisses ausführen

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

  • Wird mithilfe des JavaScript-Ereignisses onLoad in das DOM geladen.
  • 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. Es gibt viele beliebte Open-Source-Optionen, die in JavaScript implementiert sind. Wählen Sie eine 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>