Em campanhas de código personalizado, você cria códigos JavaScript personalizados para adicionar ou manipular qualquer elemento na sua página ou aplicativo. Você pode mudar, mover, trocar ou manipular qualquer elemento quase sem nenhuma limitação.
Criar uma campanha de código personalizado
- Acesse Web Personalization › New Campaign (personalização web › nova campanha) e clique em Custom Code (código personalizado).
- Especifique as configurações da campanha, como gatilho, frequência e configurações avançadas.
- Defina as configurações de segmentação da experiência para determinar quando, onde e para quem a experiência é exibida.
Importante: se as condições de segmentação não estiverem definidas, a campanha será executada em todas as páginas do seu website.
- Crie variações usando modelos, com base em outras experiências, ou usando um feed de dados. Quando você terminar cada variação, clique em Save Variation (salvar variação).
- Defina a alocação, métrica primária e configurações avançadas de experiência.
- Configure a alocação de tráfego de cada variação e do grupo de controle.
- Clique em Save Experience (salvar experiência).
- Clique no ícone + para criar uma experiência segmentada adicional.
- Clique em Preview (prévia) para ver como sua campanha aparecerá e clique em Save and Publish (salvar e publicar) quando estiver tudo pronto para ir ao ar.
Configurações da campanha de código personalizado
- Page Load (carregamento de página): execute o código imediatamente após o carregamento das páginas relevantes (que você definiu na etapa de segmentação para cada variação).
- Time on Page (tempo na página): execute o código somente após decorrido um período definido desde que a página foi carregada.
- Exit Intent (intenção de saída): execute o código quando um visitante exibir a intenção de saída movendo o cursor do mouse para fora da área da página web (apenas desktop).
- Event (evento): execute o código quando um determinado evento for disparado na página.
-
Advanced (avançado): defina múltiplas seleções ou combinações de gatilhos, usando os descritos nessa lista ou os seguintes:
- Element click (clique no elemento): executar o código quando um visitante clicar em um elemento específico na página, definido usando um seletor CSS.
- Element mouseover (passar o mouse sobre um elemento): executar o código quando um visitante passar o mouse sobre um elemento específico na página, definido usando um seletor CSS.
- Element load (carregamento do elemento): executar o código quando um elemento específico for carregado na página, definido usando um seletor CSS.
- External component (componente externo): executar o código quando um componente externo, como um jQuery, for carregado.
Frequency (frequência)
- Once per pageview (uma vez por visualização de página): os visitantes veem a campanha sempre que atendem às condições de segmentação, em cada carregamento de página.
- Once per session (uma vez por sessão): os visitantes veem a campanha quando atendem pela primeira vez às condições de segmentação e, em seguida, não o veem mais pelo restante de sua sessão.
- Once per day/week/month (uma vez por dia/semana/mês): os visitantes veem a campanha quando atendem às condições de segmentação e, em seguida, não o veem mais pelo restante do dia, semana ou mês, dependendo da seleção do período.
- Once per user (uma vez por usuário): os visitantes veem a campanha apenas uma vez, quando atendem pela primeira vez às condições de segmentação.
Observação: as configurações de frequência são aplicadas a nível de experiência, portanto, se você selecionar uma vez por usuário para uma campanha que tenha duas experiências – uma voltada para novos visitantes e outra para recorrentes – o usuário receberá a experiência correspondente, uma vez como um novo usuário e, em seguida, ao retornar ao site e atender à condição de usuário que retornou.
Advanced settings (configurações avançadas)
- Fire a Google Analytics event (legacy) (disparar um evento do Google Analytics [legado]): visível apenas se a integração do Google Analytics estiver habilitada. Você pode desabilitar essa opção para evitar relatar dados sobre uma recomendação específica ao Google Analytics.
- Track campaign performance in your analytics platform (rastrear o desempenho da campanha na sua plataforma de análise): Dispara eventos para quaisquer extensões de análise e código personalizado que você tenha implementado. Se você desabilitar essa opção, ela não disparará eventos para nenhuma de suas implementações de análise.
- Serve on Every SPA Event (servir em cada evento do SPA): relevante para aplicativos de página única que não geram uma atualização do navegador a cada alteração de tela. Se você precisa que a recomendação reinicialize ou reavalie suas condições de segmentação a a cada mudança de tela em seu SPA, dispare um evento track_pageview e habilite essa opção. Para mais informações sobre como trabalhar com SPAs, consulte Dynamic Yield para aplicações de página única.
Depuração de campanhas de código personalizado
Abra as ferramentas de desenvolvedor do seu navegador e anexe o ID da campanha (ou vários IDs para várias campanhas, separados por vírgulas) ao seguinte URL: https://www.dynamicyield.com/?dy_debugger=11111
Extrair um ID de campanha do URL
O ID do objeto pode ser extraído do URL de cada código personalizado, mensagens, ou campanha de conteúdo dinâmico.
Extrair o ID da campanha a partir da página da lista de campanhas
Você pode adicionar o ID da campanha à página da lista de campanhas clicando no menu suspenso das colunas e selecionando ID.
Caso de uso: testes de divisão
Os testes de divisão ou redirecionamento são usados para comparar diferentes URLs como uma variação. Por exemplo, ao testar um novo layout de página inicial, você pode redirecionar metade de seus usuários para um design alternativo. Você pode usar campanhas de código personalizado para executar testes de divisão. Para mais detalhes, consulte realizar testes de divisão.