Como adicionar uma marca do UET a meu site?

Como adicionar uma marca do UET a meu site?

Depois de criar uma marca do UET, você precisará adicioná-la ao site. Aprenda como fazer isso em JavaScript, usando um gerenciador de marcas ou sites de aplicativos de página única (SPA).
Importante

Você precisa editar o código de seu site para adicionar código de acompanhamento da marca do UET. Se você não souber como editar o código de seu site, entre em contato com o webmaster.

Depois de criar uma marca do UET, a próxima etapa é adicionar o código de acompanhamento da marca do UET ao site. Recomendamos que você ou seu webmaster o adicione a todas as páginas do site na seção principal ou no corpo. Ou, se o site tiver uma página mestra, você poderá adicioná-lo apenas uma vez, e ele será incluído em todas as páginas do site.

Você tem algumas opções ao trabalhar com marcas do UET. Você pode adicionar o código de acompanhamento da marca do UET diretamente ao código do site usando JavaScript ou usar um gerenciador de marcas de terceiros. A vantagem de usar um gerenciador de marcas é que ele permite que você gerencie as marcas do site em um só lugar. Além disso, se o site foi criado em uma plataforma de site (como Shopify ou WordPress), você pode usar esse sistema para adicionar a marca do UET.

Observação

Você pode adicionar o código de acompanhamento da marca do UET em qualquer lugar na seção de cabeçalho da página da Web (antes da marca de cabeçalho de fechamento: "</head>") ou a seção do corpo (antes da marca de fechamento do corpo: "</body>").

Adicionar o código de acompanhamento da marca do UET a seu site diretamenteexpando image
Se copiou o código de acompanhamento ou se tem uma versão baixada ou de email dele, você está pronto para colá-lo em seu site e pode ir para a etapa 5.
  1. Clique na guia Campanhas e, no painel esquerdo, clique em Acompanhamento de Conversões.
  2. Em Acompanhamento de Conversões, clique em Marcas do UET.
  3. Na tabela, encontre a marca do UET que você quer usar e, na coluna Ação, clique em Exibir marca.
  4. Na caixa Código de acompanhamento da marca do UET, clique em Copiar e em Concluído.
  5. Cole o código de acompanhamento da marca do UET em cada página do site ou na página mestra, nas seções de cabeçalho ou corpo. Na imagem, o código de acompanhamento da marca do UET é colado na parte superior da seção do corpo da página da Web.
    Marca do UET
Adicionar o código de acompanhamento da marca do UET usando um gerenciador de marcasexpando image

Os gerenciadores de marcas substituem marcas estáticas por marcas dinâmicas que são mais fáceis de implementar e atualizar. A marca dinâmica é um contêiner, um pequeno trecho de código que permite inserir dinamicamente marcas no site. Você pode pensar na marca de contêiner como um bucket que contém outros tipos de marcas.

O UET funciona com todos os principais sistemas de gerenciamento de marcas. Aqui está a lista atual (e links para instruções) de gerenciadores de marcas testados e com suporte:

Adicionar o código de acompanhamento da marca do UET usando a plataforma de seu siteexpando image

O UET foi projetado para funcionar com todas as principais plataformas de sites. Aqui está a lista atual (e links para instruções) de plataformas testadas e com suporte que permitem instalar marcas do UET:

Observações
  • Para ver um exemplo de código de acompanhamento de marca do UET em JavaScript instalado no corpo de uma página da Web, acesse esta página da Web (somente em inglês), clique com o botão direito do mouse na página da Web e clique em Exibir código-fonte ou Exibir código-fonte da página, dependendo do navegador.
  • À medida que a página da Web é carregada, ela dispara a marca do UET, resultando em várias solicitações HTTP. A solicitação mais importante é "bat.bing" (aquela que se parece com "http://bat.bing.com/action/0?ti=..."). Esta solicitação informa o Bing Ads das visitas do usuário à página da Web. Você pode usar ferramentas de terceiros, como o Fiddler, para monitorar todas as solicitações feitas pelo navegador quando a página da Web é carregada.

Usando marcas do UET com sites de aplicativo de página única (SPA)

Embora sejam comuns, os sites de aplicativos de uma só página (SPA) são desafiadores para serem acompanhados. Com os SPAs, o conteúdo é carregado dinamicamente sem que ocorra um evento típico de navegação. De certo modo, a página é carregada apenas uma vez. No entanto, do ponto de vista analítico e de acompanhamento de metas, é necessário tratar cada navegação separada como um novo carregamento de página.

Saiba o que você precisa fazer para habilitar marcas do UET em SPAsexpando image

Os sites de SPA são obrigados a usar o código de acompanhamento da marca do UET JavaScript. Os eventos de SPA são disparados usando a mesma sintaxe que os eventos personalizados, com a ação 'page_view' e com um parâmetro 'page_path' obrigatório ('page_title' é opcional). O parâmetro 'page_path' deve começar com '/'. Exemplo:

window.uetq = window.uetq || []; 
window.uetq.push('event', 'page_view', { page_path: '/spa_page' });

Aqui estão três maneiras diferentes de disparar eventos de SPA. Observe que recomendamos usar a primeira abordagem. Para cada opção, temos um exemplo de página da Web que você pode acessar para ver o código apropriado em ação.

  • Alteração de conteúdo: Dispare um evento de SPA sempre que seu aplicativo carregar o conteúdo dinâmico. Nesse caso, a URL real é enviada automaticamente em um evento pageLoad padrão no primeiro carregamento. Você pode usar essa URL nas metas de destino, e todos os eventos personalizados disparados na primeira página serão associados a ela. Cada evento de SPA gerará um evento pageLoad com a URL do SPA, que não precisa ser um caminho carregável. Você também pode fazer referência a essas URLs nas metas. Todos os eventos personalizados disparados após um evento de SPA serão associados apenas ao pageLoad de SPA (em outras palavras, não à URL original).
  • Todas as páginas: Dispare um evento de SPA em todas as páginas, inclusive o carregamento inicial. Esse cenário é o mesmo que o anterior, exceto que o evento automático pageLoad não é usado. Como ainda é disparado, é importante ordenar os eventos para que o evento de SPA seja disparado antes de qualquer outro evento personalizado. Se eles forem disparados fora de ordem, alguns ou todos poderão ser associados ao evento pageLoad automático (e à URL original), em vez do evento pageLoad de SPA (e a URL de SPA, inclusive page_path).
  • Todas as páginas, desabilitado automaticamente: Dispare um evento de SPA em todas as páginas e, além disso, desabilite o carregamento automático da página. Isso é feito adicionando 'disableAutoPageView: true' aos parâmetros de inicialização (Observação: Não modifique o código do trecho diretamente para desabilitar). Isso é o mesmo que o cenário anterior, mas remove o requisito de que o evento de SPA seja disparado primeiro no carregamento inicial da página. No entanto, os eventos de SPA subsequentes ainda precisam ser disparados antes de quaisquer eventos personalizados associados a eles (ou serão atribuídos ao evento de SPA anterior).

See more videos...