Ajouter des scripts personnalisés

Cette page s'applique à Apigee et à Apigee hybrid.

Consultez la documentation d'Apigee Edge.

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 la section Configurer le suivi des données analytiques.

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

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

  • 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 couramment utilisées dans JavaScript. Sélectionnez celle 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>