Nuevo aviso sobre cookies en Blogger. Cómo modificarlo o incluso eliminarlo | Oloblogger Hoy todos los blogs de Blogger hemos amanecido con un nuevo aviso de cookies que se muestra cuando son vistos desde algún país de la Unión E...

28 de julio de 2015

Nuevo aviso sobre cookies en Blogger. Cómo modificarlo o incluso eliminarlo

Hoy todos los blogs de Blogger hemos amanecido con un nuevo aviso de cookies que se muestra cuando son vistos desde algún país de la Unión Europea.

Esto en un principio es de agradecer porque así evitamos incumplir la legislación vigente con un sistema que nos viene de serie, pero el problema es que como estas leyes tienen bastante tiempo, muchos ya habíamos incorporado un aviso propio y ahora nos encontramos con dos. Redundancia y peso innecesario, dos inconvenientes que vamos a tratar de salvar.

Hay un tercero que sería el meramente estético y un posible cuarto si tenemos otros servicios externos distintos de Adsense o Analytics, pero todo lo veremos a continuación.



¿Quién verá el aviso?


La ley sobre la que hoy hablamos obliga a que se informe sobre el uso de cookies a los residentes de países de la Unión Europea (UE), así que en un principio sólo accediendo al blog con su URL global (.com) o con una URL personalizada por país de alguno perteneciente a alguna nación miembro (.es, .de, .uk, etc.), el aviso será visible (más info sobre la redirección de dominios por países aquí y aquí).

El dominio global visualiza el aviso por si las moscas y con el acceso desde móvil (?m=1) ocurre lo mismo. Si accedes al blog desde un .com.ar o .mx, por ejemplo, el aviso no debería salir.


Cómo se genera el aviso


Desde ahora, a la larga lista de cosas que Blogger carga automáticamente en nuestros sitios se añade el fichero cookiechoices.js que podréis ver accediendo a vuestro código fuente tras cargar cualquier página. En el enlace anterior tenéis su contenido, un JavaScript que carga la caja con el aviso y que genera una cookie para poder desactivar el aviso durante un año cuando se acepta.

CookieChoices.org es un sitio que desde hace tiempo Google puso a disposición de los desarrolladores para informar sobre esto de la aceptación de cookies, así como para proporcionarnos diversas utilidades que generaban automáticamente el código necesario.

Sería conveniente que hicierais una visita por allí si todavía no tenéis muy claro de que va este tema de las cookies, pues no sólo afecta a los sitios alojados en Europa sino a todos los que se puedan ver desde este continente... o sea, a todos.


Anular el aviso


Para los que ya tengáis otro aviso creado con otro sistema y no queráis que adicionalmente salga este de Google, simplemente tendréis que añadir a vuestra plantilla lo siguiente. El lugar correcto sería después de la apertura <head> o antes de su cierre </head>.

<script>cookieChoices = {};</script>

Pero ojo que para los que buscáis acelerar la carga de vuestra web esto sólo anulará la creación de la caja del aviso pero no evitará la carga del script. No ocupa mucho (unas 2kb), pero como sabéis, todo suma.

Ante esta tesitura y mientras no exista una opción para evitar la carga del de Google, me parece que lo óptimo sería prescindir del aviso que nosotros hayamos añadido, ya que ese sí que se puede eliminar totalmente y seguro que el de Google está más que revisado por sus asesores jurídicos.


Advertencia


Si optais por eliminar el aviso de Google y dejar el vuestro aseguraros de que este funciona, pues lo que sí que está penado (ya ha habido sanciones por este tema) es no tener ninguno.

Blogger avisa en el propio código fuente con un claro:
Tú eres el responsable de informar a los visitantes de tu blog de las cookies que utilizas en él. Para más información, ve a http://www.blogger.com/go/cookiechoices.


Modificar contenido aviso de cookies Google


Y para dar más argumentos a favor de la opción de dejar el aviso de Google, informaros de que su contenido se puede modificar. Sería incluyendo en el head de vuestra plantilla (de igual manera que expliqué para su anulación), unos valores determinados para ciertos parámetros que maneja el JavaScript:

<script>
cookieOptions = {msg: "Aquí iría el mensaje que informa del uso de cookies y de la utilidad que se le va a dar", close: "Acepto", learn: "Más información", link:"URL_POLÍTICA_COOKIES"};
</script>

  • msg: Entre las comillas se puede escribir un texto libre. No olvidéis seguir las recomendaciones de CookieChoices para informar adecuadamente de las cookies que usáis y de su finalidad.
  • close: El texto del botón de aceptación que graba una cookie precisamente para que el mensaje no vuelva a salir durante un tiempo.
  • learn: Este sería el texto del botón que lleva a una página sobre información más detallada de toda esta historia de las cookies.
  • link: Dirección de la página a la que llevaría el botón anterior. Puede ser la que nos da por defecto Google o una que vosotros mismos creéis para este fin. Pero en este segundo caso asesoraros bien sobre cuál debe ser su contenido mínimo.


Cómo modificar el aspecto del aviso


La caja del aviso incluye selectores que nos van a ser útiles para cambiar su aspecto. El principal es #cookieChoiceInfo.

Para modificar el tamaño de fuente, colores, etc., bastará con añadir algo como esto a nuestro CSS:

Actualización (27-08-2015): Blogger ha cambiado el código desde la publicación de esta entrada, por lo que lo siguiente se ha actualizado con los nuevos selectores CSS

/* Contenedor general */
#cookieChoiceInfo {
background: #eee;
}
/* Caja del texto*/
.cookie-choices-text {
background: #eee !important;
color: #333 !important;
font-size: 15px;
}
/* Botones */
.cookie-choices-button {
background-color: #333 !important;
color: #999 !important;
border-radius: 4px;
}

Este código anterior disminuye el tamaño de fuente para que el bloque ocupe menos, cambia el tono de fondo para que sea más claro y hace lo contrario con los botones.

Y si por ejemplo queremos que la caja se muestre abajo en lugar de hacerlo arriba, sobre la cabecera, también podemos añadir esto otro:

#cookieChoiceInfo {
top: auto !important;
bottom: 0 !important;
}

Al igual que en los anteriores ejemplos, podéis cambiar todo lo que CSS os permita: colores, fondos, bordes, márgenes, etc.

Servicios incluidos en el aviso


El aviso estándar del que hablamos hoy incluye las cookies grabadas por Blogger, Adsense y Analytics. Cualquier otro uso distinto de los que estos servicios dan a las cookies deberá ser advertido, así que revisad si otros servicios de Google o de otros proveedores que estéis utilizando pudieran generar también cookies.

En este último caso, además de cambiar el texto del aviso, seguramente tendréis que redactar vuestra propia página sobre el uso de cookies y modificar el enlace para que apunte a ella, tal y como expliqué en un punto anterior.

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

