Zum Inhalt

Wix

---Para instalar nuestro Cookie Consent Manager para tu blog Wix o tu sitio web Wix, simplemente sigue los siguientes pasos:

-## Accede a tu cuenta Wix

Acceda a su cuenta Wix.

Seleccionar sitio web

En la vista general de los sitios web, seleccione el sitio web en el que desea integrar CCM19.

Abrir la administración del sitio web

Abra los ajustes en la administración del sitio web. Encontrará el enlace en la parte inferior de la barra de navegación izquierda:

49e15627-e6c5-409c-bc70-b489fc37f4dc.png

Abrir "Código definido por el usuario

Desplácese hasta el final de la lista de posibles configuraciones. En la última línea encontrará el elemento "Código personalizado". Haga clic en él:

f275d3b7-de2a-47cf-894b-7f9993f272a8.png


Instalar CCM19 en el área de cabecera

Ahora verá tres áreas donde puede añadir scripts.-Nos gustaría añadir el CCM19 en el área de cabecera, en la primera posición. Así que haga clic en el enlace "Añadir código" debajo de "Cabecera":

9995ee03-84aa-45af-89a7-441c8031a181.png


Insertar código

--En la máscara que se ha abierto, debe copiar el fragmento de código de CCM19 en el campo "Introduzca aquí el fragmento de código". Tendrá el siguiente aspecto:

818847ec-10cd-4363-ab8c-ee76907d5570.png


Coloca el código en la cabecera de la página

Más abajo, "Cabecera" ya está seleccionada en el subapartado "Introducir código". Este ajuste se mantiene.

58af1195-084e-40a4-a627-c4b181e455c5.png

Hecho

Por último, haga clic en "Aplicar". El resultado tendrá este aspecto:

84ab469b-db54-45d5-a636-5ad5b32d171b.png

El código se integrará ahora en tu página y el banner CCM19 ya debería ser visible cuando llames a la página.

  • --## Icono Cookie alternativa Abrir la configuración a través del enlace

Si desea utilizar un enlace en lugar del icono (que se encuentra en la parte inferior izquierda por defecto) para dar al usuario la opción de editar su consentimiento desde cualquier página, haga lo siguiente:

1. cree el texto a enlazar

Para que sea accesible desde cualquier lugar, recomendamos colocar el enlace en el pie de página de la página.-Para ello, utilice un elemento de texto (sección de texto) en el que introduzca el texto del enlace deseado (por ejemplo, Abrir configuración).-A continuación, publique el cambio para que el enlace sea visible en el frontend de la página activa. También puede realizar el siguiente paso en la vista previa.

-### 2. leer el ID del elemento de la página

Ahora ve a tu página web, haz clic con el botón derecho en el texto seleccionado previamente (1) y luego haz clic en "Examinar" (el nombre puede variar dependiendo del navegador que estés utilizando).-Ahora se abrirá la consola de desarrollador, en la que parte del código aparece resaltado en color (2).

Desde esta zona, ahora tienes que ir subiendo línea a línea hasta llegar al primer \ (3). Aquí podrás leer el ID correspondiente.

Wix_id_fuer_widget.png

-En nuestro caso es "comp m3x5wp5g" (4), en tu caso tendrá un nombre diferente. Necesitaremos este ID en un momento, así que debería estar guardado en algún sitio o anotado.

3. crear código definido por el usuario

Ahora añadimos un nuevo código a través de "Configuración" y "Código personalizado".

<script>
-document.getElementById("comp m3x5wp5g").onclick = function() {; window.CCM.openWidget()}; 
</script>

Copia este código y pégalo en el primer campo

Wix_ccm19_widget_code.png

Asegúrate de que la configuración se corresponde con la de la captura de pantalla (el nombre puede elegirse libremente).

--IMPORTANTE: en el fragmento de código, el ID (en nuestro caso "comp m3x5wp5g") debe sustituirse por el que determinamos anteriormente:

Wix_ccm19_widget_id_switch.png

--Guardar haciendo clic en "Aplicar" El enlace abre inmediatamente la configuración de cookies en el frontend.

--## Integración de la cookie CCM19 Tabla explicativa

Con CCM19, tiene la opción de mostrar las cookies utilizadas por su sitio web como una tabla en su política de privacidad.-Dado que Wix no soporta actualmente las variantes de integración convencionales, se debe seguir el siguiente procedimiento para la integración:

1. crear código personalizado

Tal y como se ha descrito anteriormente para la integración de CCM19, aquí también tenemos que crear un código personalizado.

Array.prototype.slice.call(document.querySelectorAll('p')).forEach(function (element) { 
   --if (element.textContent == 'ccm cookie declaration') { 
       --element.classList.add('declaración de cookies ccm'); 
        } 
});

--document.querySelectorAll('p.ccm declaración de cookies').forEach(function (pElement) {
    const divElement = document.createElement('div');
    divElement.className = pElement.className;
    divElement.innerHTML = pElement.innerHTML;
    pElement.parentNode.replaceChild(divElement, pElement);
});

Copia el código y pégalo en el primer campo:

Wix_ccm19_cd_code.png

Especifique un nombre y seleccione la página en la que debe aparecer la tabla de cookies. - Compruebe también si están seleccionados "Cuerpo final" y el tipo "esencial".-Este último puede especificarse a través de la pestaña "Tipo de código" (mostrada en la imagen superior). A continuación, haga clic en "Aplicar".

2. colocar tabla

-Haga clic en "Visión general" en el menú de la izquierda para acceder a la edición del sitio web a través del botón situado en la parte superior derecha

Wix_ccm19_webseite_bearbeiten.png

--Ahora ve a la página en la que debe aparecer la tabla explicativa de las cookies.--Aquí añade un "Texto" como "Sección de texto" y luego introduce "ccm cookie declaration" en el campo de texto y asegúrate de que no hay espacios antes y después de él.

Wix_ccm19_cd_integration.png

Ese fue el último paso, la tabla de declaración de cookies se muestra ahora en su sitio web.