Scripts y Cookies

Este sitio utiliza cookies para brindar sus servicios y analizar el tráfico. Si continuas navegando consideramos que aceptas el uso de cookies. También puedes configurar tu navegador para bloquear, eliminar o permitir las cookies de este sitio. Una cookie es un pequeño fragmento de texto que los sitios web que visitas envían al navegador y que permite que el sitio web recuerde información sobre tu visita, como tu idioma preferido y otras opciones, lo que puede facilitar tu próxima visita y hacer que el sitio te resulte más útil. Las cookies desempeñan un papel muy importante, ya que sin ellas el uso de la Web sería una experiencia mucho más frustrante.
Actualización sábado, 22 de febrero de 2020

Si eres menor de 15 años te sugerimos que navegues en este blog bajo la supervisión de un adulto.

Una cookie es un pequeño fragmento de texto que los sitios web que visitas envían al navegador y que permite que el sitio web recuerde información sobre tu visita, como tu idioma preferido y otras opciones, lo que puede facilitar tu próxima visita y hacer que el sitio te resulte más útil. Para mas información detallada de Blogger puedes leer: Google / Blogger Privacidad y Condiciones.

Banner Aviso de Cookies

Blogger utiliza un aviso y solo aparece en los países de la Unión Europea el cual aparece en la siguiente imagen. El aviso está en la parte inferior del Blog. En caso que no estés en la Unión Europea y deseas ver el Banner puedes ir a esta dirección http://www.bauldehistorias.com/?gl=fr

Actualmente se utiliza el siguiente Banner

Aviso de Cookies (Banner) - Baúl de Historias
Aviso de Cookies (Banner) - Baúl de Historias

Se utiliza el siguiente script para mostrar el banner personalizado.

<script>//<![CDATA[
cookieOptions = {
msg: "Este blog utiliza cookies para brindar sus servicios y analizar el tráfico; para garantizar la calidad de servicio, detectar y solucionar abusos. Te sugerimos leer la información anexada en este blog antes de seguir navegando.",
learn: "Más Información",
close: "Aceptar",
link: "https://historiasrelatoscuentos.blogspot.com/p/scriptsycookies.html",
};//]]></script>

Buscador Interno de Blogger

Dentro de la barra de menú superior se encuentra un buscador interno del blog Baúl de Historias, estando en la parte superior derecha. Se utiliza para su funcionamiento el siguiente código:

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/>
<script> $(document).ready(function(){ $(&#39;#buscador a&#39;).on(&#39;click&#39;, function(e) { e.preventDefault(); $(&#39;.busqueda&#39;).slideToggle(&#39;fast&#39;); }); }); </script>

Aquí muestro dos imágenes de este menú deslizable responsive

Menú Responsive Móvil - Baúl de Historias
Buscador interno móvil 
Buscador interno web

Google Analytics: Seguimiento del sitio web

La etiqueta global de sitio simplifica la implementación de etiquetas en los productos de remarketing, seguimiento de conversiones y medición, de sitios web de Google, lo que le permite disponer de un mayor control y facilita el proceso de complementación. Ofrece información agrupada del tráfico que llega a los sitios web según la audiencia, la adquisición, el comportamiento y las conversiones que se llevan a cabo en el sitio web. Uso de las cookies de Google Analytics en sitios web.

Este es el código script utilizado:

<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_TRACKING_ID');
</script>

Post con resumen automático en la portada del blog

En este blog al INICIO encuentras los post de un estilo de Entradas Resumidas en forma automática con enlaces en la imagen, titulo y en el botón leer más.

Entradas con Resumen Automático - Baúl de Historias
Entradas con resumen automático

Este es el código utilizado:

<script type='text/javascript'>
summary_txt = 290;
img_thumb_width = 250;
</script>

<script type='text/javascript'>
//<![CDATA[
// Script original de Anhvo, modificado por ciudadblogger.com
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
if(img.length<=0) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="" width="'+img_thumb_width+'px" /></a></span>';
summ = summary_txt;
}
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><a href="'+ pURL +'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></a></span>';
summ = summary_txt;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Entradas Relacionadas


Al final del post mostramos entradas de interés para el lector el cual sugerimos. El siguiente código es el que utilizamos:

<script>
   /*!
    * wjs-related v2.0.3
    * Copyright 2018 zkreations
    * Developed by José Gregorio (fb.com/JGMateran)
    * Licensed under MIT (github.com/zkreations/wjs-related/blob/master/LICENSE)
    */
   var related = (function(){
   &#39;use strict&#39;;
   var defaults = {
      id: &#39;<data:post.id/>&#39;,
      homepage: window.location.protocol + &#39;//&#39; + window.location.hostname,
      image: &#39;source/img/no-img-blogger.png&#39;,
      length: 6,
      snippet: 0,
      imgSize: &#39;s256-c&#39;,
      container: document.getElementById(&#39;wjs-related&#39;),
      tags: [<b:loop values='data:post.labels' var='label'>&#39;<data:label.name/>&#39;,</b:loop>]
   };
//<![CDATA[
var tags$length=defaults.tags.length;var script=document.createElement("script");var src=defaults.homepage+"/feeds/posts/default"+"?alt=json-in-script"+"&callback=related"+"&max-results="+(defaults.length+1)+"&q=";for(var n=0;n<tags$length;n++)src+=
'label:"'+defaults.tags[n]+'"'+(n===tags$length-1?"":"|");script.src=src;document.body.appendChild(script);function render(data){var title=data.title.$t;var content = data.content;var summary = data.summary;var snippet = ( content ? content.$t : summary.$t).replace(/<[^>]*>?/g,'').substring( 0, defaults.snippet ) + '';var img=data.media$thumbnail;var tempHtml=document.createElement("div");tempHtml.innerHTML=content.$t;var imgHtml=tempHtml.querySelector("img");var image=(img?img.url:imgHtml?imgHtml.src:defaults.image).replace(/s\B\d{2,4}-c/,defaults.imgSize);
var url=function(){for(var i=0;i<data.link.length;i++){var link=data.link[i];if(link.rel==="alternate")return link.href}}();var published=(new Date(data.published.$t)).toLocaleDateString("es-ES",{year:"numeric",month:"long",day:"numeric"});return'<div class="wjs-rel__card">'+'<div class="wjs-rel__card-content">'+'<a href="'+url+'" class="wjs-rel__image">'+'<img src="'+image+'" alt="'+title+'" />'+"</a>"+'<div class="wjs-rel__data">'+'<h3 class="wjs-rel__title">'+title+"</h3>"+'<div class="wjs-rel__date">'+
published+"</div>"+'<p class="wjs-rel__snippet">'+snippet+"</p>"+"</div>"+"</div>"+"</div>"}function related(json){var i=0;var post;var length=defaults.length;for(;i<length&&(post=json.feed.entry[i]);i++)if(defaults.id!==post.id.$t.split(".post-")[1])defaults.container.innerHTML+=render(post);else length++}return related})();
//]]></script>

Twitter de Aarón Mendoza

En un gadget aparece la cronología de la cuenta en twitter del autor del blog Baúl de Historias. Nuestro uso de cookies y tecnologías similares.

Twitter Aarón Mendoza - Baúl de Historias
Cronología de Twitter

El código utilizado para que funcione esta herramienta es el siguiente:

<script async="async" src="https://platform.twitter.com/widgets.js" charset="utf-8" ></script>