Añadir el aviso de cookies o de privacidad en un aplicación FundeWeb

Modificaciones para añadir el un aviso de cookies sencillo en un aplicación FundeWeb.una aplicación FundeWeb. Se entiende que solamente se pondrá uno de ellos, normalmente el de cookies pero en esta guia vamos a añadir los dos a la aplicación con posibilidad de configurarlos a través de una propiedad en los filtros. No es necesario hacer las modificaciones de los dos.

template.xhtml

A continuación se muestran las modificaciones necesarias para el archivo template.xhtml, el código de ejemplo es para una apliacción FundeWeb 2, pero se podría adaptar para otras aplicaciones.

• Añadir un nuevo fichero js: cookies.js, con la funcionalidad para detectar si ya se han aceptado las cookiesla notificación.

  Bloque de código
  <h:outputScript library="js" name="cookies.js" />

  
  

• Añadir Ejemplo para añadir un enlace en el pie de las páginas a la política de cookies, entre el y privacidad después del enlace de la declaracion de accesibilidad y el de lopd.

  Bloque de código

  <ui<c:fragmentif renderedtest="${notificar.cookies}"> <span class="separator">|</span> <span> <p:commandLink action="#{menuManagerBean.clickAndKillLastConversation('/paginas/politicaCookies.xhtml')}" ajax="false" styleClass="bloqueoFundeweb"> <span>#<h:outputText value="#{messages['menu.components.politica.cookies']}" /> </p:commandLink> </span> </c:if> <span class="separator">|</span> <span> <c:choose> <c:when test="${notificar.politica.privacidad}"> <p:commandLink action="#{menuManagerBean.clickAndKillLastConversation('/paginas/politicaPrivacidad.xhtml')}" ajax="false" styleClass="bloqueoFundeweb"> <h:outputText value="#{messages['application.foot.lopd']}" /> </p:commandLink> </c:when> <c:otherwise> <p:link id="linkLopd" onclick="PF('_widgetDialogLopd').show();return false;" title="#{messages['application.foot.lopd.title']}" pt:role="button"> <h:outputText value="#{messages['application.foot.lopd']}" /> </p:link> </span>c:otherwise> </ui:fragment>c:choose> </span>

  
  

• Añadir los avisos Añadir el aviso de cookies justo después del div de messagesGlobal, al final del template.

  Bloque de código
  <ui:fragment rendered:insert name="notifications"> <c:if test="${notificar.cookies}"> <ui:include src="avisoCookies.xhtml" /> </ui:fragment>c:if> <c:if test="${notificar.politica.privacidad}"> <ui:include src="avisoPrivacidad.xhtml" /> </c:if> </ui:insert>

  
  

Se pueden ver las modificaciones en el archivo template.xhtml

filtro-????.properties

Nueva propiedad notificar.cookies=true

Nueva página de política de cookies

Archivo politicaCookies.xhtml

Codigo xhtml del aviso incluido en el template

Archivo avisoCookies.xhtml

Hay dos estilos de aviso de cookies, para utilizar un estilo tipo growl hay que usar la clase CSS cookies-notif-growl en el div con id cookies_notif.

messages_??.properties

Nuevas propiedades con el texto del aviso.

cookies.summary=S\u00F3lo usamos cookies esenciales
cookies.message=Esta aplicaci\u00F3n web \u00FAnicamente utiliza cookies t\u00E9cnicas propias con la finalidad de permitir la navegaci\u00F3n por el sitio web, de manera que no se recabar\u00E1n ni ceder\u00E1n datos de car\u00E1cter personal de los usuarios sin su conocimiento.

Javascript necesario

Nuevo archivo cookies.js con la funcionalidad para saber si ya se aceptó el aviso de cookies.

Actualizacion de los estilos

Nuevo archivo de estilos cookies.css, este archivo no depende del estilo corporativo así que puede ser usado en aplicaciones no FundeWeb o FundeWeb 1.

...