Ver originales (Francés)

Implementación del consentimiento RGPD a través de Orejime de código abierto

baguetteagile Mensajes publicados 106 Estado Miembro -  
baguetteagile Mensajes publicados 106 Estado Miembro -
Hola a todos y todas,

actualmente estoy trabajando en la problemática de la conformidad con el RGPD de los sitios web.

Utilizo un CMS francés de código abierto para crear mis sitios:

https://editor.silex.me/

Me gustaría utilizar esta solución en mis sitios

https://github.com/empreinte-digitale/orejime

https://orejime.empreintedigitale.fr/

dicho esto, no entiendo cómo implementar esta parte de la explicación

API e instancia de Orejime

https://github.com/empreinte-digitale/orejime#api

Gracias de antemano por su ayuda.

Configuración: Linux / Chrome 87.0.4280.141

2 respuestas

  1.
    jordane45 Mensajes publicados 30427 Fecha de registro   Estado Moderador Última intervención   4 833
     
    Hola,

    Aparte de decirte que apliques lo que está señalado en el enlace que nos das (todo está ahí...), no veo qué más podríamos decirte...
    En todo caso, muestra lo que ya has hecho y explica en qué punto preciso tienes problemas...

    --
    Cordialmente,
    Jordane
    0
    1. baguetteagile Mensajes publicados 106 Estado Miembro 7
       
      Hola jordane45,

      en realidad, como mencioné en el primer mensaje, no sé cómo implementar la parte

      API e instancia de Orejime:

      https://github.com/empreinte-digitale/orejime#api

      No tengo un retorno gráfico en mi sitio como en este ejemplo:

      https://orejime.empreintedigitale.fr/
      0
      1. jordane45 Mensajes publicados 30427 Fecha de registro   Estado Moderador Última intervención   4 833 > baguetteagile Mensajes publicados 106 Estado Miembro
         
        Hola,

        Y como yo mismo te lo he dicho, sin mostrarnos lo que ya has hecho... es imposible poder ayudarte.
        porque, antes del capítulo de API... ya hay bastantes cosas que poner en marcha...

        Y también, piensa en mirar en la consola de javascript de tu navegador si no hay errores que se estén mostrando.

        Último punto... para mostrarnos tu código, deberás utilizar las etiquetas de código;
        Explicaciones ( ¡ Lee TODO ! ) disponibles aquí : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code
        0
  2. baguetteagile Mensajes publicados 106 Estado Miembro 7
     
    Voici le code pour la partie "Head" 

    <!-- Biblioteca Orejime --> <link rel="stylesheet" href="https://unpkg.com/orejime@1.2.3/dist/orejime.css" /> <script src="https://unpkg.com/orejime@1.2.3/dist/orejime.js"></script> <!-- fin de la biblioteca Orejime --> <!-- Etiquetas de script de terceros --> <script type="opt-in" data-type="application/javascript" data-name="google-tag-manager" (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push [...]></script> <script type="opt-in" data-type="application/javascript" data-name="google-analytics" data-src="https://www.googletagmanager.com/gtag/js?id=UA-137580905-2"></script> <script type="opt-in" data-type="application/javascript" data-name="bouton-facebook" data-src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FCaliceBluesRock%2F%3Fmodal%3Dadmin_todo_tour&width=180&layout=button_count&action=like&size=large&share=true&height=46&appId"></script> <script type="opt-in" data-type="application/javascript" data-name="lecteur-videas" data-src="https://videas.fr/embed/3860669b-405b-4419-83b3-056a74d811c4/"></script> <!-- fin de las etiquetas de script de terceros --> <!-- Etiqueta global (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-137580905-2"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-137580905-2'); </script>


    la partie "variantes" dans laquelle j'ai ajouté le pixel Facebook et le cookie du lecteur vidéo
    (vidéas) 

    /* inicialización automática */ window.orejimeConfig = { } /* variable consentimiento */ var orejimeConfig = { // Opcional. Puedes personalizar el ID del <div> que Orejime creará al iniciarse. // El <div> generado se insertará al principio del <body>. // Si ya hay un elemento DOM con este id, Orejime lo usará en lugar de crear un nuevo elemento. // por defecto a "orejime". elementID: "orejime", // Opcional. Para la accesibilidad, el modal de Orejime debe saber cuál es el elemento // que contiene tu aplicación o sitio web. Orejime *no* debe estar en este elemento. // La idea es que tu DOM podría verse así después de que Orejime esté inicializado: // <body> // <div id="orejime">...</div> // <div id="app">tu sitio web actual</div> // </body> // // Se recomienda encarecidamente establecer esta opción, aunque no es obligatorio. // por defecto a indefinido. appElement: "#app", // Opcional. Puedes personalizar el nombre de la cookie que Orejime utiliza para almacenar // decisiones de consentimiento de los usuarios. // por defecto a "orejime". cookieName: "orejime", // Opcional. Puedes establecer un tiempo de expiración personalizado para la cookie de Orejime, en días. // por defecto a 365. cookieExpiresAfterDays: 365, // Opcional. Puedes proporcionar una función personalizada para serializar el contenido de la cookie. stringifyCookie: (contents) => JSON.stringify(contents), // Opcional. Puedes proporcionar una función personalizada para deserializar el contenido de la cookie. parseCookie: (cookie) => JSON.parse(cookie), // Debes proporcionar un enlace a tu página de política de privacidad privacyPolicy: "http://www.calicebluesrock.be/politiquedecokkies.html", // Opcional. Las aplicaciones configuradas a continuación estarán ACTIVADAS por defecto si default=true. // por defecto a verdadero default: true, // Opcional. Si "mustConsent" se establece en verdadero, Orejime mostrará directamente el modal del gestor de consentimiento // y no permitirá que el usuario lo cierre antes de haber consentido o rechazado activamente // el uso de aplicaciones de terceros. // por defecto a falso mustConsent: false, // Opcional. Si "mustNotice" se establece en verdadero, Orejime mostrará el aviso de consentimiento // y no permitirá que el usuario lo cierre antes de haber consentido o rechazado activamente // el uso de aplicaciones de terceros. // No tiene efecto si mustConsent se establece en verdadero. // por defecto a falso mustNotice: false, // Opcional. Si "implicitConsent" se establece en verdadero, Orejime aceptará automáticamente // las cookies si el usuario continúa su navegación en el sitio web después de la // primera página. Si habilitas esto, debes advertir al usuario // de este comportamiento en la ventana de aviso. Puedes hacerlo fácilmente sobreescribiendo // cadenas de traducción (ver abajo). // por defecto a falso implicitConsent: false, // Opcional. Puedes definir directamente el idioma de la interfaz aquí. Si es indefinido, Orejime // usará el valor dado en la variable global "lang", o volverá al valor // en el atributo <html> lang, o volverá a "en". lang: "fr", // Opcional. Puedes pasar una url de imagen para mostrar en el aviso. // Si la imagen no es exclusivamente decorativa, puedes pasar un objeto // con los atributos src y alt de la imagen: `logo: {src: '...', alt: '...'}` // por defecto a falso logo: false, // Opcional. Establece Orejime en modo de depuración para tener algunas cosas // registradas en la consola, como advertencias sobre traducciones faltantes. // por defecto a falso debug: false, // Puedes sobrescribir traducciones existentes y agregar traducciones para tus // descripciones y propósitos de la aplicación. Consulta `src/translations.yml` para una lista completa // de traducciones que pueden ser sobrescritas translations: { en: { consentModal: { description: "Este es un ejemplo de cómo sobrescribir una traducción existente ya utilizada por Orejime", }, inlineTracker: { description: "Ejemplo de un script de seguimiento en línea", }, externalTracker: { description: "Ejemplo de un script de seguimiento externo", }, purposes: { analytics: "Analítica", security: "Seguridad" } }, }, // La lista de aplicaciones de terceros que Orejime gestionará por ti. // Las aplicaciones aparecerán en el modal en el mismo orden en que se definieron aquí. apps: [ { // El nombre de la aplicación, usado internamente por Orejime. // Cada nombre debe coincidir con un nombre de una etiqueta <script> definida en la // "Documentación para cambiar tus scripts de terceros existentes". name: "google-tag-manager", // El título de tu aplicación tal como se lista en el modal de consentimiento. title: "Google Tag Manager", // Una lista de expresiones regex, cadenas o arreglos, que dan los nombres de // las cookies establecidas por esta aplicación. Si el usuario retira el consentimiento para una // aplicación dada, Orejime automáticamente eliminará todas las cookies que coincidan. // // Consulta un ejemplo diferente a continuación con la aplicación inline-tracker // para ver cómo definir cookies establecidas en diferentes rutas o dominios. cookies: [ "_ga", "_gat", "_gid", "__utma", "__utmb", "__utmc", "__utmt", "__utmz", "_gat_gtag_" + GTM_UA, "_gat_" + GTM_UA ], // Opcional. El(los) propósito(s) de esta aplicación. Se enumerarán en el aviso de consentimiento. // No olvides agregar traducciones para todos los propósitos que enumeres aquí. purposes: ["analytics"], name: "Facebook", title: "bouton-facebook", cookies: [ "wd" ], name: "videas", title: "lecteur-videas", cookies [ "__stripe_mid" ], purpose: ["Aplicación requerida"], // Opcional. Una función de devolución de llamada que se llamará cada vez que // el estado de consentimiento de la aplicación cambie. Pasa // la configuración `app` como segundo parámetro también. callback: function(consent, app){ // Esta es un ejemplo de función de devolución de llamada. console.log("Consentimiento del usuario para la aplicación " + app.name + ": consentimiento=" + consentimiento) }, // Opcional. Si "required" se establece en verdadero, Orejime no permitirá que el usuario desactive esta aplicación. // por defecto a falso required: false, // Opcional. Si "optOut" se establece en verdadero, Orejime cargará esta aplicación incluso antes // de que el usuario dé consentimiento explícito. Recomendamos dejar siempre esto en "falso". // por defecto a falso optOut: false, // Opcional. Si "default" se establece en verdadero, la aplicación se habilitará por defecto // Sobrescribe la configuración global "default". // por defecto al valor de la configuración global "default" setting default: true, // Opcional. Si "onlyOnce" se establece en verdadero, la aplicación solo se ejecutará // una vez independientemente de cuántas veces el usuario la active y desactive. // por defecto a falso onlyOnce: true, }, { name: "inline-tracker", title: "Inline Tracker", purposes: ["analytics"], cookies: [ "inline-tracker" // Al eliminar una cookie, Orejime intentará eliminar una cookie con el nombre dado, // la ruta "/" y múltiples dominios (el dominio actual y "." + dominio actual). // Si una aplicación establece una cookie en una ruta o dominio diferente a eso, Orejime no será // capaz de eliminarla por sí solo sin más información. // En este caso, puedes definir explícitamente una cookie, una ruta y dominio: ["cookieName", "/blog", "." + location.hostname], ["cookieName", "/", "test.mydomain.com"], ] }, { name: "external-tracker", title: "External Tracker", purposes: ["analytics", "security"], cookies: ["external-tracker"], required: true } ], } /* fin de la variable consentimiento */


    Aquí hay un enlace en Netlify:

    https://calice-orejime.netlify.app/
    0