Skip to main content
Última modificación: 8 de octubre de 2025
// translate-ignore ‘El banner de consentimiento de cookies te permite activar y desactivar diferentes scripts de analíticas dependiendo de las preferencias del usuario.’; Los superadministradores y usuarios con permisos para editar la configuración del sitio web pueden personalizar los banners de seguimiento y consentimiento de cookies de visitantes para cumplir con las leyes de cookies de la UE y con el Reglamento General de Protección de Datos (RGPD). Un banner de consentimiento de cookies permite que los visitantes acepten o rechacen el uso de cookies para su seguimiento en tu cuenta de HubSpot. Esta característica funciona para todas las páginas de HubSpot, además de cualquier página externa con el código de seguimiento de HubSpot instalado. Personaliza la configuración de seguimiento de cookies y el banner de consentimiento de cookies. En este artículo, aprenderás a gestionar las cookies que se agregan al navegador de un visitante a través del banner de consentimiento de cookies. También puedes aprender a usar un banner de consentimiento de cookies de terceros para distribuir el consentimiento, desactivar la recogida del consentimiento y gestionar funciones desde HubSpot.

​
Eliminar cookies

_hsp.push(['revokeCookieConsent']); Elimina las cookies creadas por el código de seguimiento de HubSpot que se incluyen en el banner de consentimiento bajo el RGPD, e incluye las cookies de HubSpot relacionadas con el seguimiento del visitante. Como resultado de la eliminación de cookies, el visitante verá el banner de consentimiento de cookies la próxima vez que cargue la página, ya que aparecerán como si se tratara de un nuevo visitante. Esta función no elimina las cookies colocadas por los banners que no son de HubSpot. Puedes buscar la lista específica de cookies que se eliminarán en la base de conocimientos de HubSpot. Si el bloqueo de cookies está activado, esta función revocará el consentimiento para que las cookies de terceros no se actualicen ni se eliminen en futuras visitas al sitio web. El siguiente bloque de código proporciona un ejemplo de definición de un controlador de eventos para eliminar cookies cuando el usuario hace clic en un elemento (como un botón) con un id de removeCookies: 
/*
Example code to remove the consent banner cookies
when a visitor clicks an element with the 'removeCookies' id.
*/

var _hsp = (window._hsp = window._hsp || []);
document.getElementById('removeCookies').onclick = function () {
  _hsp.push(['revokeCookieConsent']);
};

​
No hacer seguimiento de cookies

_hsq.push(['doNotTrack']); Coloca la cookie __hs_do_not_track en el navegador de los visitantes, lo cual evitará que el código de seguimiento de HubSpot envíe información del visitante. Puedes eliminar la cookie llamando la función de nuevo e incluyendo el argumento {track: true}: _hsq.push(['doNotTrack', {track: true}]); El siguiente bloque de código proporciona un ejemplo de definición de un controlador de eventos para eliminar cookies cuando el usuario hace clic en un elemento (como un botón) con un id de removeCookies: 
document.getElementById('doNotTrack').onclick = function () {
  _hsq.push(['doNotTrack']);
};

​
Obtener el estado de consentimiento de privacidad

_hsp.push(['addPrivacyConsentListener', callbackFunction]); Obtén el estado del consentimiento de privacidad del visitante actual. Existen 3 categorías de consentimiento que pueden utilizarse para proporcionarle un control más granular al usuario. Cada una tiene sus propias claves dentro del objeto consent.categories:
  • consent.categories.analytics
  • consent.categories.advertisement
  • consent.categories.functionality
La página callbackFunction se llamará, dependiendo del estado de la página:
  • Si el banner no está habilitado, o si el visitante ha visto previamente el banner y ha hecho clic en aceptar o rechazar:
    • la callbackFunction se llamará inmediatamente si el código del banner ya está cargado.
    • la callbackFunction se llamará después de que se cargue el código de seguimiento si la función se envía a _hsp antes de que se cargue el código de seguimiento.
  • Si el banner está activado, se llamará a la función de devolución de llamada cuando el visitante haga clic en el botón de aceptar o rechazar.
El bloque de código a continuación muestra cómo registrar en la consola los distintos estados de consentimiento por categoría del visitante actual. 
var _hsp = (window._hsp = window._hsp || []);

// analytics
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(consent.categories.analytics);
  },
]);

// advertisement
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(consent.categories.advertisement);
  },
]);

// functionality
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(consent.categories.functionality);
  },
]);

// or it can all be done in one call
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    console.log(`analytics: ${consent.categories.analytics}`);
    console.log(`advertisement: ${consent.categories.advertisement}`);
    console.log(`functionality: ${consent.categories.functionality}`);
  },
]);

​
Cookies sin clasificación por categoría

_hsp.push(['addPrivacyConsentListener', callbackFunction]); Te permite obtener el estado de consentimiento de privacidad true o false del visitante actual. La página callbackFunction se llamará, dependiendo del estado de la página:
  • Si el banner no está habilitado, o si el visitante ha visto previamente el banner y ha hecho clic en aceptar o rechazar:
    • la callbackFunction se llamará inmediatamente si el código del banner ya está cargado.
    • la callbackFunction se llamará después de que se cargue el código de seguimiento si la función se envía a _hsp antes de que se cargue el código de seguimiento.
  • Si el banner está activado, se llamará a la función de devolución de llamada cuando el visitante haga clic en el botón de aceptar o rechazar.
