Integração Vue.js.

Consentimento de Cookies para Aplicativos Vue.js em
|

Name: Vue.js integration
Brand: Secure Privacy
Rating: 4.9 (115 reviews)

Adicione privacidade segura ao seu aplicativo Vue.js de página única, colocando o script em seu shell HTML. O banner, o centro de preferências, a verificação de cookies e os registros de consentimento funcionam nas navegações do Vue Router sem código extra – configure tudo no painel Secure Privacy.

Compatível com Vue 2 e Vue 3

index.html ou Nuxt Config

Persiste em Mudanças de Rota

SOC2 · IAB TCF

Mais de 55 leis de privacidade

SPA

Pronto para mudança de rota

4.9

Por que proteger a privacidade

Construído para
Aplicativos de página única

Os aplicativos Vue.js são renderizados no lado do cliente – as páginas não são recarregadas na navegação, portanto, o script de consentimento deve ser inicializado uma vez e persistido. O Secure Privacy lida com isso nativamente: adicione o script ao shell HTML e o banner sobreviverá a cada transição do Vue Router.

Instalação em uma linha

Cole o script em public/index.html (Vite/Vue CLI) ou nuxt.config head
O script é carregado uma vez antes da montagem do aplicativo Vue
Não é necessário plugin Vue ou pacote npm
Funciona com Vite, Vue CLI, Nuxt 2 e Nuxt 3

Compatível com SPA por padrão

O banner e o centro de preferências persistem nas navegações do Vue Router
Estado de consentimento armazenado em cookies – sobrevive às atualizações da página
Não há necessidade de reinicializar nos ganchos de mudança de rota
Lida com roteamento em modo hash e histórico

Bloqueio de script para SPAs

Bloqueia scripts analíticos e de marketing até que o consentimento seja concedido
Funciona com tags de terceiros injetadas dinamicamente
Modo de consentimento do Google v2 compatível com GA4 e Google Ads
Verifique novamente após adicionar novas integrações de terceiros

Recursos do Vue.js

Tudo que você precisa paraConformidade com Vue.js.

Secure Privacy fornece verificação de cookies, banners personalizáveis, registro de consentimento, segmentação geográfica, suporte multilíngue e modo de consentimento do Google - tudo configurado no painel e injetado por meio de uma única tag de script no shell HTML do seu aplicativo Vue.

Scanner automatizado de cookies

Detecte e categorize cookies do seu aplicativo Vue e de todos os scripts de terceiros que ele carrega.

Varredura profunda de todas as origens carregadas pelo SPA
Categorização automática: essencial, analítico, marketing, funcional
Monitoramento contínuo de cookies recém-adicionados

Banner de consentimento personalizável

Combine o banner com o sistema de design do seu aplicativo Vue usando o editor visual.

Cores, tipografia e posicionamento via painel
Vários estilos de layout (barra, modal, widget de canto)
Responsivo a dispositivos móveis pronto para uso

Controles granulares de consentimento

Centro de preferências com alternância em nível de categoria e nível de fornecedor.

Aceitar/rejeitar em nível de categoria
Ativação/desativação específica do fornecedor quando o TCF está ativado
Retirada de consentimento por meio de widget flutuante persistente

Suporte SSR Nuxt.js

Lide com a transferência servidor-cliente para que o banner seja renderizado corretamente após a hidratação.

Adicione o script na seção nuxt.config.ts head
Banner inicializa no lado do cliente após a conclusão da hidratação
Compatível com Nuxt 2 (nuxt.config.js) e Nuxt 3 (nuxt.config.ts)

Modo de consentimento do Google v2

Mapeamento automático de sinal de consentimento para GA4, Google Ads e tags relacionadas.

Todos os sete tipos de GCM v2 mapeados para categorias de privacidade segura
Modo avançado para pings sem cookies e modelagem comportamental
Funciona junto com GTM ou gtag.js independente

Regras de segmentação geográfica

Mostre automaticamente o banner certo para a jurisdição de cada visitante.

Mais de 55 modelos de leis de privacidade (GDPR, CCPA, LGPD, POPIA, etc.)
Detecção automática de localização por IP
Regras personalizadas por região ou país

Suporte multilíngue

Veicule banners de consentimento em mais de 70 idiomas para corresponder à configuração i18n do seu aplicativo Vue.

Detectar automaticamente o idioma do visitante
Funciona junto com vue-i18n ou @nuxtjs/i18n
Substituições de tradução personalizadas disponíveis

Registros de auditoria e prova de consentimento

Registros de consentimento imutáveis para conformidade regulatória e auditorias.

