uso alternativo aviso de cookies

  • Autor Autor jcduranm
  • Fecha de inicio Fecha de inicio
jcduranm

jcduranm

Gamma
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
alguien podría ayudarme?
tengo la idea de usar el sistema de cookies personalizados para en ves de mostrar un texto cada 24 horas al usuario poder mostrar un video o audio pero la verdad no logro hacerlo si se pone y todo pero no puedo hacer que se reproduzca solo

<script type='text/javascript'> //<![CDATA[ // Grabar function setCookie(name, value, expires, path, domain, secure) { document.cookie = name + "=" + escape(value) + ((expires == null) ? "" : "; expires=" + expires.toGMTString()) + ((path == null) ? "" : "; path=" + path) + ((domain == null) ? "" : "; domain=" + domain) + ((secure == null) ? "" : "; secure"); } // Leer function getCookie(name){ var cname = name + "="; var dc = document.cookie; if (dc.length > 0) { begin = dc.indexOf(cname); if (begin != -1) { begin += cname.length; end = dc.indexOf(";", begin); if (end == -1) end = dc.length; return unescape(dc.substring(begin, end)); } } return null; } //Borrar function delCookie (name,path,domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path == null) ? "" : "; path=" + path) + ((domain == null) ? "" : "; domain=" + domain) + "; expires=Thu, 01-Jan-70 00:00:01 GMT"; } } //]]> </script> <style type='text/css'> .visible {display:block;} .invisible {display:none;} </style> <script type='text/javascript'> function plegardesplegar(identificacion){ var menu = document.getElementById(identificacion); if(menu.className == &#39;visible&#39;){ menu.className = &#39;invisible&#39;; }else{ menu.className = &#39;visible&#39;; } } </script>
<div class='invisible' id='idatenuar' style='z-index:99; position:fixed; top:0px; left:0px; overflow:visible; height:100%; width:100%; background:#000000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; -khtml-opacity: 0.8;'/> <div class='invisible' id='idbloque' style=' z-index:100;position:fixed; overflow:visible; top:50%; left:50%; width:250px; height:auto; margin-top:-150px; margin-left:-200px; border:5px solid rgba(34, 34, 34, 0); background:#ffffff; color:#000000; padding:20px; text-align:center;'> CODIGO DE MI VIDEO <a href='javascript:plegardesplegar(&quot;idatenuar&quot;);javascript:plegardesplegar(&quot;idbloque&quot;);'>CERRAR</a> </div> <script type='text/javascript'> var comprobar = getCookie(&quot;vezprimera&quot;); if (comprobar != null) {} else { var expiration = new Date(); expiration.setTime(expiration.getTime() + 86400000); setCookie(&quot;vezprimera&quot;,&quot;1&quot;,expiration); plegardesplegar(&quot;idatenuar&quot;); plegardesplegar(&quot;idbloque&quot;); } </script>

no puedo hacer que empiece solo pero AQUI dejo el link del blog para que vean el ejemplo
 
Última edición:
Buen día! Sabrás como se hace para activar cookies en blogger?
 
Buen día! Sabrás como se hace para activar cookies en blogger?
En blogger es automático, blogger lo muestra dependiendo a los lugares que es obligatorio mostrar, pero si deseas mostrar forzar hay montón de cookies en la internet.
 
En blogger es automático, blogger lo muestra dependiendo a los lugares que es obligatorio mostrar, pero si deseas mostrar forzar hay montón de cookies en la internet.
Entendido, gracias por la repuesta... Lo investigaré
 
Una idea creativa, seguiré de cerca el desarrollo 😉 suerte
 
Buen día! Sabrás como se hace para activar cookies en blogger?
Agregas el css

Insertar CODE, HTML o PHP:
/*Reset cookie-choices*/
body .cookie-choices-info,
body .cookie-choices-info .cookie-choices-button,
body .cookie-choices-info .cookie-choices-buttons,
body .cookie-choices-info .cookie-choices-inner,
body .cookie-choices-info .cookie-choices-text{ position:initial;margin:initial; left:initial;right:initial;bottom:initial;width:initial; top:initial;color:initial;padding:initial;background:initial; text-transform: initial;font-size: initial;max-width: initial;text-align: center; }

/*Animacion*/
@-webkit-keyframes cookies {
    from {-webkit-transform:translateY(10em);transform:translateY(10em);}
    to {-webkit-transform:translateY(0em);transform:translateY(0em);}
}
@keyframes cookies {
    from {-webkit-transform:translateY(10em);transform:translateY(10em);}
    to {-webkit-transform:translateY(0em);transform:translateY(0em);}
}

