Adicionar JavaScript Reset
Curto e agradável
Você pode usar a função Add JavaScript Reset para remover o código JavaScript que você adicionou. Essa função é particularmente útil para aplicativos de página única (SPAs) se o aplicativo não forçar o carregamento de uma nova página ao alternar entre páginas diferentes. Dessa forma, as alterações de JavaScript permanecem visíveis na nova página, mesmo que o direcionamento do experimento não seja mais aplicável. A função de redefinição do JavaScript é executada pouco antes da mudança para a nova página.
Exemplo de aplicativo para reinicialização de JavaScript
Um banner é criado usando JavaScript e deve ser entregue em uma página específica. Quando a página é alterada, ele ainda é entregue, apesar do fato de que a segmentação na página não se aplica.
O código JavaScript a seguir é usado:
window.varify?.helpers?.waitFor('main', (main) => {
if (!main || document.querySelector('.demo-banner')) return;
const css = `.demo-banner{box-sizing:border-box;max-width:800px;margin:12px auto;padding:12px 40px 12px 12px;background:#f33;color:#fff;border-radius:6px;font:14px/1.4 system-ui,sans-serif;position:relative}
.demo-banner .close{position:absolute;top:6px;right:8px;border:0;background:transparent;color:#fff;font-size:18px;cursor:pointer;line-height:1}
.demo-banner a{color:#fff;text-decoration:underline}`;
const style = document.createElement('style');
style.textContent = css;
document.head.appendChild(style);
const html = `
<div class="demo-banner" role="region" aria-label="Demo Banner">
<button class="close" aria-label="Close">×</button>
<strong>Dummy Banner</strong> — Placeholder text. <a href="#">Learn more</a>
</div>`;
main.insertAdjacentHTML('beforebegin', html);
const banner = document.querySelector('.demo-banner');
banner.querySelector('.close').addEventListener('click', () => banner.remove());
});
Você pode usar o seguinte código de redefinição de JavaScript para garantir que o banner seja removido antes da mudança de página:
const elementsToRemove = document.querySelectorAll('#systemchange-styles, .systemchange');
[...elementsToRemove].forEach(element => element.remove());