Contrata servicios web en ougcNetwork.
MyBB-Es.com Personalización y configuración de los foros MyBB Tutoriales / Guías Agregar aviso cookies

Agregar aviso cookies

cube87

Pilar1977

Hola, felicidades por esto, me hacia falta en mi foro, pero una consulta.
Se puede hacer para que se vea en todos los sitios de la pagina? no solo en el index!!
Esque lo intente poniendolo en header y footer pero nada, no me sale nada.
Saludos

Pumuky_69

hola excelente tutorial y funciona 100% pero una duda habría forma de ponerlo arriba? en vez abajo?

Pilar1977

(This post was last modified: 20 Feb, 2014, 9:37 am by gordoland.)
En la plantilla header, todo lo que vaya ahí va arriba.
Saludos

Enviado desde mi UMI C1 mediante Tapatalk
- - - Actualizado - - -
Aunque creo que sera mas fácil que lo consigas tocando el CSS, pero yo de eso ni idea

Enviado desde mi UMI C1 mediante Tapatalk

Pumuky_69

20 Feb, 2014, 9:36 am Pilar1977 wrote:
 En la plantilla header, todo lo que vaya ahí va arriba.
Saludos

Enviado desde mi UMI C1 mediante Tapatalk
- - - Actualizado - - -
Aunque creo que sera mas fácil que lo consigas tocando el CSS, pero yo de eso ni idea

Enviado desde mi UMI C1 mediante Tapatalk

Code:
<script src="http://j.maxmind.com/app/geoip.js"></script>
<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
    Usamos cookies propias y de terceros para mostrar publicidad personalizada seg&uacute;n su navegaci&oacute;n. Si continua navegando consideramos que acepta el uso de cookies.
    <a href="javascript:void(0);" style="padding:4px;background:#4682B4;text-decoration:none;color:#fff;" onclick="PonerCookie();"><b>OK</b></a>
    <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">M&aacute;s informaci&oacute;n</a>
</div>
</div>
<script>
function getCookie(c_name){
    var c_value = document.cookie;
    var c_start = c_value.indexOf(" " + c_name + "=");
    if (c_start == -1){
        c_start = c_value.indexOf(c_name + "=");
    }
    if (c_start == -1){
        c_value = null;
    }else{
        c_start = c_value.indexOf("=", c_start) + 1;
        var c_end = c_value.indexOf(";", c_start);
        if (c_end == -1){
            c_end = c_value.length;
        }
        c_value = unescape(c_value.substring(c_start,c_end));
    }
    return c_value;
}

function setCookie(c_name,value,exdays){
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}

if(geoip_country_code()=="ES" && getCookie('aviso')!="1"){
    document.getElementById("barritaloca").style.display="block";
}
function PonerCookie(){
    setCookie('aviso','1',365);
    document.getElementById("barritaloca").style.display="none";
}
</script>

esto te refieros de Sets de plantillas » postbit_classic < header?

Ancoreig

A mi no me aparece el aviso, no sé si por el navegador o qué... y otra cosa, para ponerlo en el portal.php sería igual?

AlbertodeG

Buenas,

primero gracias de antemano por el soporte, a ver si con suerte podéis ayudarme. Seguramente ya sabréis, en España hay una ley que obliga a informar al usuario que visita una web antes de instalarle las cookies. En nuestra web usamos las del Google Analytics.
Estoy intentando integrar vuestro mensaje en nuestra web, y a su vez el código de Google Analytics, para que se instalen dichas cookies, sí o sí, al cabo de X segundos. Yo he puesto de prueba 10 segundos.
Pero usando vuestro código, me instala la cookie de 'aviso', pero no la de google analytics. He probado de poner dicho script en muchos sitios, pero no hay manera de que se condicione al un temporizador.
Veréis que he modificado un poco el código vuestro y el botón no instala la cookie, si no que simplemente cierra el mensaje. La cookie se instala al cabo de X segundos, porque quiero dar ese tiempo al usuario a que lea el mensaje y decida si quedarse en la web o irse (sin que se le instalen las cookies).

A ver si pudierais echarme un cablecillo, por favor. Gracias!

El código que inserto antes de </head> es:

<script src="http://j.maxmind.com/app/geoip.js"></script>
<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
Usamos cookies propias y de terceros para mostrar publicidad personalizada seg&uacute;n su navegaci&oacute;n. Si continua navegando consideramos que acepta el uso de cookies.
<a href="javascript:void(0);" style="padding:4px;background:#4682B4;text-decoration:none;color:#fff;" onclick="CerrarBarra();"><b>OK</b></a>
<a href="http://www.google.com/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">M&aacute;s informaci&oacute;n</a>
</div>
</div>

<script>

setTimeout ("PonerCookie()", 10000);
setTimeout ("CallGoogleAnalytics()", 1000);

</script>

<script>
function getCookie(c_name){
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1){
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1){
c_value = null;
}else{
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1){
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}

function setCookie(c_name,value,exdays){

var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;

}