/*Contenedor principal*/
body .cookie-choices-info {
    position: fixed;
    bottom: 0;left: 0;right: 0;
    -webkit-animation: cookies 1s backwards;
    animation: cookies 1s backwards;
}
body .cookie-choices-info {
    bottom: 1em; /*Separacion inferior*/
    right: 1em; /*Separacion derecha*/
    left: auto;
}

body .cookie-choices-info .cookie-choices-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body .cookie-choices-info .cookie-choices-buttons {
    padding-top: 1em;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
    border-radius: 5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 1.5em;
    background: #FFF; /*Color del fondo*/
}

/*Texto*/
body .cookie-choices-info .cookie-choices-text {
    line-height: 24px;
    padding: 0 1em;
    font-size: 14px; /*tamaño de la fuente del aviso*/
    color: #707070; /*Color del texto*/
}

/*Botones*/
body .cookie-choices-info .cookie-choices-button {
    color: #fff; /*Color del texto de los botones*/
    margin-left: .5em;
    padding: .7em 1em; /*Espaciado de los botones*/
    display: inline-block;
    background: rgba(9, 179, 228, 0.8); /*Color de fondo de los botones*/
    border-radius: 3px;
    font-size: .9em;
    -webkit-transition: background .3s;
    transition: background .3s;
}

/*Hover botones*/
body .cookie-choices-info .cookie-choices-button:hover {
    background: #09b3e4; /*Color de hover de los botones*/
}

body .cookie-choices-info .cookie-choices-text {
    display: block;
    text-align: center;
    padding-bottom: 1rem;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
    max-width: 420px;
}

Ahora vamos a cambiar el mensaje que se muestra en el aviso de cookies de Blogger. Para ello nos dirigimos a Tema > Editar HTML y pegamos el siguiente código debajo de la etiqueta <head>

Insertar CODE, HTML o PHP:
<script>//<![CDATA[
cookieOptions = {
msg: "Texto legal", //El mensaje del aviso
learn: "Texto leer más", //El texto del botón "Más información"
close: "Texto para aceptar", //El texto del botón "Aceptar"
link: "https://politica-de-cookies.com", //URL de la pagina para saber sobre tus cookies
};//]]></script>
 
Agregas el css

Insertar CODE, HTML o PHP:
/*Reset cookie-choices*/
body .cookie-choices-info,
body .cookie-choices-info .cookie-choices-button,
body .cookie-choices-info .cookie-choices-buttons,
body .cookie-choices-info .cookie-choices-inner,
body .cookie-choices-info .cookie-choices-text{ position:initial;margin:initial; left:initial;right:initial;bottom:initial;width:initial; top:initial;color:initial;padding:initial;background:initial; text-transform: initial;font-size: initial;max-width: initial;text-align: center; }

/*Animacion*/
@-webkit-keyframes cookies {
    from {-webkit-transform:translateY(10em);transform:translateY(10em);}
    to {-webkit-transform:translateY(0em);transform:translateY(0em);}
}
@keyframes cookies {
    from {-webkit-transform:translateY(10em);transform:translateY(10em);}
    to {-webkit-transform:translateY(0em);transform:translateY(0em);}
}

/*Contenedor principal*/
body .cookie-choices-info {
    position: fixed;
    bottom: 0;left: 0;right: 0;
    -webkit-animation: cookies 1s backwards;
    animation: cookies 1s backwards;
}
body .cookie-choices-info {
    bottom: 1em; /*Separacion inferior*/
    right: 1em; /*Separacion derecha*/
    left: auto;
}

body .cookie-choices-info .cookie-choices-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body .cookie-choices-info .cookie-choices-buttons {
    padding-top: 1em;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
    border-radius: 5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 1.5em;
    background: #FFF; /*Color del fondo*/
}

/*Texto*/
body .cookie-choices-info .cookie-choices-text {
    line-height: 24px;
    padding: 0 1em;
    font-size: 14px; /*tamaño de la fuente del aviso*/
    color: #707070; /*Color del texto*/
}

/*Botones*/
body .cookie-choices-info .cookie-choices-button {
    color: #fff; /*Color del texto de los botones*/
    margin-left: .5em;
    padding: .7em 1em; /*Espaciado de los botones*/
    display: inline-block;
    background: rgba(9, 179, 228, 0.8); /*Color de fondo de los botones*/
    border-radius: 3px;
    font-size: .9em;
    -webkit-transition: background .3s;
    transition: background .3s;
}

