centro de ajuda tilda

Como adicionar um script à página

Descubra como adicionar recursos avançados ao seu site
Você pode adicionar qualquer script ao seu site. Adicione um bloco T123 ("Incorporar código HTML") da categoria "Outros" à página e incorpore o script nele. Aqui está uma seleção de exemplos de código que você pode usar para expandir os recursos em seu site.
Script para interceptar cliques em links
Script para interceptar cliques em links em um bloco específico
Script para rastrear eventos de clique de botão
Script para envio de informações sobre cliques em links ou botões para o Google Analytics
Script para enviar os dados do formulário para o seu recurso
Depois de transferi-lo para o serviço de captura de dados Tilda
Script para executar uma função personalizada
Antes de levar o visitante do site do carrinho de compras ao site do sistema de pagamento
Script para um serviço de terceiros
Respondendo a cliques em links ou botões de aulas específicas
Script para adicionar um widget de clima em um bloco
Script para iniciar diferentes widgets no celular e no desktop
Script para adicionar um widget misto
Como criar um menu no Zero Block
Script para habilitar a interação entre um script de terceiros e um formulário no Zero Block
Script para desabilitar transferências automáticas de dados de leads para o Facebook Pixel
Observe que talvez seja necessário modificar os exemplos de código deste guia antes de usá-los em seu site. Talvez seja necessário entender como o JavaScript funciona para prosseguir. Infelizmente, Tilda não fornece suporte sobre questões relacionadas ao uso de código de terceiros.
Interceptação de eventos
na página web
A interceptação de eventos é útil quando você precisa rastrear eventos pop-up, cliques em links ou transferências de dados para terceiros após um envio de formulário bem-sucedido e muito mais, dependendo do que você precisa ou gostaria de tentar.
Script para interceptar cliques em links
Script para interceptar cliques em links em um bloco específico
Veja como você pode interceptar cliques no link no bloco #rec123456789
onde #rec123456789 é o ID do bloco onde o widget do tempo será colocado.

Você pode encontrar o ID do bloco no painel Configurações do bloco.
Script para rastrear eventos de clique de botão
Existem dois botões, um que leva a um bloco de texto na mesma página e o outro a uma página diferente. O primeiro botão contém uma âncora para o bloco #rec12345678, e o segundo contém um link para a página externa http://help-ru.tilda.ws.
onde XXXXXX é o ID do contador.
Script para envio de informações sobre cliques em links ou botões para o Google Analytics
Você pode usar esse script para rastrear cliques em qualquer link ou botão cujo endereço contenha "um valor na URL". Se tal clique ocorrer, você será notificado sobre isso. Abaixo está um código de exemplo. Os valores que devem ser substituídos estão em maiúsculas.
URL VALUE — aqui deve ser inserida qualquer palavra encontrada no link. Por exemplo, ao clicar em um botão, o visitante é levado para a página de inscrição: http://mysite.com/registration. Aqui você deve substituir o VALOR NA URL por "registro".

NOME DA PÁGINA VIRTUAL. No Google Analytics, as informações sobre um clique no botão aparecem nas estatísticas de visualização da página virtual.

LINK—o link encontrado em um botão. Por exemplo, http://mysite.com/registration.

Para acompanhar um clique de botão como conclusão da meta, crie uma nova meta no Google Analytics: Meta personalizada → página de destino → Começa com / clique /
Script para enviar os dados do formulário para o recurso depois de transferi-los para o serviço de captura de dados Tilda
Insira o nome da função que os formulários devem chamar após uma transferência de dados bem-sucedida em todos os formulários do seu site.
Script para executar uma função personalizada antes de levar o visitante do site do carrinho de compras ao site do sistema de pagamento
Se você precisar adicionar informações sobre o conteúdo do carrinho de compras aos cookies ou enviar eventos de comércio eletrônico para o Google Analytics ou Yandex.Metrica, use o script descrito acima. O script é chamado logo antes do cliente ser redirecionado para a página do sistema de pagamento ou do widget de pagamento ser iniciado.
Como conectar um serviço personalizado ou de terceiros
Script para um serviço de terceiros respondendo a cliques em links ou botões de classes específicas
Por exemplo, se o serviço necessário abre uma caixa de diálogo especial ao clicar em um botão, você deve aplicar o script de serviço usando o método correto. Para evitar erros, especifique primeiro as classes dos botões e depois incorpore o script.
Como colocar um widget especial sobre um bloco
Às vezes, você deseja adicionar algo extra especial aos blocos existentes, como adicionar um formulário a Zero Block ou um widget de clima à capa da página. Tilda torna isso possível. Tudo o que você precisa fazer é adicionar um bloco HTML.
Script para adicionar um widget de clima em um bloco
Adicione um bloco HTML à página. Acesse o site pogoda.yandex.ru, copie o código do widget, clique em Conteúdo e crie mágica. Incorpore este código no bloco específico (o widget do tempo), logo à direita do centro do bloco.
onde #rec123456789 é o ID do bloco onde o widget do tempo será colocado.

Você pode encontrar o ID do bloco no painel Configurações do bloco.
Script para iniciar diferentes widgets no celular e no desktop
Às vezes, você precisa inserir um widget volumoso para a versão desktop do site e um pequeno widget para a versão móvel. Para fazer isso, você precisa usar a variável "window.isMobile".
Script para adicionar um widget misto
Em vez de window.isMobile, você pode usar tamanhos de tela, por exemplo, $(window).width () 


' + '>';
    } else {
      /* code for desktop devices */
      html = '' + '>';
    }
    var widgetBox = document.querySelector('#widgetbox');
    if (widgetBox) widgetBox.insertAdjacentHTML('beforeend', html);
  }
Como criar um menu no Zero Block
Para que o menu criado em Zero Block se comporte como um menu normal, ou seja, sobreposto no bloco seguinte e fixado na rolagem, você precisa adicionar esse código à página, substituindo rec000000000 pelo ID do seu Zero Block.
Script para habilitar a interação entre um script de terceiros e um formulário no Zero Block
Script para desabilitar transferências automáticas de dados de leads para o Facebook Pixel
Se você instalar o Facebook Pixel, aparecerá um objeto fbq na página que lhe enviará informações sobre o evento Lead quando os dados do formulário forem transferidos para o Facebook. Se você precisa de um pixel personalizado do Facebook, pode desativar esse comportamento usando este código:
Observe que você é responsável por modificar os exemplos de código usados acima. O uso desses exemplos requer compreensão de como o JavaScript funciona. Infelizmente, não fornecemos suporte em questões relacionadas ao uso de código de terceiros.
Feito em
Tilda