Tutorial Mostrar cartel de COOKIES sólo a visitantes de Europa

Mensajes
27
Puntuación de reacción
2
Haré un tutorial corto, pero muy eficiente a lo hora de mostrar nuestro aviso de cookies en las páginas web, se trata de un código que sólo cargara si la visita es de algún país de la unión europea, de lo contrario no mostrará nada.

Esto es de gran utilidad, pues se sabe que este cartelito es bien molesto y aumenta la taza de rebote de nuestras páginas, por lo que la mejor decisión es mostrarlo sólo cuando el visitante viene de europa

Debes pegar este código en tu página y cambiar donde dice http://miweburl.com por la url donde está tu política de cookies y listo, ya queda funcionado.

HTML:
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//acortar.org/cookie-min-js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#252e39"
    },
    "button": {
      "background": "transparent",
      "text": "#14a7d0",
      "border": "#14a7d0"
    }
  },
  "position": "bottom-left",
  "content": {
    "message": "Este sitio usa cookies para que tenga una mejor experiencia de navegación. ",
    "dismiss": "Aceptar y cerrar aviso",
    "link": "Leer más",
    "href": "http://miweburl.com"
  }
})});
</script>

si quieres mostrar en todas las páginas igualmente, o deseas probar como se ve primero y luego usarlo sólo para paises de europa, incluye este código:

HTML:
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
<script src="//acortar.org/cookie-consent-global-min-js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#252e39"
    },
    "button": {
      "background": "transparent",
      "text": "#14a7d0",
      "border": "#14a7d0"
    }
  },
  "position": "bottom-left",
  "content": {
    "message": "Este sitio usa cookies para que tenga una mejor experiencia de navegación. ",
    "dismiss": "Aceptar y cerrar aviso",
    "link": "Leer más",
    "href": "http://miweburl.com"
  }
})});
</script>

En donde dice:

"Este sitio usa cookies para que tenga una mejor experiencia de navegación. " y "Aceptar y cerrar aviso" puedes cambiarlo por el texto que gustes.

Espero les sea de ayuda.
 
Última edición:
Arriba