Consentl

Consentl en Squarespace

Añada Consentl con la inyección de código de Squarespace, saque Google Analytics de la integración, desactive el banner de Squarespace y vea qué va primero.

Cargador el primero en el <head>
No: lea las limitaciones

¿Puede el cargador ir el primero en el <head>? No. Squarespace genera la inyección de código del Header después de su propio contenido del head (contexto del sitio, bundles, Squarespace Analytics).

Requisitos

  • La inyección de código está disponible en los planes Core, Plus y Advanced (y en algunos planes antiguos Business / Commerce), no en Basic (antes Personal).
  • Su clave del sitio de Consentl, en la página Configuración inicial de su sitio en el panel de control. Añada el nombre de host del sitio en el campo Dominios; www. y el dominio sin www cuentan como el mismo sitio, así que no hace falta añadir www. por separado.

Qué cubre su plan de Consentl

  • Free: solo banner, registro de consentimientos y bloqueo manual.
  • Pro: añade Google Consent Mode v2.
  • Business: añade el bloqueo automático de rastreadores conocidos y las reglas de bloqueo que añada en el panel de control.

En Free y Pro, solo se retienen las etiquetas que marque manualmente.

Instalación

  1. Abra el panel Code Injection. La forma más rápida es buscar «Code injection» en el buscador del panel. Según la versión de su panel, se encuentra en Website → Pages → Custom Code → Code Injection, Settings → Developer tools → Code injection o Settings → Advanced → Code Injection.

  2. En Header, pegue el cargador como primera línea:

    <script src="https://api.consentl.com/v1/loader.js?k=SITE_KEY&l=en"></script>

    Si el sitio también utiliza la plantilla de Consentl para GTM, añada &gcm=ext a la URL para que solo la plantilla envíe comandos de Consent Mode.

  3. Haga clic en Save.

  4. Saque Google Analytics de la integración integrada de Squarespace: elimine el ID de medición de Settings → Developer tools → External API keys (Google Analytics) y, en su lugar, añada GA (gtag.js) o GTM en la inyección de código del Header, por debajo de la línea de Consentl. El banner de cookies propio de Squarespace controla su integración integrada de Google Analytics y los vídeos de YouTube insertados. Una vez desactivado ese banner (paso siguiente), Squarespace ya no espera el consentimiento, y Consentl no puede retener una etiqueta que Squarespace inyecta antes que él.

  5. Desactive el banner propio de Squarespace en el panel Cookies & Data Privacy (/settings/website/cookies): Cookie banner → off. Solo puede haber un banner de consentimiento activo. Después, decida sobre Non-essential cookies: Restrict:

    • Off: una integración integrada de GA que no haya eliminado se ejecuta antes de cualquier consentimiento.
    • On: la GA integrada de Squarespace y sus propias cookies de analíticas nunca se ejecutan, ni siquiera después de que el visitante acepte en Consentl (Squarespace: los visitantes «won't be able to opt in», no podrán dar su consentimiento).
    • Con GA trasladado a la inyección de código (paso 4), Restrict ya no afecta a GA; actívelo solo si quiere desactivar para todos las cookies no esenciales propias de Squarespace.

  6. Compruebe los vídeos de YouTube insertados en los bloques de vídeo de Squarespace. Si se cargan antes del consentimiento, sustitúyalos por un bloque Code que Consentl retenga:

    <iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>

  7. Opcional: añada un enlace en el pie de página con la URL #consentl y el texto «Configuración de cookies». Los enlaces cuya URL termina en #consentl o #consentl-preferences, y cualquier elemento con el atributo data-consentl-open, abren las preferencias.

  8. Opcional: en su página de política de cookies, añada un bloque Code con la declaración:

    <div data-consentl-declaration data-api="https://api.consentl.com" data-key="SITE_KEY" data-locale="en"></div>
<script src="https://api.consentl.com/v1/blocks.js" defer></script>

    Utilice en su lugar data-consentl-request o data-consentl-withdrawal para el formulario de solicitudes sobre datos personales o el formulario de desistimiento de la UE. El formulario de desistimiento requiere el plan Pro o superior y debe activarse en el panel de control; de lo contrario, queda vacío.

Comprobar que funciona

Abra el sitio en una ventana privada. La inyección de código también se ejecuta en la vista previa del editor; si un script se comporta mal allí, utilice Disable Scripts in Preview o añada /safe a la dirección del editor.

La región del visitante se obtiene de su dirección IP: Consentl consulta el país en memoria en cada vista de página (no se almacena nada) y aplica la regla que haya definido para él en el panel de control. No se distingue entre estados de EE. UU.: los visitantes de EE. UU. reciben su regla para todo EE. UU. o, si no la hay, su primera regla de un estado de EE. UU. Un país desconocido recibe su regla para las regiones desconocidas (opt-in de forma predeterminada).

Código por página e idiomas

  • Código específico de una página: Settings → Advanced → Page Header Code Injection de la página. Se añade además del Header de todo el sitio. No coloque allí el cargador: mantenga un solo cargador, con la misma URL, en todas las páginas.
  • Squarespace no tiene sitios multilingües nativos. Omita &l= para utilizar el idioma predeterminado definido en el panel de control.

Limitaciones

  • No es el primero en el head. Los propios scripts de Squarespace, incluido Squarespace Analytics, se cargan antes que Consentl y este no puede bloquearlos. Restrínjalos con el ajuste «Non-essential cookies» de Squarespace si es necesario (consulte en el paso 5 el efecto sobre la GA integrada). Las etiquetas de terceros cargadas por código por debajo de la línea de Consentl, o en bloques, se retienen cuando son rastreadores reconocidos (plan Business y superiores); en Free y Pro, solo se retienen las etiquetas que marque manualmente.

  • Etiquetas escritas directamente. Un <script src>, un píxel <img> o un <iframe> escrito en la inyección de código o en un bloque Code lo obtiene el navegador antes de que ningún script pueda detenerlo, aunque Consentl impida que se ejecute. Marque manualmente esas etiquetas y elimine los píxeles en <noscript>:

    <script type="text/plain" data-consentl="marketing" src="https://ads.example.com/tag.js"></script>
<iframe data-consentl="marketing" data-src="https://www.youtube-nocookie.com/embed/ID" title="Video"></iframe>
<img data-consentl="marketing" data-src="https://tracker.example.com/pixel.gif" alt="" width="1" height="1">

    Las etiquetas cargadas por código (GTM, el cargador JavaScript de un píxel) se retienen sin solicitud cuando el bloqueo automático está activado.

  • Las páginas del proceso de pago no admiten código personalizado; el banner no aparece dentro del proceso de pago. Solo existen los campos de las páginas Order Confirmation y Order Status.

  • Las plantillas de la versión 7.0 con carga AJAX pueden no volver a ejecutar el código en la navegación dentro del sitio. Esto no supone un problema para el cargador, que permanece cargado; la navegación en el lado del cliente no hace perder el banner.

¿Se ha atascado? Escriba a support@consentl.com: respondemos en inglés en días laborables.