/*Hover botones*/
body .cookie-choices-info .cookie-choices-button:hover {
    background: #09b3e4; /*Color de hover de los botones*/
}

body .cookie-choices-info .cookie-choices-text {
    display: block;
    text-align: center;
    padding-bottom: 1rem;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
    max-width: 420px;
}

Ahora vamos a cambiar el mensaje que se muestra en el aviso de cookies de Blogger. Para ello nos dirigimos a Tema > Editar HTML y pegamos el siguiente código debajo de la etiqueta <head>

Insertar CODE, HTML o PHP:
<script>//<![CDATA[
cookieOptions = {
msg: "Texto legal", //El mensaje del aviso
learn: "Texto leer más", //El texto del botón "Más información"
close: "Texto para aceptar", //El texto del botón "Aceptar"
link: "https://politica-de-cookies.com", //URL de la pagina para saber sobre tus cookies
};//]]></script>
Recibido hermano... Voy a probarlo y te informo... Gracias de antemano por el apoyo
 
Agregas el css

Insertar CODE, HTML o PHP:
/*Reset cookie-choices*/
body .cookie-choices-info,
body .cookie-choices-info .cookie-choices-button,
body .cookie-choices-info .cookie-choices-buttons,
body .cookie-choices-info .cookie-choices-inner,
body .cookie-choices-info .cookie-choices-text{ position:initial;margin:initial; left:initial;right:initial;bottom:initial;width:initial; top:initial;color:initial;padding:initial;background:initial; text-transform: initial;font-size: initial;max-width: initial;text-align: center; }

/*Animacion*/
@-webkit-keyframes cookies {
    from {-webkit-transform:translateY(10em);transform:translateY(10em);}
    to {-webkit-transform:translateY(0em);transform:translateY(0em);}
}
@keyframes cookies {
    from {-webkit-transform:translateY(10em);transform:translateY(10em);}
    to {-webkit-transform:translateY(0em);transform:translateY(0em);}
}

/*Contenedor principal*/
body .cookie-choices-info {
    position: fixed;
    bottom: 0;left: 0;right: 0;
    -webkit-animation: cookies 1s backwards;
    animation: cookies 1s backwards;
}
body .cookie-choices-info {
    bottom: 1em; /*Separacion inferior*/
    right: 1em; /*Separacion derecha*/
    left: auto;
}

body .cookie-choices-info .cookie-choices-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body .cookie-choices-info .cookie-choices-buttons {
    padding-top: 1em;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
    border-radius: 5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    padding: 1.5em;
    background: #FFF; /*Color del fondo*/
}

/*Texto*/
body .cookie-choices-info .cookie-choices-text {
    line-height: 24px;
    padding: 0 1em;
    font-size: 14px; /*tamaño de la fuente del aviso*/
    color: #707070; /*Color del texto*/
}

/*Botones*/
body .cookie-choices-info .cookie-choices-button {
    color: #fff; /*Color del texto de los botones*/
    margin-left: .5em;
    padding: .7em 1em; /*Espaciado de los botones*/
    display: inline-block;
    background: rgba(9, 179, 228, 0.8); /*Color de fondo de los botones*/
    border-radius: 3px;
    font-size: .9em;
    -webkit-transition: background .3s;
    transition: background .3s;
}

/*Hover botones*/
body .cookie-choices-info .cookie-choices-button:hover {
    background: #09b3e4; /*Color de hover de los botones*/
}

body .cookie-choices-info .cookie-choices-text {
    display: block;
    text-align: center;
    padding-bottom: 1rem;
}

/*Contenedor del texto y botones*/
body .cookie-choices-info .cookie-choices-inner {
    max-width: 420px;
}

Ahora vamos a cambiar el mensaje que se muestra en el aviso de cookies de Blogger. Para ello nos dirigimos a Tema > Editar HTML y pegamos el siguiente código debajo de la etiqueta <head>

Insertar CODE, HTML o PHP:
<script>//<![CDATA[
cookieOptions = {
msg: "Texto legal", //El mensaje del aviso
learn: "Texto leer más", //El texto del botón "Más información"
close: "Texto para aceptar", //El texto del botón "Aceptar"
link: "https://politica-de-cookies.com", //URL de la pagina para saber sobre tus cookies
};//]]></script>
Seguí los pasos indicados pero no me ha funcionado...
 
Seguí los pasos indicados pero no me ha funcionado...
Listo amigo... Ya funcionó... No era que blogger no me quizo guardar los cambios, luego volví a relizar los pasos indicados y funcionón bien... Gracias
 
Atrás
Arriba