Snippets nos Aplicativos Web Estáticos do Azure

Os Aplicativos Web Estáticos do Azure permitem que você insira código personalizado nos elementos head ou body durante a execução. Esses trechos de código são conhecidos como snippets.

Os snippets oferecem a flexibilidade de adicionar código a cada página em seu site em um único lugar, tudo sem modificar a base de código principal.

Os casos de uso comuns de snippets incluem:

  • Scripts de análise
  • Scripts comuns
  • Elementos globais da interface do usuário

Observação

Algumas estruturas front-end podem substituir seu código de snippet. Teste seus snippets antes de aplicá-los a um ambiente de produção.

Adicionar um snippet

  1. Vá para o seu aplicativo Web estático no portal do Azure.

  2. No menu Configurações , selecione Snippets.

  3. Selecione o botão Adicionar.

  4. Insira as seguintes configurações na janela Snippets:

    Configurações Valor Comentários
    Localização Selecione em qual elemento de página HTML você deseja que seu código seja injetado.
    Nome Insira um nome de snippet.
    Local de inserção Selecione se deseja anexar ou acrescentar seu código ao elemento selecionado. Prepend significa que seu código aparece diretamente antes do tag de abertura do elemento. Acrescentar significa que seu código é exibido diretamente antes da marca de fechamento do elemento.
    Ambiente Selecione os ambientes que você deseja configurar como alvo. Se você escolher Selecionar ambiente, poderá escolher entre diferentes ambientes a serem direcionados.
  5. Insira seu código na caixa de texto.

  6. Selecione OK para fechar a janela.

  7. Selecione Salvar para confirmar suas alterações.

Próximas etapas