Ajouter des scripts personnalisés

Vous consultez la documentation d'Apigee Edge.
Consultez la documentation Apigee X. en savoir plus

Pour ajouter du contenu HTML ou du code JavaScript personnalisé avant la balise <body> sur chaque page de votre portail :

  1. Sélectionnez Publier > Portails et sélectionnez votre portail.
  2. Cliquez sur Paramètres sur la page de destination. Vous pouvez également sélectionner Paramètres dans le menu déroulant de la barre de navigation supérieure.
  3. Cliquez sur l'onglet Scripts personnalisés.

  4. Dans la section Scripts personnalisés, saisissez le code JavaScript personnalisé dans la zone de texte. Vous pouvez inclure plusieurs scripts.

  5. Cliquez sur Enregistrer.

Les sections suivantes fournissent des exemples de scripts personnalisés :

Consultez également Configurer le suivi Analytics.

Exécuter un script personnalisé lors d'un événement JavaScript onLoad ou onUnload

Définissez des scripts personnalisés à exécuter à chaque page de votre portail :

  • Elle se charge dans le DOM à l'aide de l'événement JavaScript onLoad.
  • est exclue de l'utilisation de l'événement JavaScript onUnload.

Votre fonction personnalisée doit être définie dans portal.pageEventListeners dans l'espace de noms global (déclaré sur la variable window).

Les événements onLoad et onUnload reçoivent tous deux en premier leurs paramètres correspondant au chemin actuel de la page (par exemple, /quickstart). La fonction onUnload reçoit en deuxième paramètre la valeur renvoyée par l'appel onLoad, qui permet de transmettre le contexte entre les deux événements. Utilisez onUnload pour nettoyer les écouteurs d'événements qui ne sont plus nécessaires et effectuer d'autres activités de nettoyage.

Exemple :

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

Vous pouvez utiliser des scripts personnalisés pour mettre en œuvre une solution de consentement à l'aide de cookies. Il existe un certain nombre d'options Open Source populaires implémentées dans JavaScript. Sélectionnez-en une qui répond à vos exigences de conformité spécifiques.

Par exemple, le script suivant utilise le script d'informations de cookies.

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