if(geoip_country_code()=="ES" && getCookie('aviso')!="1"){
document.getElementById("barritaloca").style.display="block";
}
function PonerCookie(){
setCookie('aviso','1',365);


}

function CerrarBarra(){
document.getElementById("barritaloca").style.display="none";
}

function CallGoogleAnalytics(){

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'NUESTRO CÓDIGO ID-oculto a propósito']);
_gaq.push(['_trackPageview']);

var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
}

</script>

Ancoreig

Bueno solo avisaros de que la api de maxmind ha pasado a ser de pago o yo qué sé, y por eso no me funcionaba. He seguido este tutorial y ya me va.
En mi caso lo he puesto en el portal.

Code:
<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
    Usamos cookies propias y de terceros para mostrar publicidad personalizada seg&uacute;n su navegaci&oacute;n. Si continua navegando consideramos que acepta el uso de cookies.
    <a href="javascript:void(0);" style="padding:4px;background:#4682B4;text-decoration:none;color:#fff;" onclick="PonerCookie();"><b>OK</b></a>
    <a href="http://www.google.com.ar/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">M&aacute;s informaci&oacute;n</a>
</div>
</div>
<script>
    function getCookie(c_name){
        var c_value = document.cookie;
        var c_start = c_value.indexOf(" " + c_name + "=");
        if (c_start == -1){
            c_start = c_value.indexOf(c_name + "=");
        }
        if (c_start == -1){
            c_value = null;
        }else{
            c_start = c_value.indexOf("=", c_start) + 1;
            var c_end = c_value.indexOf(";", c_start);
            if (c_end == -1){
                c_end = c_value.length;
            }
            c_value = unescape(c_value.substring(c_start,c_end));
        }
        return c_value;
    }

    function setCookie(c_name,value,exdays){
        var exdate=new Date();
        exdate.setDate(exdate.getDate() + exdays);
        var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
        document.cookie=c_name + "=" + c_value;
    }

    function getgeoip(json){
        if (json.country_code=="ES" && getCookie('aviso')!="1") {
            document.getElementById("barritaloca").style.display="block";
        }

    }

    function PonerCookie(){
        setCookie('aviso','1',365);
        document.getElementById("barritaloca").style.display="none";
    }
</script>
<script type="application/javascript" src="http://www.telize.com/geoip?callback=getgeoip"></script>

AlbertodeG

(This post was last modified: 3 Apr, 2014, 6:52 am by amashan.)
Hola Ancoreig,

al final conseguí solucionar el tema, un amigo programador me ayudó. Parecía que el código de Google Analytics, al estar dentro de una función, tal cual la creé, no devolvía nada.
Yo no he usado la API de maxmind, no sé porqué, pero me da algo de mal rollo que haya una web que desconozco que compruebe cada conexión a mi web. Así que modifiqué un poco el código para que no compruebe si se conectan desde España. De esta forma, todo el mundo que se conecta ve la barra.

Os pego el código, para que si alguien quiere utilizarlo, lo haga. En mi caso, para cumplir con el consentimiento tácito de la legislación española, he añadido un temporizador que espera 10000ms, o lo que se quiera poner, en cargar la cookie de la barrita y las de Google Analytics. De esta forma, da tiempo al usuario a decidir si salirse de la web sin habérsele instalado las cookies. He modificado el código para que pinchando sobre el OK de la barra, sólo la cierre, porque la instalación de las cookies ya va temporizada.

Según he leído en algunos foros, parece que muchas webs que ponen barra de aviso, no cumplen esto. Es decir, que avisan pero desde el segundo cero ya te instalan las cookies. Esto por lo tanto, no cumple la legislación.

ah! para las empresas que tengan Blogger/Blogspot, esta platafoma de Google permite insertar un Gadget que contenga javascript, con lo que puedes poner la barrita de aviso. Eso sí, en este caso, no tienes control sobre las cookies del blog. Aunque almenos ya avisas... No me enrollo más y os pego el código. Gracias al foro por el código original, me ha sido de gran ayuda.

<div id="barracookie" style="display:none;position:fixed;left:0px;right:0px; top:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
Usamos cookies propias y de terceros para mejorar la experiencia de navegación. Si continua navegando consideramos que acepta el uso de cookies.
<a href="javascript:void(0);" style="padding:4px;background:#4682B4;text-decoration:none;color:#fff;" onclick="CerrarBarra();"><b>OK</b></a>
<a href="http://www.google.com/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">M&aacute;s informaci&oacute;n</a>
</div>
</div>


<script>

setTimeout ("PonerCookie()", 10000);
setTimeout ("CallGoogleAnalytics()", 10000);

</script>


<!-- EJEMPLO MENSAJE COOKIES -->


<script>
function getCookie(c_name){
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1){
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1){
c_value = null;
}else{
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1){
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}

function setCookie(c_name,value,exdays){

var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;

}

if(getCookie('aviso')!="1"){
document.getElementById("barracookie").style.display="block";
}
function PonerCookie(){
setCookie('aviso','1',365);

}

