Adicionar scripts personalizados

Esta é a documentação do Apigee Edge.
Acesse Documentação da Apigee X. informações

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

  1. Selecione Publicar > Portais e selecione seu portal.
  2. Clique em Configurações na página de destino. Como alternativa, você pode selecionar Configurações, na lista suspensa na barra de navegação superior.
  3. Clique na guia Scripts personalizados.

  4. Na seção e Scripts personalizados, insira o código JavaScript personalizado na caixa de texto. É possível incluir vários scripts.

  5. Clique em Save.

As seções a seguir fornecem exemplos de scripts personalizados:

Consulte também Configurar o acompanhamento do Google Analytics.

Executar um script personalizado durante um evento JavaScript onLoad ou onUnload

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

  • Carrega o DOM usando o evento JavaScript onLoad.
  • A navegação usa o evento JavaScript onUnload.

Sua função personalizada precisa ser definida como parte do portal.pageEventListeners no namespace global (declarado na variável window).

Os eventos onLoad e onUnload recebem como primeiros parâmetros o caminho atual da página (/quickstart, por exemplo). A função onUnload recebe como segundo parâmetro o valor de retorno da chamada onLoad, permitindo que o contexto seja transmitido entre os dois eventos. Use onUnload para limpar os listeners de eventos que não são mais necessários e executar outras atividades de limpeza.

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. Há várias opções populares de código aberto implementadas em JavaScript selecione um que atenda aos requisitos específicos de compliance.

Por exemplo, o script a seguir usa o Script de informações de cookies.

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