Integración del script para solicitar permiso para la inclusión del tracking

El objetivo de este script es mostrar un faldón que solicite permiso al usuario de que se le van a fijar unas cookies de tracking de acuerdo a la legislación vigente.

El script se puede configurar con una serie de opciones mediante variables javascript. Las variables admitidas son las siguientes:

• _faldonBottom: si está presente la variable y su valor es true el faldón se muestra en la parte inferior de la página
• _faldonYes: texto para el botón de aceptación, si no se fija en el botón se muestra "Sí"
• _faldonNo: texto para el botón de rechazo, si no se fija en el botón se muestra "No"
• _faldonTimeout: si se fija esta variable con un valor numérico mayos que 0 pasados los segundos indicados por la variable se supone una respuesta afirmativa
• _faldonForceSet: si está presente la variable y su valor es true y además hemos fijado la variable _faldonTimeout no se le da la opción de responder no y pasados los segundos indicados se tomará una respuesta afirmativa
• _faldonForceChoose: si está presente la variable y su valor es true se muestra el botón de "Sí" aunque hayamos fijado la variable _faldonTimeout
• _contenidoFaldon: si se fija esta variable se usa su valor como mensaje del faldón. Si no se muestra un texto genérico.

Integración

El nuevo script viene a sustituir los de medición de eCliente (medicion.js) y los de Google Analytics (urchin.js o ga.js). A continuación algunos ejemplos de integración:

<script src="http://www.ecliente.com/js/medicion.js"></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX']);
  _gaq.push(['_trackPageview']);

  (function() {
    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>

Pasaría a ser:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX']);
  _gaq.push(['_trackPageview']);
</script>
<script src="http://www.ecliente.com/js/faldon.js"></script>

Ó

<script src="http://www.ecliente.com/js/medicion.js"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-XXXXXX";
urchinTracker();
</script>

Pasaría a ser:

<script type="text/javascript">
_uacct = "UA-XXXXXX";
</script>
<script src="http://www.ecliente.com/js/faldon.js"></script>

Ejemplos

Faldón con comportamiento por defecto:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX']);
  _gaq.push(['_trackPageview']);
</script>
<script src="http://www.ecliente.com/js/faldon.js"></script>

Faldón en la parte inferior de la página:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX']);
  _gaq.push(['_trackPageview']);
  var _faldonBottom = true;
</script>
<script src="http://www.ecliente.com/js/faldon.js"></script>

Faldón con una temporización de 15 segundos:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX']);
  _gaq.push(['_trackPageview']);
  var _faldonTimeout = 15;
</script>
<script src="http://www.ecliente.com/js/faldon.js"></script>

Faldón con una temporización de 15 segundos sin opción de rechazo:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX']);
  _gaq.push(['_trackPageview']);
  var _faldonTimeout = 15;
  var _faldonForceSet = true;
</script>
<script src="http://www.ecliente.com/js/faldon.js"></script>

Faldón con un texto específico:

<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX']);
  _gaq.push(['_trackPageview']);
  var _contenidoFaldon = 'Vamos a ponerle unas cookies de seguimiento si le parece conveniente';
</script>
<script src="http://www.ecliente.com/js/faldon.js"></script>

Página de prueba

​http://beta.ecliente.com/test_faldon.html