Instala Cookies en HubSpot

Instala Cookies en HubSpot

Esta integración desactiva el banner nativo de HubSpot, niega sus tres categorías antes de cargar tracking y las actualiza solo cuando Soyio entrega un consentimiento validado.

1. Abre el código global del dominio

En HubSpot:

1. Abre Configuración
2. Ve a Contenido > Páginas
3. Selecciona el dominio
4. Abre Site Header HTML

Para una sola página, abre su editor y usa Settings > Advanced > Head HTML.

Referencia: fragmentos de código en contenido de HubSpot.

2. Pega el snippet completo

Reemplaza csite_TU_TOKEN por el token del sitio. Este orden es obligatorio: la negación de HubSpot debe aparecer antes de su tracking code.

Site Header HTML

<!-- Deniega HubSpot antes de cargar su tracking code -->
<script>
  window.disableHubSpotCookieBanner = true;
  window._hsp = window._hsp || [];
  window._hsp.push([
    'setHubSpotConsent',
    {
      analytics: false,
      advertisement: false,
      functionality: false,
    },
  ]);
</script>

<script
  id="soyio-cookie-loader"
  defer
  src="https://cdn.jsdelivr.net/npm/@soyio/soyio-widget@3.14.0/dist/cookie-loader.js"
  data-site-token="csite_TU_TOKEN"
  data-consent-mode="gtag"
></script>

<!-- Sincroniza las categorías validadas por Soyio con HubSpot -->
<script>
  document
    .getElementById('soyio-cookie-loader')
    ?.addEventListener('load', function () {
      window.SoyioCookieConsent.addConsentListener(function (state) {
        var categories = state ? state.acceptedCategories : [];
        var accepted = function (category) {
          return categories.indexOf(category) !== -1;
        };

        window._hsp.push([
          'setHubSpotConsent',
          {
            analytics: accepted('analytics'),
            advertisement: accepted('marketing'),
            functionality: accepted('functional'),
          },
        ]);
      });
    });
</script>

Para sandbox, agrega data-sandbox="true" al loader.

Correspondencia de categorías

Soyio	HubSpot
analytics	analytics
marketing	advertisement
functional	functionality
Sin decisión válida o error	Todas en false

HubSpot no persiste por sí solo los valores enviados con setHubSpotConsent. Soyio conserva la decisión y la reproduce después de validarla en cada visita.

Referencia: API del banner de consentimiento de HubSpot.

3. Prueba la integración

1. Publica los cambios
2. Abre una ventana privada
3. Rechaza todo y confirma que HubSpot no crea cookies opcionales
4. Acepta analítica y confirma que solo analytics pasa a true
5. Acepta marketing y confirma que advertisement pasa a true
6. Cambia las preferencias y repite la verificación

No mantengas dos banners activos. El snippet desactiva el banner de HubSpot, pero debes quitar cualquier otro CMP o instalación duplicada de Soyio.

Sigue con bloqueo y verificación para controlar tags que no pertenecen a HubSpot.