Registros com carimbo de data/hora de cada evento de consentimento
Anonimização de IP para alinhamento com GDPR
Pronto para exportação para consultas da DPA

Bloqueio automático de scripts

Bloqueie scripts de terceiros até que o consentimento seja concedido – essencial para aplicativos Vue que carregam SDKs externos.

Bloqueio de pré-consentimento para análises, marketing e scripts sociais
Funciona com scripts carregados dinamicamente comuns em SPAs
Não é necessária marcação manual type='text/plain'

Instalação

Adicione privacidade segura a Seu aplicativo Vue.js

Cole o script Secure Privacy no shell HTML do seu aplicativo Vue para que ele carregue antes da montagem da estrutura. O banner persiste nas navegações do lado do cliente sem código adicional.

01

Copiar script do painel

Faça login em Privacidade segura → Domínios → Instalação → copie o script de instalação do seu domínio.

1 minuto

02

Cole em index.html <head>

Abra public/index.html (Vue CLI) ou index.html (Vite) e cole o script na seção <head> antes de qualquer tag analítica ou de marketing.

2 minutos

03

Execute, teste e verifique novamente

Inicie seu servidor de desenvolvimento (npm run dev), verifique se o banner aparece, aceite/rejeite cookies e execute uma nova verificação de privacidade segura em seu domínio de produção após a implantação.

5 minutos

Seu aplicativo Vue agora está em conformidade.

Conformidade Global, Integrada

Acesso Instantâneo a Mais de 55 Modelos Jurídicos no Mundo Todo

Adapte automaticamente modelos jurídicos e banners de consentimento por localização — conforme por padrão, fluido para os usuários.

Legislações de Privacidade Mapeadas e Monitoradas

Países Cobertos

Regulamentações Atualizadas Continuamente

Core Global Privacy Frameworks

Por que escolher privacidade segura

Privacidade segura vs. Lógica de consentimento DIY Vue

Feature	Privacidade segura	Componente Vue personalizado
Tempo de configuração	5 minutos	Horas a dias
Verificação automática de cookies	verdadeiro	falso
Mais de 55 modelos de leis de privacidade	verdadeiro	Pesquisa manual necessária
Registro de prova de consentimento	verdadeiro	É necessária uma compilação personalizada
Modo de consentimento do Google v2	Mapeamento automático	Implementação manual
Apoio TCF do IAB	CMP certificado	Não é viável
Regras de segmentação geográfica	Integrado	Requer serviço de detecção de IP
Banners multilíngues	Mais de 70 idiomas	Traduções manuais
Persistência de rota SPA	Automático	Deve ser manuseado manualmente
Manutenção	Atualizações do painel, sem implantações	Mudanças de código para cada atualização da lei

Ecossistema Vue.js

Funciona com o seu Pilha Vue.js

0+ native integrations and growing

Marketing & CRM

HubSpot

Sincronização bidirecional de consentimento com HubSpot — mantenha as preferências dos clientes alinhadas entre sistemas.

Consentimento de Cookies para Aplicativos Vue.js em |

Construído paraAplicativos de página única

Instalação em uma linha

Compatível com SPA por padrão

Bloqueio de script para SPAs

Tudo que você precisa paraConformidade com Vue.js.

Scanner automatizado de cookies

Banner de consentimento personalizável

Controles granulares de consentimento

Suporte SSR Nuxt.js

Modo de consentimento do Google v2

Regras de segmentação geográfica

Suporte multilíngue

Registros de auditoria e prova de consentimento

Bloqueio automático de scripts

Adicione privacidade segura a Seu aplicativo Vue.js

Copiar script do painel

Cole em index.html <head>

Execute, teste e verifique novamente

Acesso Instantâneo a Mais de 55 Modelos Jurídicos no Mundo Todo

Core Global Privacy Frameworks

Privacidade segura vs. Lógica de consentimento DIY Vue

Funciona com o seu Pilha Vue.js

HubSpot

Magento

Wix

Drupal

Weebly

WebView

Umbraco

BigCommerce

Adobe Launch

IAB TCF V2.3

WordPress

Adobe Tag Manager

Shopify

Google Tag Manager

Squarespace

Sitecore

Joomla

Google Consent Mode

Tealium

Simples, Transparente Preços

Tudo que você precisa para Vue.js

Guia de instalação do Vue.js

CMS e integrações de estrutura

Aprovado pelas equipes Vue.js

Perguntas frequentes

Adicione consentimento de cookies ao seu aplicativo Vue.js

Mantenha-se à frente da Conformidade de Privacidade

Consentimento de Cookies para Aplicativos Vue.js em
|

Construído para
Aplicativos de página única