function CerrarBarra(){
document.getElementById("barracookie").style.display="none";
}

function CallGoogleAnalytics(){

var s = document.createElement('script');
s.type = 'text/javascript';
var code = "var _gaq = _gaq || [];"
+ "_gaq.push(['_setAccount', 'UA-99999999-9']);" <!-- Código Google Analytics inventado. Poned el que obtengáis del registro en Google Analytics -->
+ "_gaq.push(['_trackPageview']);"
+ "var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;"
+ "ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';"
+ "var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);";
s.appendChild(document.createTextNode(code));
document.head.appendChild(s);
}

</script>
- - - Actualizado - - -
Por cierto, re-leyendo el foro, este mensaje sale arriba de la página, y no abajo como era el original, y se coloca dentro del HEAD.

3 Apr, 2014, 6:50 am AlbertodeG wrote:
 Hola Ancoreig,

al final conseguí solucionar el tema, un amigo programador me ayudó. Parecía que el código de Google Analytics, al estar dentro de una función, tal cual la creé, no devolvía nada.
Yo no he usado la API de maxmind, no sé porqué, pero me da algo de mal rollo que haya una web que desconozco que compruebe cada conexión a mi web. Así que modifiqué un poco el código para que no compruebe si se conectan desde España. De esta forma, todo el mundo que se conecta ve la barra.

Os pego el código, para que si alguien quiere utilizarlo, lo haga. En mi caso, para cumplir con el consentimiento tácito de la legislación española, he añadido un temporizador que espera 10000ms, o lo que se quiera poner, en cargar la cookie de la barrita y las de Google Analytics. De esta forma, da tiempo al usuario a decidir si salirse de la web sin habérsele instalado las cookies. He modificado el código para que pinchando sobre el OK de la barra, sólo la cierre, porque la instalación de las cookies ya va temporizada.

Según he leído en algunos foros, parece que muchas webs que ponen barra de aviso, no cumplen esto. Es decir, que avisan pero desde el segundo cero ya te instalan las cookies. Esto por lo tanto, no cumple la legislación.

ah! para las empresas que tengan Blogger/Blogspot, esta platafoma de Google permite insertar un Gadget que contenga javascript, con lo que puedes poner la barrita de aviso. Eso sí, en este caso, no tienes control sobre las cookies del blog. Aunque almenos ya avisas... No me enrollo más y os pego el código. Gracias al foro por el código original, me ha sido de gran ayuda.

<div id="barracookie" style="display:none;position:fixed;left:0px;right:0px; top:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
Usamos cookies propias y de terceros para mejorar la experiencia de navegación. Si continua navegando consideramos que acepta el uso de cookies.
<a href="javascript:void(0);" style="padding:4px;background:#4682B4;text-decoration:none;color:#fff;" onclick="CerrarBarra();"><b>OK</b></a>
<a href="http://www.google.com/intl/es-419/policies/technologies/types/" target="_blank" style="padding-left:5px;text-decoration:none;color:#ffffff;">M&aacute;s informaci&oacute;n</a>
</div>
</div>


<script>

setTimeout ("PonerCookie()", 10000);
setTimeout ("CallGoogleAnalytics()", 10000);

</script>


<!-- EJEMPLO MENSAJE COOKIES -->


<script>
function getCookie(c_name){
var c_value = document.cookie;
var c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1){
c_start = c_value.indexOf(c_name + "=");
}
if (c_start == -1){
c_value = null;
}else{
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1){
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start,c_end));
}
return c_value;
}

function setCookie(c_name,value,exdays){

var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;

}

if(getCookie('aviso')!="1"){
document.getElementById("barracookie").style.display="block";
}
function PonerCookie(){
setCookie('aviso','1',365);

}

function CerrarBarra(){
document.getElementById("barracookie").style.display="none";
}

function CallGoogleAnalytics(){

var s = document.createElement('script');
s.type = 'text/javascript';
var code = "var _gaq = _gaq || [];"
+ "_gaq.push(['_setAccount', 'UA-99999999-9']);" <!-- Código Google Analytics inventado. Poned el que obtengáis del registro en Google Analytics -->
+ "_gaq.push(['_trackPageview']);"
+ "var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;"
+ "ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';"
+ "var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);";
s.appendChild(document.createTextNode(code));
document.head.appendChild(s);
}

</script>

Ancoreig

Una pregunta Alberto, el código lo podría colocar y luego introducir mi código de google analytics en el código que has puesto, donde pone "+ "_gaq.push(['_setAccount', 'UA-99999999-9']);" <!-- Código Google Analytics inventado. Poned el que obtengáis del registro en Google Analytics -->"?

Aún no he creado el código del analytics (tengo la web cerrada), y sería para poner tu código e ir adelantando trabajo y ya luego cuando consiga el código, modificar esa parte y ya introducir el de analytics.
Next Oldest Next Newest
Show Threaded Mode Print Thread