Como adicionar scripts personalizados

Esta página se aplica à Apigee e à Apigee híbrida.

Confira a documentação da Apigee Edge.

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

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

Veja também Como configurar o acompanhamento de análise.

Como executar um script personalizado durante um evento onLoad ou onUnload do JavaScript

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 conhecidas de código aberto implementadas em JavaScript. Selecione uma que cumpra seus requisitos específicos de conformidade.

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>