Solução de problemas relacionados ao Visual Experience Composer
Problemas de exibição às vezes ocorrem no Adobe Target Visual Experience Composer (VEC) em determinadas condições.
Quando eu abrir meu site na Visual Experience Composer, o Target As bibliotecas do não carregam. (Somente VEC) section_8A7D3F4AD2CC4C3B823EE9432B97E06F
Target adiciona dois parâmetros (mboxEdit=1 e mboxDisable=1) ao abrir o site na Visual Experience Composer.
Se o site (principalmente, Aplicativos de página única) corta parâmetros ou os remove ao navegar de uma página a outra (sem um recarregamento de página), o Target A funcionalidade do falha e o Target As bibliotecas do não carregam.
Para evitar esse problema, assegure-se de não cortar ou remover esses dois parâmetros.
Minha página não abre no EEC ou carrega lentamente. As atividades ou experiências são carregadas de forma lenta no VEC. (Somente VEC) section_71E7601BE9894E3DA3A7FBBB72B6B0C1
Vários problemas podem afetar o desempenho da página no Target compositores de experiência. Alguns erros comuns incluem:
- Você não tem uma mbox na página.
- Seu site usa o bloqueio de proxy, que não permite que a página seja aberta em nenhum compositor de experiência.
- Seu site não pode ser aberto em um iFrame.
Se ocorrerem problemas no Enhanced Experience Composer, tente desativar o Enhanced Experience Composer e use o Visual Experience Composer em vez disso.
Para desativar o Enhanced Experience Composer, vá para Administration > Visual Experience Composer e desative o Enable Enhanced Experience Composer opção.
Alguns usuários veem a seguinte mensagem de erro no console:
Se nenhuma das duas opções Visual Experience Composer nem a Enhanced Experience Composer funciona, use uma extensão de navegador como Requestly (Chrome ou Firefox) ou Modificar cabeçalhos de resposta (Firefox) que podem substituir as opções de cabeçalho X-Frames para o site e permitir que sejam carregados em iFrames, habilitando o VEC. Se não conseguir usar as extensões do navegador, use o Experience Composer baseado em formulário.
-
Adicione regras de URL ao URL que você deseja abrir no VEC, para que os cabeçalhos sejam removidos apenas para esses URLs.
-
Habilite a regra quando estiver editando no VEC e desabilite a regra quando não estiver usando o VEC.
- Habilite a regra quando estiver editando no VEC e desabilite a regra quando não estiver usando o VEC.
Para usar o Requestly extensão ativada Chrome ou Firefox:
-
Desative o Enhanced Experienced Composer.
-
Instale o Requestly extensão do navegador ativada Chrome ou Firefox.
-
Abra a extensão e configure-a usando o seguinte:
-
Selecionar Modify headers.
-
Digite o seguinte:
-
Nome da regra
-
Regras de modificação
-
Alternar Add para Remove.
-
Alternar Request para Response.
-
Digite "X-Frame-Options" como o nome do cabeçalho.
-
Repita as etapas anteriores e digite "x-frame-options" como nome do cabeçalho.
note note NOTE Cabeçalhos manipulados via Requestly fazem distinção entre maiúsculas e minúsculas. -
Alterar Equals para Contains como condição para o URL de origem e insira o URL da atividade que você está tentando carregar no VEC.
-
-
-
Clique em Save.
Agora é possível carregar a página rapidamente com o Visual Experience Composer.
Para usar o Modify Response Headers extensão ativada Firefox:
- Instale o Modify Response Headers em Firefox e reinicie o navegador.
- Do seu Firefox extensões, selecione a extensão Modificar Cabeçalhos de Resposta.
- Clique em Preferences.
- Selecionar Filter do Action lista suspensa.
- No Header Name insira: X-Frame-Options.
- Repita as etapas 4 e 5 para adicionar um filtro com x-frame-options.
- Clique em Add.
- Clique em Start.
Depois de configurar uma extensão, abra Target. Suas páginas agora devem ser carregadas no Visual Experience Composer, mesmo que o Enhanced Experience Composer está desativado.
Minha página não é exibida no VEC (somente VEC) does-not-load
-
A melhor compatibilidade com o VEC é garantida pela versão mais recente da extensão: Adobe Experience Cloud Visual Editing Helper extension.
Para verificar se você está usando a versão mais recente, acesse Extensions > Manage Extensions e clique em Details.
-
A variável Visual Experience Composer O requer a criação de bibliotecas para realizar modificações na página da web. Essas bibliotecas são incorporadas à biblioteca at.js do e baixadas pela extensão do Adobe sempre que o VEC for usado.
A extensão baixa a biblioteca at.js independentemente de at.js ou Adobe Experience Platform Web SDK já estão incluídos na página.
Verifique se não há alterações inválidas adicionadas aos cabeçalhos do at.js configurados no Administration > Implementation seção.
-
Certifique-se de que a página da Web não esteja bloqueando solicitações obrigatórias para carregamento quando incorporada a um iFrame. Isso inclui o uso de diretivas CSP frame-ancestors ou o código JS personalizado incorporado no site do cliente, tags meta HTML ou o cabeçalho x-frame-options.
-
Certifique-se de que o JavaScript da página da Web não interfira nas bibliotecas de criação. Não use ou inclua arquivos usando os seguintes nomes reservados:
-
target-vec-helper.js -
target-vec.js -
target.js -
admin.css -
sizzle.js -
mixContentCheck.htmlAlém disso, a substituição acidental de variáveis ou eventos definidos nesses arquivos pode levar a problemas com o VEC.
-
-
O navegador está bloqueando uma página não segura em um site seguro.
Clique no ícone à esquerda do URL na barra de endereços do navegador e clique em Disable protection on this page
-
Você inseriu um URL inválido.
-
Se o site falhar ao carregar no VEC ou se comportar inesperadamente, uma possível correção é aceitar cookies em seu site no navegador antes de tentar carregar o site no Target.
O VEC aparece interrompido quando uso o modo de navegação. (Somente VEC) section_FA2A18E8FD6A4274B2E395DBAA2FB407
Ao usar o modo de navegação, se você acessar um URL que não tenha Target bibliotecas implementadas (at.js or Adobe Experience Platform Web SDK) ou contém um cabeçalho frame-buster, o VEC parece quebrado. Devido a preocupações com a segurança do navegador, Target O não pode acessar corretamente o URL para o qual você navegou ou o URL do VEC não é atualizado de forma consistente se a página for carregada.
Esse problema ocorre porque o VEC carrega a página da Web em uma <iframe>. Os mecanismos de segurança atuais dos navegadores impedem que Target Impedir a interface de acessar os elementos do quadro fornecido devido à política de mesma origem. Os navegadores bloqueiam scripts que tentam acessar um quadro com uma origem diferente e que inclui informações como location.href.
Você deve usar o novo Extensão Auxiliar de edição visual (recomendado) ou o extensão antiga para injetar o Target nas páginas para navegá-las de maneira ideal.
Problemas causados por conflitos CSS no Visual Experience Composer
Verifique se há algum arquivo CSS que possa afetar a visibilidade ao carregar a página da Web no editor. Por exemplo, usando o overflow: hidden no corpo da página pode levar a problemas de rolagem ou acionar eventos de clique que podem interferir no menu de criação.