HTML Web (personalizado)

Cómo implementar Visible Privacy en un sitio web HTML personalizado.

Implementando Visible Privacy en HTML

Esta guía explica cómo instalar Visible Privacy™ Consent directamente en tu sitio web HTML.


Requisitos previos

Antes de comenzar, asegúrate de tener:

  • Acceso a los archivos HTML de tu sitio web.
  • Tu ID de cliente de Visible Privacy (proporcionado por Visible Privacy).

Instalando el script de Visible Privacy

Edita tu HTML

Abre el archivo HTML principal de tu sitio web donde quieres que aparezca el banner de consentimiento (a menudo un archivo index.html o de plantilla).

Localiza la etiqueta <head>

Encuentra la etiqueta <head> en tu documento HTML.

Añadi el script de Visible Privacy

Inmediatamente después de la etiqueta de apertura <head>, pega el siguiente bloque de script:

index.html
<script src="https://bc-prod-config.empathy.co/MerchantID/cookieBlacklist.js"></script>
<script src="https://bc-prod-config.empathy.co/blockCookieScript.js"></script>
<script src="https://bc-prod-config.empathy.co/MerchantID/customization.js"></script>
<script id="VisiblePrivacy" type="module" src="https://bc-prod-config.empathy.co/assets/index.js"></script>
<link rel="stylesheet" type="text/css" href="https://bc-prod-config.empathy.co/assets/index.css"/>

Indica tu ID de Cliente

En el script pegado, reemplaza "MerchantID" con el ID de cliente real proporcionado por Visible Privacy. Importante: Asegúrate de mantener las comillas dobles alrededor de tu ID de cliente.

Guarda los cambios

Guarda el archivo HTML modificado.