Como Proteger Sua Página de Vendas Contra Inspeção de Elemento

Para proteger sua página de vendas contra inspeção de elemento, use um script JavaScript que bloqueia os atalhos F12, Ctrl+Shift+I, Ctrl+Shift+J, Ctrl+U e o clique direito. Isso não é uma proteção absoluta, mas dificulta bastante a cópia casual do código-fonte e da estrutura da sua página.

"A proteção contra inspeção de elemento funciona como uma tranca na porta -- não impede quem realmente quer entrar, mas desencoraja a grande maioria dos curiosos."

Resumo rápido:

• Concorrentes copiam páginas de vendas usando a inspeção de elemento do navegador
• O script bloqueia os atalhos mais comuns que abrem as ferramentas de desenvolvedor
• Essa proteção é uma barreira, não uma solução definitiva
• Qualquer pessoa com conhecimento técnico pode contornar o bloqueio

Por que proteger a página de vendas?

No mercado digital, é comum que concorrentes acessem suas páginas de vendas e usem a inspeção de elemento para copiar a estrutura HTML, o CSS, os textos de copy e até scripts de rastreamento. Com poucos cliques, alguém consegue replicar uma página inteira.

Isso é frustrante para quem investiu tempo e dinheiro construindo um funil otimizado. Mesmo que a cópia não seja perfeita, ela pode prejudicar sua estratégia de conversão se o concorrente usar a mesma abordagem no mesmo público.

O script de proteção

O código abaixo intercepta os atalhos de teclado e o clique direito, impedindo que o visitante abra as ferramentas de desenvolvedor pelos caminhos mais comuns.

<script>
    // Bloqueia atalhos de teclado que abrem ferramentas de desenvolvedor
    document.addEventListener("keydown", function (e) {
        // F12 — abre DevTools
        if (e.keyCode == 123) {
            e.preventDefault();
        }
        // Ctrl + Shift + I — abre DevTools
        if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
            e.preventDefault();
        }
        // Ctrl + Shift + J — abre console
        if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
            e.preventDefault();
        }
        // Ctrl + U — visualizar código-fonte
        if (e.ctrlKey && e.keyCode == 85) {
            e.preventDefault();
        }
    }, true);

    // Bloqueia o menu de contexto (clique direito)
    document.addEventListener('contextmenu', function (e) {
        e.preventDefault();
    }, true);
</script>

O que cada bloqueio faz

• F12 (keyCode 123): impede a abertura direta das ferramentas de desenvolvedor
• Ctrl + Shift + I (keyCode 73): bloqueia o atalho alternativo para DevTools
• Ctrl + Shift + J (keyCode 74): bloqueia a abertura do console JavaScript
• Ctrl + U (keyCode 85): impede a visualização do código-fonte da página
• Clique direito (contextmenu): remove o menu de contexto que tem a opção "Inspecionar"

Seja honesto -- isso não é segurança real

Preciso ser direto: esse script não é uma proteção verdadeira. Qualquer pessoa com conhecimento técnico mínimo pode contornar esses bloqueios de várias formas:

• Digitando view-source: antes da URL na barra de endereço
• Abrindo as DevTools antes de acessar a página
• Desabilitando JavaScript no navegador
• Usando extensões que removem bloqueios de clique direito

O script funciona como uma barreira para o público casual -- aquele concorrente que sabe clicar em "Inspecionar Elemento" mas não tem conhecimento técnico mais profundo. Para esse perfil, o bloqueio já é suficiente.

Como personalizar os bloqueios

Você pode remover bloqueios específicos se quiser. Por exemplo, se não quer bloquear o clique direito (alguns usuários usam para abrir links em nova aba), basta remover o bloco do contextmenu:

<script>
    // Versão sem bloqueio de clique direito
    document.addEventListener("keydown", function (e) {
        // F12 — abre DevTools
        if (e.keyCode == 123) {
            e.preventDefault();
        }
        // Ctrl + Shift + I — abre DevTools
        if (e.ctrlKey && e.shiftKey && e.keyCode == 73) {
            e.preventDefault();
        }
        // Ctrl + Shift + J — abre console
        if (e.ctrlKey && e.shiftKey && e.keyCode == 74) {
            e.preventDefault();
        }
        // Ctrl + U — visualizar código-fonte
        if (e.ctrlKey && e.keyCode == 85) {
            e.preventDefault();
        }
    }, true);
</script>

Cole o script escolhido dentro da tag <head> ou antes do fechamento da tag <body> da sua página. Se você usa um builder de páginas, procure a opção de inserir código personalizado no cabeçalho ou rodapé.

Para quem quer proteger páginas e ao mesmo tempo acompanhar os resultados das campanhas que direcionam para elas, o Trafius monitora seus anúncios no Meta Ads e envia relatórios pelo WhatsApp.

---

Perguntas frequentes

O bloqueio de clique direito atrapalha a experiência do usuário?

Pode atrapalhar um pouco, já que alguns usuários usam o clique direito para abrir links em nova aba ou copiar textos. Avalie se o benefício compensa para o seu caso.

O script funciona em todos os navegadores?

Funciona na maioria dos navegadores modernos (Chrome, Firefox, Edge, Safari). Navegadores mais antigos podem não respeitar todos os bloqueios.

Posso usar esse script junto com outros scripts da página?

Sim. O script usa addEventListener, que não conflita com outros listeners. Ele pode coexistir com scripts de rastreamento, analytics e qualquer outro código da página.

Existe uma forma mais segura de proteger o conteúdo da página?

Para proteção mais robusta, seria necessário renderizar o conteúdo via servidor (server-side rendering) e não enviar dados sensíveis ao navegador. Mas para páginas de vendas comuns, o script já cumpre bem a função de barreira.