Adicionar scripts personalizados

Esta página aplica-se ao Apigee e ao Apigee Hybrid.

Veja a documentação do Apigee Edge.

Para adicionar código JavaScript personalizado ou conteúdo HTML antes da etiqueta <body> em cada página do seu portal:

IU da Cloud Console

  1. Na consola do Apigee in Cloud, aceda à página Distribuição > Portais.

    Aceda a Portais

  2. Clique em Definições no menu de navegação.

  3. Na secção Scripts personalizados, introduza o código JavaScript personalizado na caixa de texto. Pode incluir vários scripts.

  4. Clique em Guardar.

IU clássica

  1. Selecione Publicar > Portais e selecione o seu portal.
  2. Clique em Definições na página de destino. Em alternativa, pode selecionar Definições no menu pendente na barra de navegação superior.
  3. Clique no separador Scripts personalizados.
  4. Na secção Scripts personalizados, introduza o código JavaScript personalizado na caixa de texto. Pode incluir vários scripts.
  5. Clique em Guardar.

As secções seguintes fornecem exemplos de scripts personalizados:

Consulte também o artigo Configurar o acompanhamento do Analytics.

Executar um script personalizado durante um evento de JavaScript onLoad ou onUnload

Defina scripts personalizados a serem executados quando cada página no seu portal:

  • Carrega no DOM através do evento onLoad JavaScript.
  • É afastado da página através do evento de JavaScript onUnload.

A sua função personalizada tem de ser definida como parte do portal.pageEventListeners no espaço de nomes global (declarado na variável window).

Ambos os eventos onLoad e onUnload recebem como primeiros parâmetros o caminho atual da página (por exemplo, /quickstart). A função onUnload recebe como segundo parâmetro o valor de retorno da chamada onLoad, o que permite a passagem de contexto entre os dois eventos. Use onUnload para limpar os ouvintes de eventos que já não são necessários e realizar outras atividades de limpeza.

Por exemplo:

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

Os scripts personalizados podem ser usados para implementar uma solução de consentimento de cookies. Existem várias opções populares de código aberto implementadas em JavaScript. Selecione uma que cumpra os seus requisitos de conformidade específicos.

Por exemplo, o script seguinte usa o script de informações de cookies.

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