El bloque de código a continuación muestra cómo registrar en la consola el estado de consentimiento del visitante actual. 
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
  'addPrivacyConsentListener',
  function (consent) {
    if (consent.allowed) {
      console.log('something');
    }
  },
]);
La callbackFunction acepta un objeto consent como único argumento. El objeto consent tiene una única propiedad allowed que será true si:
  • El banner de consentimiento de cookies no está activado, o está activado en modo de solo notificación.
  • El visitante hace clic en aceptar en el banner cuando el modo darse de alta está activado.
  • El visitante ha hecho clic previamente en aceptar en el banner cuando el modo de darse de alta está activado.
La propiedad será false si el banner de consentimiento está activado en el modo darse de alta y el visitante hace clic o ha hecho clic previamente en el botón de rechazar.

​
Permitir a los visitantes del sitio web gestionar su consentimiento

Llama la función showBanner para que vuelva a aparecer el banner, lo que permitirá a los visitantes del sitio web realizar cambios en sus preferencias de consentimiento. Por ejemplo: 
​​var _hsp = window._hsp = window._hsp || [];
​​_hsp.push(['showBanner']);
El comportamiento de showBanner varía según la política y solo está disponible para las políticas darse de alta y cookie por categoría. Para las políticas darse de alta, llamar a showBanner hará que vuelva a aparecer el banner, como se muestra en el siguiente video: Para las políticas de cookies por categoría, al llamar a showBanner, volverá a aparecer el modal para seleccionar cada categoría, como se muestra en el siguiente video:

​
Ejemplos de IU

Esta funcionalidad puede ponerse a disposición de los visitantes en forma de botones o enlaces en tu sitio web que puedan utilizar para volver a abrir el banner y editar sus preferencias. Los siguientes son ejemplos con código.

​
Botón

Un botón, a menudo situado en el pie de página del sitio web.
  • HTML
  • CSS
<button
  type="button"
  id="hs_show_banner_button"
  onClick="(function(){
        var _hsp = window._hsp = window._hsp || [];
        _hsp.push(['showBanner']);
      })()"
>
  Cookie Settings
</button>

​
Botón con posición fija

Un botón con posición fija en la parte inferior de la pantalla. Este tipo de botón tiene la ventaja de estar fácilmente disponible y de ser fácil de encontrar, aunque obstruye un poco la experiencia del usuario.
  • HTML
  • CSS
<button
  id="hs-hud-cookie-settings"
  onClick="(function(){
      var _hsp = window._hsp = window._hsp || [];
      _hsp.push(['showBanner']);
    })()"
>
  Cookie Settings
</button>

​
Enlace

Un enlace o texto resaltado.
  • HTML
  • CSS
<a
  id="hs-cookie-settings-link"
  onClick="(function(){
      var _hsp = window._hsp = window._hsp || [];
      _hsp.push(['showBanner']);
    })()"
>
  Cookie Settings
</a>

​
Bloquear manualmente las cookies de terceros

El banner de consentimiento de HubSpot admite la gestión manual de tecnologías de seguimiento y cookies de terceros. Se recomienda utilizar la configuración manual si tienes un sitio web complejo o un desarrollador web dedicado. Si el bloqueo automático no funciona en tu sitio, el bloqueo manual también es una buena opción. El bloqueo manual se implementa mediante la API de escucha del consentimiento del banner de cookies, como se describe en las secciones siguientes. Esta API se utiliza para impedir que las tecnologías de seguimiento se ejecuten hasta que obtengan el consentimiento.

​
Uso general

Si quieres instalar un script de seguimiento en tu sitio web para mostrar anuncios dirigidos a los visitantes. Podrías utilizar algo como lo que se indica a continuación: <script src=”https://my.advertisement.script.com/ads”></script> Cuando este script se pega en el HTML de encabezado de una página de un sitio web, se ejecutaría cada vez que alguien visite esa página, independientemente de su estado de consentimiento. A los visitantes se les colocarán cookies en su navegador sin su consentimiento. Para evitar que el script se ejecute sin consentimiento, puedes utilizar la API de detector de consentimiento de banner de cookies de HubSpot para instalar el script cuando el visitante haya aceptado el consentimiento de las cookies. Los detectores de consentimiento son funciones que se ejecutan cada vez que el visitante envía su consentimiento. Para utilizar esta funcionalidad, es necesario crear un detector de consentimiento que agregue el script a la página si el visitante ha dado su consentimiento a las cookies publicitarias. 
<script>
 var _hsp = window._hsp = window._hsp || [];