206 comentarios :

  1. Jo... con lo feo que es este parapeto este que nos han metido y tengo que anular el que tu nos compartiste..!! Entonces ,(perdona que sea tan burraca ) tengo que meterle mano a la plantilla y poner el java script este código o por ser la que tu compartiste existe la posibilidad de algo distinto ?
    gracias de antemano

    ResponderEliminar
    Respuestas
    1. Macu, si quieres conservar el que yo publiqué, simplemente añade el código que indiqué en el apartado "Anular aviso". Sólo eso y ya volverás a tener lo mismo.

      El texto es el mismo (creo recordar) y los enlaces Más información también, así que la funcionalidad será la misma que la de Blogger y el aspecto el que ya tienes.

      Eliminar
  2. El mensaje cambia de idioma según de donde procede la visita o siempre es el mismo?

    ResponderEliminar
    Respuestas
    1. Buenas Henry el script de Blogger creo que adapta el idioma automáticamente, pero si utilizas las opciones de personalización que expliqué en "Modificar contenido" probablemente salgan en todos los países literalmente con lo que tú pongas.

      Eliminar
  3. También puedes ocultarla de una forma más sencilla:

    #cookieChoiceInfo {display:none !important;}

    ResponderEliminar
    Respuestas
    1. Sí Oscar P. Esa se me olvidó comentarla, pero ocultar no es lo mismo que anular. La opción que expliqué reduce un poco la carga... no mucho, pero algo sí.

      Eliminar
  4. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. No es un caso genérico BVB, así que es casi imposible que tenga un post sobre ello.

      De todas formas he echado un vistazo a tu sitio y el problema es que tienes unos bordes, márgenes y paddings que sobran.

      Dónde tengas la condición que oculta la barra lateral con un display:none;, añade también esto:
      <style>
      .sidebar * {
      padding: 0 !important;
      margin: 0 !important;
      border: 0 !important;
      }
      </style>

      Eliminar
    2. Este comentario ha sido eliminado por el autor.

      Eliminar
    3. Lo decía como forma fácil de añadir ese CSS condicionado, pero si no lo ves quizás lo siguiente más sencillo sería que la pusieras tú antes del cierre </head>

      <b:if cond='data:blog.url != data:blog.homepageUrl'>
      <style>
      CODIGO CSS PARA PAGINAS DISTINTAS DE PORTADA
      </style>
      </b:if>

      En este otro artículo tienes una guía de condiciones Blogger.

      Eliminar
    4. Este comentario ha sido eliminado por el autor.

      Eliminar
  5. :-) ... muy buenas.

    Hasta hace poco en muchos blogs ya aparecia por defecto un aviso sobre cookies:

    " Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. [Más información] [Entendido] "



    Ante tal circustancia habia dejado pasar el tema dando por bueno dicho aviso ... y eso que estuve a punto de implantar el sistema propuesto en su dia por Oloblogger.

    Hoy nos levantamos con otro aviso que en principio me parecio muy poco claro por parte de Blogger ... algo asi como la "pesadilla del lightbox" de hace un par de años creo recordar ... y lo simple que fue al final de rios de tinta y quebraderos de cabeza poner una opcion para deshabilitarlo.

    En mi caso ... y ahi esta la Cuestion Que No consigo Descifrar ... es que en Ninguno de mis blogs aparece Ni el viejo mensaje Ni el nuevo mensaje.

    ... y es aqui cuando me pregunto: estoy cumpliendo la normativa ??? ... los visitantes ven el aviso ??? aunque yo no lo veo.

    ( segun una contestacion en el Foro de Blogger sobre el tema, me plantaron una captura de pantalla realizada por ellos en donde si aparece el mensajito de marras )

    Gracias ... alguna sugerencia o idea !!!

    ResponderEliminar
    Respuestas
    1. :-) ... muy buenas ... acabo de plantar esto en el Foro de Blogger por si es de interés al personal o alguien quiere seguir la pista de mi deducción.

      ---------------------------------------

      https://productforums.google.com/d/msg/blogger-es/Y4yv66pXcIY/akGJp4Lgj0EJ


      ... y sigo ... Creo que el problema de que no se vea el Nuevo Aviso de Cookies en Internet Explorer ( tengo instalado el 10 ) tiene que ver con las plantillas o paginas que contengan esta o similar instrucción de compatibilidad ... meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible' ... y que desde siempre a mi No me dio problemas. Revisando unos cuantos blog de los que No sale el aviso de cookies y echando un vistazo a su código fuente ... Casi Todas Tienen Esa Instrucción Meta o Similar. Deduzco que los desarrolladores del invento del aviso No han tenido en cuenta esas posibles características. Podéis hacer pruebas con Internet Explorer y usando F12 Herramientas de desarrollo. A ver si lo arreglan ... por que ahora no me vayan a decir que quitemos esa instrucción de compatibilidad que siempre funciono. Vosotros lo Rompéis ... pues Vosotros Lo Arregláis :-))) Saludos y Gracias.

      ---------------------------------------


      ... eso es todo amigos :-)))

      Eliminar
    2. :-) ... querías algo Oscar ?

      ----------------------------------

      Aprovecho para comentar ... y desconozco la leyes al respecto ... pero tenía entendido que había que aceptar el Aviso de Cookies para seguir navegando por la pagina ... pero yo estoy sin dar en ningún momento a los botones "mas información" ni al de "entendido" y navegando sin mas.

      Realmente este "invento de blogger" cumple con la ley ???

      Saludos y Gracias ;-)

      Eliminar
    3. Hola Ymmot. A ver si me acuerdo de todo, que me perdí un poco con tanto comentario tuyo.

      Algunos blogs mostraban el aviso de cookies desde hace tiempo porque Blogger lo incorporó como utilidad en la Navbar y por tanto, aquellos blogs que no la ocultaban (como el tuyo), ya disponían de un aviso creado por el propio Blogger.

      Por otra parte tienes dudas de si en tus blogs se ve si se accede desde Europa. Te confirmo que sí porque lo acabo de ver. Y también accediendo desde IE 10, aunque tuve que usar el modo simulación porque yo uso el 11 (desde el cual también se veía). Esta es una captura que acabo de hacer.

      Sobre si el invento de Blogger cumple con la Ley, realmente no lo sé, pero me fió más de sus asesores jurídicos que de mi criterio que no tiene ninguna base profesional ;)

      Eliminar
    4. :-) ... rebuenas.

      Primero que nada ... dar las Gracias a Oloblogger por su trabajo y paciencia.

      ... Pero sigo sin ver el dichoso mensajito desde mi "IE 10" jajajajajajaja ... esto es de locura.

      Lo que si que hice en otro blog privado que tengo abandonado y que en su día lo utilizaba para pruebas, es cambiar para cerciorarme, el dichoso meta que muchos tenemos en blogs viejos ( tu también tienes alguno con lo mismo ).

      ... simplemente cambiar: meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'

      ... por el: meta content='IE=edge' http-equiv='X-UA-Compatible'

      ... y Premio !!! ... funciona ... Pero de momento No lo voy a cambiar en el Blog Principal ya que con ese cambio me descuadra muchas cosas que salían bien ... supongo que por eso Microsoft creo lo de "la compatibilidad de documentos" desde "IE 8" ... mas info: https://msdn.microsoft.com/es-es/library/Cc288325(v=VS.85).aspx


      Fin de la Historia :-)))

      Eliminar
    5. Bien, pues finada entonces ;)

      Eliminar
  6. Gracias Oloman, esta misma tarde te pedía ayuda al respecto de este mensaje y ya estabas trabajando en el casi mientras te la pedía... Particularmente quitare los propios y dejare el de google, seguro el suyo esta muy estudiado legalmente.

    ResponderEliminar
    Respuestas
    1. Eso mismo pienso yo, aunque últimamente, por otros motivos, estoy dudando si dejar el mío.

      Y de nada Ike ;)

      Eliminar
  7. Hola Oloman, te dejé una captura de pantalla del panel de mi cuenta en tu post de Facebook (como Jaime Cárpena). Mis preguntas son:

    1. Como sé si mis blogs se ven con ese aviso en la UE si yo vivo en Perú y no lo veo?
    2. Estuve buscando el java que dices que deberia estar instalado y no lo encuentro por ningun lado.
    3. Afecta también a los blogs de Blogger con dominio propio?

    Gracias!

    ResponderEliminar
    Respuestas
    1. Yeyas-Jaime, te contesto punto a punto.

      1) Quizás si pruebas a añadir a tu dirección un .es lo veas, pero te confirmo que cuando yo os visito, me sale el aviso.
      2) Sólo se instala si se visita desde Europa, por eso no lo ves. Quizás con la opción anterior también lo veas
      3) A todos por lo que yo sé, siempre que estén alojados en Blogger.

      Eliminar
    2. OK, Oloman, aclaraste mis dudas. Solo te cuento que con dominio personalizado no me funciona agregarle el .es pero usando el dominio de Blogger si aparece el aviso.

      Muchas gracias

      Eliminar
  8. Muy útil información, ahora usaré un mensaje personalizado, es que el blog es informal y así debe ser todo :v

    una cosa más, pienso en lo que harán las personas sin conocimiento de programación para defenderse a realizar cambios en al plantilla. También pienso en que estas personas buscaron a blogger por su sencillez y ahora tienen que hacer algo raro :|

    ResponderEliminar
    Respuestas
    1. Hombre David, realmente el que no tenga ni idea de programación no tiene que hacer nada, pues el aviso les saldrá como a todos y previsiblemente no habrán trasteado previamente para insertar su propio sistema.
      Es decir, los que modificamos plantilla nos toca luego volver a modificar cuando se incorporan cambios que ya nosotros habíamos incluido, pero precisamente al que no toca nada le viene bien que le pongan automáticamente cosas.

      Eliminar
  9. Tengo una pequeña duda, a ver si me podéis ayudar: para empezar he prescindido del aviso propio que puse y he optado por dejar el de blogger cambiando un par de cosas, entre ellas el enlace. Pues bien, desde hace tiempo uso shadowbox, y el aviso de cookies hasta ahora lo mostraba con shadowbox, más que nada porque lo tenía en un documento html en dropbox para evitar tener que crear otra página estática, mi pregunta es: ¿hay alguna forma para poder seguir usando shadowbox y poderme deshacer de la página estática?

    Mil gracias y un saludo!

    ResponderEliminar
    Respuestas
    1. No conozco cómo funciona Shadowbox, Fran, pero supongo que se arranca cuando a un enlace se le pone algún tipo de marca. Si es así podrías poner como enlace el de ese documento HTML pero incluyendo la supuesta marca. Puede que funcione y todo ;)

      Eliminar
  10. Hola. Tengo mi blog de blogger redireccionado a com.ar y estoy utilizando el script para cookies que en su oportunidad facilitaste. Por favor, ¿qué hago? Estoy en Argentina y el único aviso que me aparece es el tuyo.
    El blog: www.monialus.com.ar.
    Gracias desde ya.

    ResponderEliminar
    Respuestas
    1. :-) ... si te vale de algo ... desde España - La Rioja ... sale el aviso de Oloblogger y también el aviso Nuevo de Blogger.

      Saludos ;-)

      Eliminar
    2. Así es Moni. Como dice Ymmot cuando alguien vea tu blog desde Europa saltará tanto el aviso particular que pusiste como el que ahora te incorporó Blogger. Quizás en tu caso deberías valorar cual eliminar, el mío o el de Blogger, pero en cualquier caso lo mejor es que quites uno para no duplicar.

      Eliminar
  11. Momento dramas: me resta un punto de velocidad! Ahora mismo le meto css que es feo de narices. Gracias por el tutorial!!

    ResponderEliminar
    Respuestas
    1. Jajaja... nosotros quitando cosas para aligerar y Blogger metiéndonos otras

      Eliminar
  12. Me ha ido genial esta entrada!! Mil gracias!!
    Te pregunté otra duda hace unos días pero no encuentro la entrada donde la puse así que no sé si llegaste a responderme T_T
    Era sobre el menú jquery desplegable, para ver si había manera de quitar las viñetas que salen delante de cada línea... elfestindelossentidos.blogspot.com.es/p/recetas.html
    Muchas gracias! :D

    ResponderEliminar
    Respuestas
    1. Te he contestado hace un rato Bea. Es que en verano voy a velocidad tortuga y tengo muchos comentarios atrasados pendientes de responder.

      Eliminar
  13. La única forma que se me ocurre para no cargar el script, así como los scripts de widgets de Blogger que se añaden antes del cierre del body, es metiendo todo el código entre etiquetas <noscript> para que nunca lleguen a ejecutarse.
    En la plantilla HTML, reemplaza </body> por:
    &lt;noscript&gt;&lt;!--
    </body>
    --&gt;&lt;/noscript&gt;&lt;/body&gt;

    ResponderEliminar
    Respuestas
    1. Aprovecho para comentar que el mensaje que avisa sobre las cookies no aparece en el idioma del blog, sino en el idioma del navegador del usuario. Por eso sería recomendable cambiar el texto para que, por ejemplo, no salga en inglés si el usuario visualiza el blog desde Inglaterra aunque tu blog sea en español.

      Eliminar
    2. Estupenda aportación Jorge. Ya vi tu conversación con Kseso y su publicación de hoy en la que te cita.

      Este truco es algo que siempre se me olvida. A ver si ahora que quedó aquí escrito lo tengo presente para otras ocasiones.

      Como te comenté por algún otro lado (voy loco de aquí para allá) y como bien dices ahora aquí el problema es que junto con este script se dejan de cargar otros, así que para utilizar habría que añadir manualmente los que cada uno necesite.

      Yo de momento no me puse a ver qué hace que cosa y cuando probé ese código perdí al menos los botones de G+ y el buscador de Google. El primero sé fácil como reponerlo, pero el segundo, por ejemplo, tendría que verlo.

      En fin que todo sistema tiene ventajas e inconvenientes y cada cual que use lo que más le convenga. Muchas gracias de nuevo.

      Eliminar
  14. ¿cuales son las galletas que dan miedo?
    las COOKIES

    ResponderEliminar
  15. Hola, pregunta, donde agrego exactamente el código para modificar el aviso? tamaño etc? en que parte del código lo coloco?

    ResponderEliminar
    Respuestas
    1. Los scripts en tu plantilla, justo antes de </head> Daniela. Y si lo que quieres es modificar su estética, todo eso eso es CSS, así que habría que añadirlo de alguna de las maneras que expliqué en su momento en esta entrada (ver "dónde va el CSS").

      Eliminar
  16. Hola, pregunta, bueno el aviso dice:"Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el tráfico." pero en mi caso, solo uso el de analizar el tráfico , ¿podría quitarle eso de "personalizar anuncios"?
    el código quedaría algo asi
    ¿no?

    script
    cookieOptions = {msg: "Este sitio emplea cookies de Google para prestar sus servicios, para analizar el tráfico. Google recibe información sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que aceptas el uso de cookies.", close: "Acepto", learn: "Más información", link:"URL_POLÍTICA_COOKIES"};
    /script

    y otra pregunta, ¿el aviso se podría hacer visible para todos?

    Muchas gracias...

    ResponderEliminar
    Respuestas
    1. Pienso que sí, José. Si no tienes anuncios podrías quitar esa parte sin problemas.

      Y sobre lo de hacerlo visible para todos, vamos a hacer experimentos. Prueba a colocar antes de tu </body> esto:

      <script src='/js/cookiechoices.js' defer></script>
      <script>
      document.addEventListener("DOMContentLoaded", function(event) {
      window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar(
      (window.cookieOptions && cookieOptions.msg) || "Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el tráfico. Google recibe información sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que aceptas el uso de cookies.",
      (window.cookieOptions && cookieOptions.close) || "Entendido",
      (window.cookieOptions && cookieOptions.learn) || "Más información",
      (window.cookieOptions && cookieOptions.link) || "https://www.blogger.com/go/blogspot-cookies");
      });
      </script>

      Ya me cuentas.

      Eliminar
    2. Hola, gracias por responder, agregue ese código y me sale el error:
      Error al analizar XML, línea 3036, columna 41: Attribute name "defer" associated with an element type "script" must be followed by the ' = ' character.

      Eliminar
    3. OK. El problema es que yo no puedo probarlo porque estoy en Europa.

      Ahora prueba el mismo código pero cambiando defer por defer='defer'. Supongo que ahora si te lo admitirá otra cosa es que funcione.

      Si no te funciona, a continuación prueba otra cosa y que sería cambiar la dirección /js/cookiechoices.js por http://pablo-hasel.blogspot.com/js/cookiechoices.js

      Seguimos en contacto.

      Eliminar
    4. Disculpa se me ha olvidado mencionar que ya habia intentado lo de defer='defer'

      Y me sale el error:
      Error al analizar XML, línea 3039, columna 23: The entity name must immediately follow the '&' in the entity reference.

      Asi que borre un '&' y quite los espacios, el código queda asi:
      window.cookieChoices&cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar

      Y me sale el error:
      Error al analizar XML, línea 3039, columna 56: The reference to entity "cookieChoices.showCookieConsentBar" must end with the ';' delimiter.

      Asi que agregue ';' y borre &&. Esa parte del código queda asi:
      window.cookieChoices&cookieChoices.showCookieConsentBar;cookieChoices.showCookieConsentBar

      pero me sale el error:
      Error al analizar XML, línea 3039, columna 57: The entity "cookieChoices.showCookieConsentBar" was referenced, but not declared.

      Y con lo de http://pablo-hasel.blogspot.com/js/cookiechoices.js
      también intente pero tengo los mismos errores.

      Eliminar
    5. El problema ahora es que a Blogger no le gustan mucho los & sueltos y habría que cambiarlos a &amp;
      Pero mejor lo pones así, con esos símbolos que añadí:
      <script src='http://pablo-hasel.blogspot.com/js/cookiechoices.js' defer='defer'/><script>//<![CDATA[
      document.addEventListener("DOMContentLoaded", function(event) {
      window.cookieChoices && cookieChoices.showCookieConsentBar && cookieChoices.showCookieConsentBar(
      (window.cookieOptions && cookieOptions.msg) || "Este sitio emplea cookies de Google para prestar sus servicios, para personalizar anuncios y para analizar el tráfico. Google recibe información sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que aceptas el uso de cookies.",
      (window.cookieOptions && cookieOptions.close) || "Entendido",
      (window.cookieOptions && cookieOptions.learn) || "Más información",
      (window.cookieOptions && cookieOptions.link) || "https://www.blogger.com/go/blogspot-cookies");
      });
      //]]></script>

      Eliminar
    6. Ahora sí funciona!, Gracias!

      Eliminar
    7. A tí por servirme de "conejillo de indias" ;)

      Eliminar
    8. Terminó el experimento, todo un exito! ahora a sacrificar al objeto de experimentación xD

      Dejando un tema por otro. Hace pocos días agregue a mi blog la Page plugin de facebook (o algo así). El punto es que trató de que el blog sea Responsive Web Design (casi lo logro xD), la pregunta es: ¿Cómo puedo hacer la page plugin de facebook adaptable? por el momento lo tengo con width="275px" y ya que estamos, también preguntar, ¿Cómo poner el Widgets de Google+ plus adaptable?, por el momento lo tengo con width="220px".

      Eliminar
    9. Sobre el de Facebook, en la página dónde consigues el código del plugin hay una opción que se llama " Adapt to plugin container width". Si marcas ahí y no indicas ancho, la caja será adaptable.

      La de seguidores de Google+ más o menos igual. Si añades el gadget y no indicas ancho, este se adaptará automáticamente.

      Y en el peor de los casos dale el ancho de tu sidebar y listo ;)

      Eliminar
  17. Hola, una pregunta. ¿El aviso google te lo pone automáticamente, o tengo que ponerlo yo mismo?

    Ya probe abriendo mi página en Firefox en una página incógnita, y no aparecía ningún mensaje.

    Soy de Rep. Dom., saludos y gracias por compartir tus conocimientos. Espero tu respuesta :D

    ResponderEliminar
    Respuestas
    1. Si tienes Blogger no tienes que hacer nada Counter2D. Para comprobarlo prueba a abrir tu página añadiendo al final de tu dirección un .es. Verás que entonces sí sale el aviso, porque es como si estuvieras viendo la versión española.

      Eliminar
    2. Hola de nuevo, compre un dominio .com hace tiempo y es el que estoy usando. Etto, le puse el .es depues del .com pero me sale página no encontrada.

      Supongo que le mandare el link de mi página a un amigo que viva en España para ver como le sale. Gracias por responder y la verdad, páginas como estas son de mucha ayuda.

      Muchísimas gracias :D

      Eliminar
    3. Hola de nuevo, ya le pregunté a mi amig@ y me mando captura de como aparece :P

      Disculpa las molestias ;)

      Eliminar
    4. De nada.
      Y me equivoqué con lo del .es. Eso sólo sirve para los dominios .blogspot

      Eliminar
  18. Muchas gracias Oloman. Muy interesante aportación.

    ResponderEliminar
  19. Hola oloman, còmo sè què tengo el aviso de google?? o còmo hago para verlo desde colombia?? mi blog es www.larecetademary.com !!gracias.¡¡

    ResponderEliminar
    Respuestas
    1. Todos lo tienen Maribel. A mí desde España me sale, así que no te preocupes.

      Eliminar
  20. Yo por ejemplo tengo en mi blog el servicio de clickbank ¿còmo puedo hacer para modificar el aviso poniendo las cookies que maneja clickbank?? y en ese caso donde lo hago si no veo donde google puso tal aviso??

    ResponderEliminar
    Respuestas
    1. No conozco ClickBank, así que tendrías que ver su política de cookies y si en algo difiere de las de Blogger, Adsense y Analytics. deberías añadirlo al mensaje tal y como expliqué en "Modificar contenido aviso de cookies".

      Eliminar
    2. Ok, muchas gracias Oloman te mando un beso y un fuerte abrazo, eres un crack.

      Eliminar
  21. Buenas Oloman,

    Qué haríamos algunos sin blogs como el tuyo!

    Me encuentro viajando por Asia y no tengo forma de comprobar si mi pagina cumple con la ley y muestra el mensajito. He probado añadir el .es pero me da error.

    Serías tan amable de confirmarme si aparece tanto desde un pc como desde el móvil?
    Si está todo correcto, entiendo que no debo hacer nada más?

    Este es mi blog www.miaventuraviajando.com

    Gracias de antemano crack :)

    Javi.

    ResponderEliminar
    Respuestas
    1. No hacía falta que lo viera para saber que sí saldría, pero no obstante lo he hecho.
      Donteworris, sale perfectamente Javi ;)

      Eliminar
    2. Gracias entonces. Me despreocupo del tema cookies :)
      Un saludo!

      Eliminar
  22. ¡Hola!
    Yo tengo un código "Este sitio emplea cookies de Google para prestar servicio, personalizar anuncios y analizar tráfico. Google recibe información sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que aceptas el uso de cookies. Más información" (no me deja poner el script)
    desde mi ignorancia creo que es válido y me funciona, el problema es que "más información" sale en la misma ventana y no se que poner para que se abra en otra pestaña, aquí no vale target="_blank" y para esto no me interesa que abandonen mi web.

    ResponderEliminar
    Respuestas
    1. Hola El recreo. Habría que ver ese código para saber cómo y dónde realizar la modificación. Prueba a pasar el código por esta herramienta y así podrás pegarlo aquí.

      Eliminar
    2. No me explique bien, te lo proporciona Google:
      <!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
      <script type="text/javascript">
      window.cookieconsent_options = {"message":"Este sitio emplea cookies de Google para prestar servicio, personalizar anuncios y analizar tráfico. Google recibe información sobre tu uso de este sitio web. Si utilizas este sitio web, se sobreentiende que aceptas el uso de cookies.","dismiss":"Entendido","learnMore":"Más información","link":"https://www.google.com/policies/technologies/cookies/","theme":"dark-bottom"};
      </script>

      <script type="text/javascript" src="//s3.amazonaws.com/cc.silktide.com/cookieconsent.latest.min.js"></script>
      <!-- End Cookie Consent plugin -->

      MUCHÍSIMAS GRACIAS OLOMAN por atenderme.

      En espera de aclararme un poco, lo he puesto solamente en la página index de mi web: http://www.britesa.com/

      Eliminar
    3. Entendido, pero en ese caso no puedes cambiarlo debido a que todo lo carga ese JavaScript que usaste. Tendrías que descargarlo, modificarlo y luego alojarlo tú, pero eso no es tarea fácil si no conoces el lenguaje.

      En ese caso quizás lo más cómodo para tí, puesto que en la página de Cookie Choices te dan varias opciones, es que pruebes con otro servicio distinto a ver si alguno de esos hace lo que quieres.

      Eliminar
    4. Aunque con mucho retraso, no me permitía hacerlo antes, muchas gracias.

      Eliminar
  23. Gracias por el post. Mi pregunta es si podria seguir usando esta barra de cookies que diste hace unos meses. http://www.oloblogger.com/2015/01/barra-aviso-de-cookies-una-vez.html puedo usar esa y normal?

    ResponderEliminar
    Respuestas
    1. Sí, puedes usar ambas, pero parece redundante. Lo que tú quieras.

      Eliminar
    2. Gracias y otra gracias por ayudarme a eliminar el nuevo aviso de cookies de blogger tan fastidioso, hahaha.

      Me quedaré con esa que subiste hace unos meses, me gusta. Gracias nuevamente.

      Eliminar
  24. Pues a mí el aviso no me aparece ni en Firefox ni en Safari, ¿a alguien le sucede lo mismo?, gracias.

    ResponderEliminar
    Respuestas
    1. A mi me sucede esto mismo David...

      Eliminar
    2. Es que no sé si se tratará de un problema con mi plantilla o es culpa de esos navegadores en concreto, por eso preguntaba si le ocurría a alguien más, pero si a ti también te ocurre Fátima, tal vez, sea lo segundo

      Eliminar
    3. Fátima borra la caché de los navegadores y verás como entonces aparecerá el aviso, es esa tontería.

      Eliminar
    4. Hola a ambos. Eso iba a decir, que borrarais caché y cookies. Debe funcionar en todo tipo de navegadores.

      Eliminar
  25. Hola Oloblogger! Quería consultarte porque en un principio me aparecía este aviso predeterminado de google en mi blog, y al meter el código para poner un diseño mío personalizado lo logré sustituir. Mi problema es que al intentar colocar mi barra de aviso en la parte superior de la pantalla han desaparecido ambas. El código HTML para mi barra está insertado en el blog correctamente pero a la hora de visualizar el blog no me aparece nada. De igual manera si elimino dicho código tampoco me aparece la barra de coockies de google. Esntonces no se qué hacer ya que me da un poco de miedo lo que comentas de sanciones por no tener una barra de aviso visible y, ciertamente, no se cómo recuperar ni la una ni la otra.

    Gracias de antemano! Un saludo!

    ResponderEliminar
    Respuestas
    1. Hola Fátima. Eso ocurre porque el código del aviso incluye precisamente una cookie para registrar si has visto o no ya alguna vez el aviso. Una vez visto ya no te sale más.

      Si quieres comprobarlo visita tu blog desde un navegador distinto o incluso desde el habitual tuyo, pero borrando cookies previamente. Verás como aparece de nuevo.

      A mí me sale y por eso estoy tan seguro ;)

      Eliminar
    2. Muchísimas gracias!! :)

      Eliminar
  26. Tengo dos blogs, en uno de ellos con aceptar el aviso de Google de las cookies una vez, éste ya no vuelve a aparecer (como es debido), sin embargo, en el otro tengo que pulsar el botón "entendido" hasta en cuatro ocasiones para que no vuelva a aparecer. ¿Cómo es posible si el código para este aviso es el mismo en ambos?

    ResponderEliminar
    Respuestas
    1. Lo desconozco David. Ahí no te puedo ayudar.

      Eliminar
  27. Buenos días, muchas gracias por el aporte me fue genial...!
    Tengo una pregunta, el código tengo que ponerlo en todas las paginas html de la web, o solo en el index?

    ResponderEliminar
    Respuestas
    1. Si tienes Blogger tú no has de hacer nada Alberto. El aviso viene de serie.
      Y si te refieres al código para anularlo porque tienes otro, ese sólo se pone en la plantilla y ya funciona para toda la web.

      Eliminar
    2. Hola Olman, lo que tengo es una web hecha por mi en html y css, no un Blogger. No me refería a un código para anularlo. Solo quería saber, si el código del mensaje de las cookies que tengo tengo puesto en el index, he de ponerlo también en las demás paginas html de la web.
      Muchas gracias.

      Eliminar
    3. Ah, perdona. Es que en Blogger desde un sitio concreto se lo añades automáticamente a todas las páginas.

      Pienso que sí Alberto, que lo tienes que poner en todas las páginas. El motivo es que no sabes cual va a ser la primera en la que aterrice un nuevo visitante y como debe ser advertido de primeras, entonces lo tienes que poner en todas. Luego la cookie que lleva el script hará que no le salga más, así que sin problemas.

      Eliminar
  28. Muchísimas gracias, llevo desde que lo implantaron intentando cambiarle el aspecto y lo has explicado perfectamente!! Esta misma tarde lo hago.
    Un saludo!

    ResponderEliminar
  29. Hola de nuevo, permíteme que te haga una pregunta, tu tienes conocimientos para convertir un slider manual en automático? Es que resulta que encontré uno perfecto para mi blog, pero tiene esa pega, y era por si se podía modificar. Muchas Gracias.

    ResponderEliminar
    Respuestas
    1. Puede BVB. Depende de si el código está comprimido o no y de lo sencillo o farrogoso de su programación. De todas formas eso no es tratado por mí en el blog. No puedo desarrollar aquí cosas tan particulares y concretas.

      Eliminar
  30. Hola, Oloman,
    Tengo una duda, ¿se puede personalizar más el aviso? he visto un par de blogs en los que el mensaje del aviso les ocupa el ancho de la ventana y tienen la letra personalizada, pero he estado mirando el código y no consigo ver cómo lo han hecho. Los blogs que te digo son éstos: http://lireth.blogspot.com.es/ y entrelibrosytintas.blogspot.com/. ¿Puedes ver si consigues descifrar cómo lo han hecho?
    Muchísimas gracias!!
    Saludos!
    PD. Estupendo post, por cierto (no tenía ni idea de que había que poner el aviso hasta que me lo encontré puesto :o)

    ResponderEliminar
    Respuestas
    1. El tuyo sale ya ocupando todo el ancho, Casala. Es que se ve que cambiaron el formato días después de publicar este artículo, pero la personalización CSS sigue funcionando... tal y como me parece que hiciste ;)

      Eliminar
  31. Oloman, quería preguntarte, por favor, si el aviso de cookies personalizado que presentas en la otra entrada es traducido automáticamente dependiendo de la situación geográfica del visitante a la web. Es decir si, por ejemplo, un visitante de EE.UU o de UK lo vería en inglés. Muchas gracias tanto por esta consulta como dar respuesta a las anteriores.

    ResponderEliminar
    Respuestas
    1. No David. El aviso que yo publiqué hace tiempo sale sólo en un idioma.

      Eliminar
  32. Hola Oloman con esto rompió el truco que muchos utilizaban para que no carguen los scripts que pone al final blogger.

    ¿Habrá otra forma de que no carguen dichos script?

    Antes yo utilizaba esto:
    &lt;/body&gt; &lt;!-- </body>--&gt;

    ResponderEliminar
    Respuestas
    1. La alternativa es cambiar el cierre del documento para que quede así. Pruébalo:
      &lt;noscript&gt;
      &lt;!--</body>--&gt;
      &lt;/noscript&gt;
      &lt;/body&gt;</html>

      Eliminar
    2. Gracias Oloman!. lo había hecho con STYLE pero con noscript queda mejor.
      no se me paso ni un segundo por la cabeza.

      Asi lo hice:
      &lt;/body&gt;&lt;style&gt;/*</body>*/&lt;/style&gt;

      Eliminar
  33. Hola, Oloblogger, me ha sido de gran utilidad tu entrada.
    Ahora ando buscando la forma de adaptar la apariencia en la plantilla para el móvil y no doy con la tecla. A ver si en un futuro publicas algo para hacerlo.
    Me gustaría acortar el texto en el móvil, ya que ocupa gran parte de la pantalla.
    Saludos.

    ResponderEliminar
    Respuestas
    1. Antonio, si usas una plantilla para móvil de las que proporciona Blogger, no puedes modificar nada y por tanto, tampoco lo de las cookies.

      Para poder manejar la plantilla móvil tienes que elegir la última opción "Personalizada", pero eso provocará otros cambios que tendrás que solucionar.

      Otra opción sería construir una plantilla adaptable (RWD). En este enlace tienes una plantilla básica de ese tipo por si quieres probar.

      Eliminar
  34. Muy Bien explicado como siempre hermano Oloman....

    por otro lado quisiera preguntarte algo.. en mi plantilla del blog hay varios css que no van con nada . eso si lo dejo en la plantilla afecta mi blog en algo?... o los puedo borrar.. ya que esos estilos eran de otra plantilla.. de antemano mil gracias !!!

    ResponderEliminar
    Respuestas
    1. A tu gusto. Lo único que provocan es un pequeño incremento de peso de la página, así que lo mejor es eliminarlos, pero si no es mucho y te cuesta trabajo, tampoco el CSS pesa tanto. Lo peor son los JavaScript. Si tienes de esos y no los usas, la recomendación si es quitarlos siempre.

      Eliminar
    2. Gracias por Responder mi Hermano.. como siempre.. el mejor.. un Abrazo !!!! :)

      Eliminar
  35. Hola Oloman: tras muchos días con el aviso de cookies automático puesto por Blogger, hoy ha desaparecido. Nada, que en ningún navegador aparece. ¿a qué se puede deber? Mil gracias y un saludo.

    ResponderEliminar
    Respuestas
    1. Pues puede ser que la cookie que graba el aviso esté activada y que por eso no lo ves tú. Prueba desde otro ordenador o bien en el habitual tuyo borra cookies.

      Eliminar
  36. Como puedo poner el que pones como ejemplo en el post? :)

    ResponderEliminar
    Respuestas
    1. El que pongo como ejemplo en el post (el de la imagen que lo acompaña) es el que todos los de Blogger tenemos. Si lo que quieres es tenerlo, simplemente no hagas nada.

      Eliminar
  37. Hola Oloman, he instalado la barra que proponías en enero en mis blogs con publicidad y aunque explicas como hacer desaparecer el aviso que viene por defecto, mi pregunta no va por ahí. En el correo que recibimos para adaptar nuestros blogs a la política europea ponía como fecha límite el 30 de Septiembre, ¿Quiere eso decir que ese aviso por defecto desaparecerá a partir de ese día?. Entiendo que será así, ¿porque si no a que viene tanto jaleo para que nosotros instalemos nuestro propio aviso?. Esa es mi duda principal porque si el aviso no desaparecerá no veo necesario tener 2 avisos. De hecho he copiado el texto de la que sale por defecto y lo he añadido a tu barra y he puesto el enlace de mas información que sale en ese aviso y también lo he añadido a tu barra de enero. Estaré atento a tu respuesta porque ahora mismo soy un mar de dudas...

    Saludos

    ResponderEliminar
    Respuestas
    1. El límite del 30 de Septiembre es para justo lo contrario de lo que dices.

      No es que desaparecerá la barra de cookies entonces, es que EL QUE NO LA TENGA incumplirá la política de privacidad de Google y podrá ver penalizado su blog.

      En ningún momento han dicho que tuviéramos que ponerla. Al contrario, ellos la han puesto por nosotros. Lo que si advierten es que el que quite la de Blogger deberá hacerla por su cuenta cumpliendo los requisitos, que es justo lo que me has explicado que hiciste tú ¿queda más claro ahora?

      Eliminar
    2. Pero estás seguro de eso, ¿Porque si no no entiendo eso de que nos propusieran varias formas de ponerlas nosotros mismos?. Yo tengo la impresión de que la que ellos han puesto por defecto va a desaparecer el 30 de septiembre y por eso nos explicaban como ponerla, porque si no no tiene sentido tanto jaleo si ya lo iban a implementar por nosotros. La verdad es que sigo con dudas.

      Por otro lado también uso algún contador histats en algún blog,¿crees que entonces debo modificar el mensaje y poner uno como el que tienes tu ahora explicando lo de cookies propias y de terceros además de las de google?

      Saludos bro

      Eliminar
    3. No exactamente. No propusieron varias formas de ponerlas.

      Informaron de que para cumplir con la legalidad ellos te habían incorporado un aviso. Lo que pasa es que además de eso dieron otras opciones. Por un lado para poderla modificar y por otro incluso para anularla simplemente (bajo tu responsabilidad).

      Si tu blog genera otro tipo de cookies además de las de Google, deberás advertirlo también.

      Aquí más info y aquí algo más

      Eliminar
    4. Pues muchas gracias amiguete, siempre que recurro a ti se que acierto de pleno.

      Saludos :)

      Eliminar
  38. buenas, no entiendo porque pero al añadir el código que dices al CSS el estilo del anuncio permanece igual. Según tu explicación es solo copiar y pegar el codigo que pones en el CSS pero no me cambia nada.
    Gracias igualmente por toda la explicación.

    ResponderEliminar
    Respuestas
    1. Así es Rubén. El motivo es que Blogger cambió el código posteriormente a la publicación de este post. Lo acabo de actualizar por tu aviso. Prueba ahora.

      Eliminar
    2. Gracias Oloman. Igualmente me voy a personalizar>avanzado>añadir CSS y pego el nuevo código pero el resultado es el mismo.
      Tengo que añadir algo en la plantilla también aparte del CSS?

      Eliminar
    3. No veo ese CSS añadido a tu blog ¿Guardaste los cambios?
      Ponlo de nuevo y pásame una URL que lo compruebe por si me equivoqué de blog.

      Eliminar
    4. Lo que hace leer los comentarios..!!
      justamente he hecho los pasos que dice Rubén en mi blog de pruebas y lo he conseguido!!! ( es que no tenia ni idea de como poner las CSS "esas" ..
      Una cosita, me gustaria que se viera aun más mini , como podría modificarlo porfavor?
      Gracias de antemano !!

      Eliminar
    5. Pues más mini... No sé, como cosa fácil reducir márgenes y hacer más pequeña la fuente de letra. Prueba con esto ahora que sabes qué es y dónde se pone el CSS ;)
      .cookie-choices-info {
      padding: 0 !important;
      font-size: 12px !important;
      font-weight: normal !important;
      }

      Eliminar
    6. No es por ser pesado :)
      Pero me voy a Plantilla>Personalizar> Avanzado. Despues pego tu código y guardo los cambios, y el anuncio de cookies sigue como siempre.
      ¿Qué hago mal? www.intentarlo.com

      Gracias!

      Eliminar
    7. Pues no sé, porque el código sigues sin tenerlo en la plantilla. Si entras de nuevo en Avanzado > CSS ¿sigues teniendo ese código añadido?

      Eliminar
    8. Si, ahí tengo:

      "/* Contenedor general */
      #cookieChoiceInfo {
      background: #eee;
      }
      /* Caja del texto*/
      .cookie-choices-text {
      background: #eee !important;
      color: #333 !important;
      font-size: 15px;
      }
      /* Botones */
      .cookie-choices-button {
      background-color: #333 !important;
      color: #999 !important;
      border-radius: 4px;
      }·"

      ¿No tengo que poner nada en el head?

      Eliminar
    9. No, en el HEAD no es necesario nada.
      Si tienes ese código igual que como me lo pusiste aquí, quita las comillas del principio y del final y también el punto que hay al final.
      Por si acaso, quita también las líneas que empiezan por /* y teminan con */, inclusive esos símbolos.

      Eliminar
    10. Na, será cosa de mi plantilla porque lo tengo así y sigue igual.Gracias igualmente!:

      #cookieChoiceInfo {
      background: #eee;
      }

      .cookie-choices-text {
      background: #eee !important;
      color: #333 !important;
      font-size: 15px;
      }

      .cookie-choices-button {
      background-color: #333 !important;
      color: #999 !important;
      border-radius: 4px;
      }

      Eliminar
    11. OK. Olvídate del Diseñador de plantillas.
      Edita directamente el HTML y busca esto:
      <style type='text/css'>
      .recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
      </style>

      Luego inserta antes del cierre </style> el código ese que me pusiste en tu último comentario.

      Eliminar
  39. gracias por el tutorial y la informacion.

    con este código se cambia también el mensaje de la versión movil?
    o para la versión movil hay que añadir otro?

    gracias!!

    ResponderEliminar
    Respuestas
    1. No lo he probado Dani, pero por la manera en que funciona el script, creo que también lo cambiarás en la versión móvil. Sin embargo el CSS es posible que no funcione.

      Eliminar
  40. ¿Y cómo puedo saber si tengo puesto algún aviso para quitar el que sale de Google?

    ResponderEliminar
    Respuestas
    1. Sin verlo te confirmo que si tienes Blogger y no has tocado nada de esto, seguro que tienes el aviso, aunque sólo saltará cuando se vea tu blog desde Europa.

      Eliminar
    2. Sí, no toqué nada. Gracias por responder.

      Eliminar
  41. Hola oloman, a mi m aparecío el mensaje y no se si reaccioné a tiempo o no, pero en mi blog no aparece tal anuncio pero se supone que no me debería preocupar porque blogger lo pone por defecto, no he tocado mi blog y apenas y modifico el diseño.
    Además de que cualquier url por ejemplo: "blogspot.com.ar" o "blogspot.it"
    me lleva directamente al "blogspot.com"

    este es mi blog: http://toxicosm.blogspot.com

    no se si puedas ayudarme a identificar el elemento :(

    saludos desde México

    ResponderEliminar
    Respuestas
    1. Sin problemas Toxico.SM. Te sale el aviso de cookies. Tú ya no lo ves porque ya te fue mostrado y una vez que un usuario lo ve, se graba precisamente una cookie para que no le salte de nuevo.

      Eliminar
  42. abria alguna forma de ponerlo en la cabezera y que cuando la gente acepte el espacio en blanco que deja desaparezca?

    ResponderEliminar
    Respuestas
    1. Hmmm.... fácil no, porque el gadget se carga al final de la página y luego es "movido" mediante CSS con posición ABSOLUTE. Para hacer lo que quieres habría que cargar el aviso justo al principio y luego cambiar el posicionamiento a RELATIVE.

      Eliminar
    2. A mí me pasa tres cuartos de los mismo pero en la parte baja del blog, donde he puesto el aviso de cookies. Tengo un post footer que ocupa todo el ancho y cuando se le da al aviso para que desaparezca, se ve el hueco que ha dejado. Navego con Firefox y Opera y en ambos pasa. ¿Tampoco hay forma de quitarlo, verdad?

      Eliminar
    3. Eso no es lo mismo que le entendí a Sergio, pero es que además en tu caso, el problema no es de la barra de cookies. Aunque esta no salte la barra, ese hueco abajo lo tienes exactamente igual.

      Eliminar
    4. Vale. ¿Podrías decirme si lo sabes a qué se debe? Suelo tocar mucho la plantilla y lo más seguro es que con algún código o script que pusiera nuevo fastidiara el footer.

      Eliminar
    5. Esa copia de seguridad... :)

      Por dónde tienes el código para las flechas de "Arriba-Abajo" hay un enlace con clase "GoDown". Si buscas entre ese código descubrirás un salto de línea (BR). Ese salto es el que te está provocando ese hueco en el pie de la página.

      Eliminar
    6. Oh, caray.... xD Ni imaginé que sería por ese salto. Muchas gracias. Solucionado.
      Un saludo Oloman //

      Eliminar
  43. Gracias por toda la información que nos brindas.
    Saludos

    ResponderEliminar
  44. Hola Olo!!! He agregado el código a mi blog, pero no aparece nada:

    script
    cookieOptions = {msg: "Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación. Si continúa navegando consideramos que acepta su uso", close: "Acepto", learn: "Más información", link:"http://www.google.com/intl/es-419/policies/technologies/types/"};
    /script

    Blog: http://www.tuparadadigital.com

    ResponderEliminar
    Respuestas
    1. Será que no lo ves desde un país europeo, porque a mí me sale perfectamente ;)

      Eliminar
  45. Oloman, ya añadí el CSS y sigue sin ir, quizás debería modificar algo en la plantilla.
    Blog: www.intentarlo.com

    ResponderEliminar
    Respuestas
    1. Lo único que veo desde aquí es que sigues sin tener ese CSS incorporado a tu plantilla. No sé cómo lo estás añadiendo pues si lo hiciste exactamente como me dijiste en tu penúltimo comentario, seguro que te debería funcionar. Si vas a ese comentario verás que otra persona lo hizo precisamente siguiendo tus intrucciones... y le funciona :)

      Eliminar
  46. Hola
    he puesto en mi blog el codigo que has puesto, para que la barra de las cookies en vez de salir arriba salga abajo y lo que ha hecho ha sido eliminarla totalmente.
    He vuelto a HTML y he quitado dicho codigo para que se quedase tal cual estaba en un principio.
    Bueno, pues sigue sin salir la barra de cookies de google

    Por favor, me puedes ayudar, dime que es lo que tengo que hacer para que vuelva a salir. Yo lo que quiero es que salga en la parte de abajo, pero si no es posible, que salga arriba (donde sale por defecto)

    ResponderEliminar
    Respuestas
    1. el código que he puesto es este :
      #cookieChoiceInfo {
      top: auto !important;
      bottom: 0 !important;
      }

      y lo he puesto despues de < head >
      como te he dicho, la barra ha desparecido, despues he quitado el codigo, pero la barra sigue sin aparecer
      Mi blog es www.batalleando.com
      Porfavor, ayudame porque creo que es obligatorio informar de las cookies, no?

      Eliminar
    2. Creo que vienes del foro de Blogger Patricia. Allí ya te he contestado y la respuesta es que tú no lo ves porque ya lo has visto una vez y el aviso sólo sale una vez por persona cada cierto tiempo. Si borras cookies de tu navegador, lo volverás a ver. En el foro te contesté con más detalle.

      Eliminar
  47. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. Gracias Oloman, ya encontré la solución. Un saludo

      Eliminar
    2. Por cierto, felicitaciones por el post... es una maravilla... mil gracias

      Eliminar
    3. Pues de nada... :)
      Y por favor, la próxima vez deja el comentario sin borrar por si resulta interesante para otros que vengan detrás.

      Eliminar
  48. Buenas!
    Es posible que por culpa de este cambio en la plantilla dejen de funcionar algunos widgets que yo he añadido? Pongo mi caso como ejemplo: Tengo en dos blogs a modo de cabecera un banner cambiante que ya no funciona. Sospecho que tiene algo que ver con el script de las cookies de google. No he añadido nada nuevo y ha dejado de funcionar a la vez en los dos blogs. ¿Alguna idea? Muchísimas gracias por tu ayuda.
    Saludos!

    ResponderEliminar
    Respuestas
    1. Pues al contrario de lo que sospechas, yo intuyo que no tiene nada que ver y quizás es una casualidad. La incorporación del aviso es de hace 4 meses ¿hace tanto que te dejó de funcionar el banner?
      Quizás estás usando un script alojado por otra persona y ese otro lo ha borrado ahora. Difícil adivinar sin verlo...

      Eliminar
  49. Muchísimas gracias por el post! Lo acabamos de poner en práctica :)

    Saludos

    rinconsinglu.com

    ResponderEliminar
  50. Lo acabo de reajustar en el diseño pero no logré hacer que flotara tipo "Fixed" en el "footer", y pues este es el resultado. Que les parece?, hay algo que me sugieran?
    http://otakuworldsite.blogspot.fr/
    Saludos

    ResponderEliminar
    Respuestas
    1. Hola Oloman, me gustaría saber si conoces alguna forma de hacerlo flotar en el footer? por que no me ha resultado con algunos ajustes css.
      Muchas gracias Saludos

      Eliminar
    2. Estuve ausente un tiempo Cristian ¿lo arreglaste ya?

      Eliminar
    3. Ntp Oloman, ya lo intenté de diferentes maneras, como con el css "bottom:0;" y en la vista previa con el inspector de google se va para abajo, pero al agregar el css a la plantilla el mensaje si se queda pegado al bottom pero al top también.

      Creo que aún tengo unos css desbalagados que me han de causar quizás el conflicto.

      Conoces alguna otra forma de hacerlo?

      Eliminar
    4. Acabo de probar en tu blog directamente y esto funciona como quieres:
      #cookieChoiceInfo {
      top: auto !important;
      bottom: 0 !important;
      }

      Quizás estés olvidando el top:auto !important;

      Eliminar
    5. Tienes toda la razón, XD olvidé ese pequeño detalle.
      Muchas gracias Oloman :)

      Me acaba de dar una idea esto, ya veremos como queda.

      Saludos

      Eliminar
  51. Hola, mi blog es www.reciclajeproductivocreativo.com. Creo que instalé tu aviso de cookies, de hecho es casi idéntico, pero no estoy segura al 100 % de si seguí tus instrucciones o las de otro blog.
    El caso es que me gustaría dejar el aviso preestablecido (para quitarle peso al blog y para curarme en salud con los temas legales).
    ¿Cómo puedo quitar el antiguo que puse? No sé ni cómo se llama, ni dónde se encuentra, pues lo puse siguiendo los pasos al pie de la letra pero con conocimientos 0 de HTML.
    Muchas gracias de antemano.

    ResponderEliminar
    Respuestas
    1. María Eva, tienes ahora mismo los dos tipos de aviso y aunque lo que abunda no daña, como ese código es idéntico al que propuse, la forma de quitarlo es fácil.
      Sólo busca lo que aquí expliqué que había que poner, localízalo en tu plantilla y eso exactamente es lo que tienes que eliminar.
      Si no lo encuentras en la plantilla entonces es que lo tienes en un gadget. Desde Diseño lo podrás eliminar si es así.

      Eliminar
  52. Perdóname si te resulto pesada por ignorante (al menos en cuanto HTML). No me aparece exactamente igual que lo que tú muestras en el enlace, sino que me sale lo siguiente:

    <


    Es todo eso lo que debo borrar, ¿verdad? No afectará al mensajito de Google, ¿no?

    PD: he borrado todo entre medias porque me saltaba este mensaje en tú pagina: Su HTML no es aceptable: Etiqueta no permitida: DIV

    Muchas gracias por responder tan pronto. Has ganado a una suscriptora ;-)

    ResponderEliminar
    Respuestas
    1. No me ha dejado enviarte nada y no sé por qué.

      Eliminar
    2. Eso es porque en los comentarios no se puede poner código... salvo que antes lo conviertas en texto plano.
      Si lo crees necesario añade el código con esa herramienta que te enlazo, pero es tal y como te dije pues vi en tu blog exactamente el mismo código que publiqué.

      Eliminar
  53. Como siempre lo mejor de lo mejor, gracias Oloman ;)

    ResponderEliminar
  54. Hola Oloman
    otra opción también válida sería poniendo todo el header en un css con un 'z-index: 20000;' , así de esta forma queda encima del aviso.
    Un saludo y como siempre enhorabuena por tu trabajo.

    ResponderEliminar
  55. Hola, he puesto el codigo en mi pagina pero al verla desde el movil el banner no sale, ¿a que puede ser debido?.

    Gracias por anticipado.

    ResponderEliminar
    Respuestas
    1. Puede deberse a que ya pinchaste en alguna ocasión en "Entendido" y entonces ya no te salta más el aviso. Prueba desde otro móvil distinto para confirmarlo, visitando tu página.

      Eliminar
  56. Hola yo tengo un blog de fans de unos humoristas, y no entiendo nada de nada de esto de los cookies , llevo mucho mucho tiempo con el blog y no quiero sacar ningún beneficio de anuncios ni dinero a costa de ellos, solo por entretenimiento y no me apetece poner el cookies en mi blog , y ahora quería crear otro blog, pero mis dudas pasa algo si no pongo un cookies ? es algo malo ? no entiendo mucho de esto y fu..

    ResponderEliminar
    Respuestas
    1. Yuko, tú quizás no añadas cookies a tu sitio, pero si usas servicios como Adsense o Analytics, estos si las incluyen. De todas formas, si tienes un blog de Blogger no tienes por qué preocuparte del aviso. La plataforma ya te instala uno que saltará en los países dónde se requiera.

      Eliminar
  57. Hola, tengo un problema y es que tenía puesto el mensaje predeterminad de cookies de blogger y simplemente he añadido el código que has dado para que se muestre abajo y de repente ha desaparecido. No me sale ningún mensaje de cookies, ¿qué ha pasado?

    ResponderEliminar
    Respuestas
    1. Simplemente que las cookies han actuado y tú no lo ves porque ya te saltó el mensaje una vez. Yo lo veo perfectamente.

      Borra cookies y verás que te vuelve a salir... abajo, como querías.

      Eliminar
  58. ¡Hola, Oloman! Muchas gracias por la guía, pero no sé dónde está el código #coockieChoiceInfo en mi plantilla. ¿Puedes ayudarme a encontrarlo?

    ResponderEliminar
    Respuestas
    1. Hola. No se trata de que lo encuentres, sino de que lo AÑADAS.

      Eliminar
    2. Pues han debido de cambiar el código otra vez porque no funciona (el código #coockieChoiceInfo aparece escrito tal cual en el header del blog y el cuadro de las cookies permanece intacto). :-/

      Eliminar
    3. Eso sólo tiene una explicación y es que has puesto ese código dónde no corresponde. Tienes que ponerlo junto con el resto del CSS.

      Eliminar
    4. Solucionado. ¡Muchas gracias!

      Eliminar
  59. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
    Respuestas
    1. Lo tienes y funciona sin problemas Cyball. Te lo dice uno de Europa al que sí le salta el aviso ;)

      Eliminar
    2. weeeeee! gracias por confirmarme!

      Eliminar
  60. Hola, buenas:
    Debido a una nueva plantilla que he instalado, el menú tapa el aviso de las cookies y me gustaría ponerlo abajo. He intentado usar tu código pero no hace nada... ¿alguna idea de cómo puedo moverlo? Gracias!

    ResponderEliminar
    Respuestas
    1. Sí claro.

      Añade a tu Css esto y listo:
      .cookie-choices-info {
      z-index: 9999;
      }

      Eliminar
    2. ¡Muchas gracias por tu respuesta! Pero he colocado el código y sigue arriba :(

      Eliminar
    3. Perdón, no te entendía bien. Pensaba que lo que querías era que quedara el aviso de cookies por encima del menú y no por debajo. Ahora releyendo veo que lo que quieres es llevarte la barra de cookies a la parte inferior del blog.

      Pero ya veo que encontraste la solución:
      #cookieChoiceInfo {
      top: auto !important;
      bottom: 0 !important;
      }

      Eliminar
  61. Muchas gracias, todavía no lo he implementado pero la verdad es que es muy feito el estilo de ese anuncio, lo modificare con tus recomendaciones a ver que tal sale.
    Saludos!

    ResponderEliminar
    Respuestas
    1. Con las indicaciones que dí o con las que gustes. Sólo eran ejemplos.

      Eliminar
  62. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  63. Qué tal buenas, soy de México y en mis blogs no me sale eso de los cookies y ya no subí contenido por lo mismo, me pudieras decir si es por el país o en Europa si se ve?
    Mis sitios son: consejosdiarios58.blogspot.com y mundofutbol58.blogspot.com

    Gracias

    ResponderEliminar
    Respuestas
    1. Jorge, a tí no te sale porque estás viendo el blog desde México y allí no es obligatorio esto de las cookies. Desde Europa si sale el aviso. Todo funciona correctamente. Un saludo

      Eliminar
  64. Hola!
    Tengo una duda: ¿se podría incluir una imagen en el mensaje de aviso? para que no sea sólo texto... ¿Cómo podría hacerlo (si se puede)?
    Muchas gracias,
    Saludos.

    ResponderEliminar
    Respuestas
    1. Pues no lo he probado Sandra, pero lo que seguro que funcionaría sería metiendo en esta parte del CSS una imagen de fondo:
      #cookieChoiceInfo {
      background: url(DIRECCION_IMAGEN_FONDO) no-repeat #eee;
      }

      Eliminar
    2. Hola, Oloman,

      Antes de nada, muchas gracias, pero... aparte de que no me sale, no es exactamente lo que estaba buscando. Lo que quiero es que salga una pequeña imagen al lado del texto, no una imagen como fondo de la barra. Quuizás pregunto un imposible, pero por probar... jejeje.

      Muchas gracias de nuevo!

      Eliminar
    3. Lo acabo de comprobar y funciona. Si pones esto justo antes del </head>, te saldrá un escudo del Atlético de Madrid a la derecha del todo. Sólo has de cambiar esa imagen por otra.

      <style>
      #cookieChoiceInfo {
      background: url(https://2.bp.blogspot.com/-NiuTdhqD_ow/Vz7TmPBi3rI/AAAAAAAAAX4/TJUQDZeqs5gMbg5rCewaWLzaiHh7PxRPQCLcB/s40/athletic.png) no-repeat 100% 50% #333;
      }</style>

      Eliminar
  65. Hola, Ante todo, felicitarte por el excelente trabajo que haces. Aplico tus consejos en mi blog y son geniales.
    He utilizado estos códigos para las cookies y me gustaría añadir un ícono de Font Awesome en medio del mensaje, este exactamente "fa fa-coffee" (unicode:f0f4). No es una imagen de fondo sino simplemente un ícono que iría en una parte específica del texto del mensaje. ¿Sabes cómo hacerlo?
    Gracias por tu tiempo.

    ResponderEliminar
    Respuestas
    1. Antes o después del texto lo podrías hacer con .cookie-choices-text:before (o :after), pero para añadirlo en medio del texto ya habría que usar JavaScript y no creo que merezca la pena.

      Otra alternativa sería anular el script nativo de Blogger que genera el aviso tal y como se explica aquí y crear el tuyo propio.

      Eliminar
  66. Hola. En el código este que nos has indicado, ¿se puede añadir un atributo para que el contenedor sea más estrecho? Mil gracias ;)

    /* Contenedor general */
    #cookieChoiceInfo {
    background: #c1c1c1;
    }
    /* Caja del texto*/
    .cookie-choices-text {
    background: #cbcbcb !important;
    color: #fff !important;
    font-size: 10px;
    }

    /* Botones */
    .cookie-choices-button {
    background-color: #3eb8cb !important;
    color: #fff !important;
    border-radius: 4px;
    }
    #cookieChoiceInfo {
    top: auto !important;
    bottom: 0 !important;
    }

    /* fin caja cookie */

    ResponderEliminar
    Respuestas
    1. Sería en #cookieChoiceInfo.

      Si ahí pones un max-width: 300px; (por ejemplo) limitarás su ancho.

      Eliminar
  67. Hola: perdona mi ignorancia, mi pregunta es: el código este de "contenedor general...etc" que das para que la caja salga abajo en vez de arriba ¿en qué parte de la plantilla se coloca? ¿Hay que ponerlo dentro del script que das para modificar el texto o en otro sitio? A lo mejor ya lo has contestado y no lo he entendido. Perdona mi ignorancia y muchas gracias por tus consejos que siempre me han ayudado. Saludos

    ResponderEliminar