_hsp.push(['addPrivacyConsentListener', (consent) => {
if (consent.categories.advertisement) {
const script = document.createElement('script');
        	script.src = "https://my.advertisement.script.com/ads";
        	document.head.appendChild(script)
}
}])
</script>
Este script registrará el detector de consentimiento con el banner de cookies. Cuando se envíe el consentimiento a las cookies, se ejecutará el detector de consentimiento, agregando el script de anuncios de terceros de HubSpot a la página.

​
Ejemplo: Google Tag

Se puede utilizar Google Tag o gtag.js para agregar Google Analytics. Por ejemplo: 
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){window.dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'GA_TRACKING_ID');
</script>
Para cargar Google Analytics cuando se ha dado el consentimiento de analíticas, es necesario agregar el script gtag cuando se da el consentimiento: 
<!-- Google tag (gtag.js) -->
<script>
     var _hsp = window._hsp = window._hsp || [];
    _hsp.push(['addPrivacyConsentListener', (consent) => {
    if (consent.categories.analytics) {
        const script = document.createElement('script');
          script.src = "https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID";
          script.async = 'true'
          document.head.appendChild(script)
      }
    }])
</script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'GA_TRACKING_ID');
</script>

​
Ejemplo: HotJar

HotJar es otro ejemplo de seguimiento de analíticas. Por ejemplo: 
<!-- Hotjar Tracking Code -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:HOT_JAR_ID,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
Para garantizar que HotJar se ejecuta cuando se da el consentimiento de analíticas, se puede agregar el detector de consentimiento. 
<!-- Hotjar Tracking Code -->
<script>
var _hsp = window._hsp = window._hsp || [];
_hsp.push(['addPrivacyConsentListener', (consent) => {
	if (consent.categories.analytics){
(function(h,o,t,j,a,r){
        		h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        		h._hjSettings={hjid:HOT_JAR_ID,hjsv:6};
        		a=o.getElementsByTagName('head')[0];
        		r=o.createElement('script');r.async=1;
        		r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        		a.appendChild(r);
    		})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
}

}])
</script>

​
Consentimiento de cookies de terceros

En la sección siguiente, puedes aprender a utilizar un banner de consentimiento de cookies de terceros para:
  • Distribuir el consentimiento
  • Desactivar la recogida del consentimiento
  • Gestionar características dentro de HubSpot

​
Desactivar el banner de cookies de HubSpot

Para desactivar la visualización del banner de cookies de HubSpot, incluye el siguiente código en un script cerca de la parte superior del html del encabezado de tu página. Esto también desactivará cualquier gestión de consentimiento. 
window.disableHubSpotCookieBanner = true;

​
Establecer el estado de consentimiento del banner de cookies de HubSpot

Establece el valor de consentimiento para todos los productos de HubSpot, de terceros o personalizados integrados con el banner de cookies de HubSpot. Esta función toma un objeto que especifica el estado de consentimiento del visitante, guarda ese valor como estado de consentimiento actual y distribuye ese consentimiento a todos los scripts con los detectores de consentimiento adjuntos. Este valor no se guarda en las cookies de consentimiento gestionadas por el banner de cookies. Conservar el estado de consentimiento entre sesiones corresponde a quien llama a esta función. La función acepta un objeto de consentimiento con los siguientes campos:
Nombre de campoTipoDescripción
analyticsBooleanoConcede el consentimiento para utilizar cookies para recoger datos de analíticas del visitante del sitio web.
advertisementBooleanoConcede el consentimiento para utilizar cookies que ayuden a ofrecer anuncios personalizados al visitante.
functionalityBooleanoConcede el consentimiento para utilizar cookies para funciones necesarias para el funcionamiento de tu sitio web (por ejemplo, autenticación).
El siguiente bloque de código de ejemplo inicializa todos los valores de consentimiento a true. 
window._hsp = window._hsp || [];
window._hsp.push([
  'setHubSpotConsent',
  {
    analytics: true,
    advertisement: true,
    functionality: true,
  },
]);
Ejemplo: Utilizar un banner de cookies de terceros para controlar las cookies de HubSpot El siguiente fragmento de código y script proporcionan un ejemplo de cómo enviar un evento personalizado cada vez que cambia el estado de consentimiento. Ten en cuenta que la funcionalidad que quieras implementar para tu caso de uso específico puede variar del código de ejemplo que aparece a continuación. Consulta la documentación de terceros (por ejemplo, la introducción de Google a la gestión del consentimiento del usuario) para obtener más información sobre cómo adaptar el comportamiento a las necesidades de tu sitio web. 
CustomEvent('thirdPartyConsentEvent', {
  detail: {
    analytics: true,
    advertisement: true,
    functionality: true,
  },
});
El siguiente script debe colocarse en la parte superior del html del encabezado de la página. 
<script>
  // disable the hubspot cookie banner window.disableHubSpotCookieBanner = true
  // listen for the third party consent event and send consent to HubSpot
  window._hsp = window._hsp || [];
  document.addEventListener("thirdPartyConsentEvent", (e) =>{' '}
  {window._hsp.push([
    'setHubSpotConsent',
    {
      analytics: e.detail.analytics,
      advertisement: e.detail.advertisement,
      functionality: e.detail.functionality,
    },
  ])}
  )
</script>