WebSite X5Help Center

 
Marcos M.
Marcos M.
User

Como colocar un anti anti adblock?  es

Autore: Marcos M.
Visite 2689, Followers 1, Condiviso 0  

Hola!

Eh averiguado como colocar un anti adblock en mi página web. Ya que hoy en día todos usan uno, realmente es de mucha desventaja este tema.

https://www.zkreations.com/2017/12/aviso-adblock-anuncios-mensaje.html

En esa página explican como colcoar uno, en este caso es solo un aviso, tenes la opción de obviarlo y seguir utilizando el adblocker, pero creo que es mejor que nada.

En la explicación dice que hay que colocar el códitgo html en 3 hubicaciónes distintas, no se donde serían estas hubiaciónes en el website x5 profesional 14. Me podrían ayudar?

desde ya muchas gracias!

Postato il
2 RISPOSTE - 1 CORRETTO
CARLOS AMARAL
CARLOS AMARAL
Moderator
Utente del mese ESUtente del mese PT

Hola Marcos,

Depende de donde vaya ese codigo html, es por donde tienes que acceder desde WebSite X5 para implementarlo, por lo que seria de ayuda si nos dices donde va ese codigo.

Por otro lado te comento que para agregar codigo personalizado puedes agregarlo como un objeto html si va en el cuerpo de la pagina. O puedes acceder mediante el boton Propiedades de cada pagina en el menu y en la seccion avanzadas puedes ingresar codigo tambien en caso de que vaya por ejemplo antes de la etiqueta body.

Quedamos en contacto a ver si podemos solucionar tu consulta...

Saludos

Carlos A.

Leggi di più
Postato il da CARLOS AMARAL
Marcos M.
Marcos M.
User
Autore

A ver, son varios codigos para lograr esto que quiero.

Uno no termino de entender donde va, lo que pasa es que lo explican para blogger. 

El siguiente código lo indican para colocarlo dentro de la misma página, calculo que con ponerlo en la pagina de inicio en un html basta. probaré

/*! * Style: Anti-Adblock * by zkreations */@-webkit-keyframes bounce{0%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.adblockInfo{width:100%;height:100%;position:fixed;top:0;left:0;z-index:900;display:none}.adblockInfo.is-active{display:block}.adblockInfo__container{top:calc(50% - 130px);left:calc(50% - 250px);max-width:500px;max-height:90%;font-size:16px;text-align:center;box-shadow:06px5px -5pxrgba(0,0,0,.5);-webkit-animation:bounce 1s;animation:bounce 1s}.adblockInfo__container,.adblockInfo__title{position:relative;z-index:10}.adblockInfo__title{padding:1em2em;font-size:1.2em;margin:0}.adblockInfo__text{padding:2em;font-weight:500;font-size:1em;margin:0}.adblockInfo__cover{background-repeat:repeat;background-size:cover;background-position:center;height:5em;position:relative}@-webkit-keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1)}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1)}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1)}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}@keyframes rubberBand{100%,24%,from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}4%{-webkit-transform:scale3d(1.25,.8,1);transform:scale3d(1.25,.8,1)}8%{-webkit-transform:scale3d(.75,1.2,1);transform:scale3d(.75,1.2,1)}12%{-webkit-transform:scale3d(1.15,.9,1);transform:scale3d(1.15,.9,1)}16%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}20%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}}.adblockInfo__cover__img{position:absolute;left:2em;bottom:-15px;-webkit-animation:rubberBand 3s infinite;animation:rubberBand 3s infinite;-webkit-transform-origin:bottom;transform-origin:bottom}.adblockInfo__close{background:rgba(0,0,0,.2);border:0;outline:0;font-family:monospace;font-size:1.3em;color:#fff;position:absolute;top:0;right:0;cursor:pointer;padding:01em;bottom:0;-webkit-transition:background .3s;transition:background .3s}.adblockInfo__close:hover{background:rgba(0,0,0,.4)}@media (max-width:500px){.adblockInfo__container{left:0;right:0;width:100%}} /*Personalizar*/.adblockInfo { background: rgba(0, 0, 0, 0.95); /*Fondo del modal*/ } .adblockInfo__title, .adblockInfo__container { background: #fff; /*Fondo de la tarjeta*/ } .adblockInfo__cover { background-image: url(https://i.imgur.com/Xlbl65e.png); /*imagen para el cover*/background-color: #582d2a; /*Color de fondo del cover*/ } .adblockInfo__title { border-bottom: 1px solid rgba(0, 0, 0, 0.1);/*borde del titulo*/color: rgba(0, 0, 0, 0.75); /*color del titulo*/ } .adblockInfo__text { color: rgba(0, 0, 0, 0.5); /*color del texto*/ }

El siguiente código indica arriba del </body>

<script>//<![CDATA[//!Add/Remove Classes with Raw Javascript: jaketrent.com/post/addremove-classes-raw-javascript/ | modal anti-adblock by zkreationsfunctionadBlockDetected(){functione(e,c){return e.classList?e.classList.contains(c):!!e.className.match(newRegExp("(\\s|^)"+c+"(\\s|$)"))}functionc(c,t){c.classList?c.classList.add(t):e(c,t)||(c.className+=" "+t)}functiont(c,t){if(c.classList)c.classList.remove(t);elseif(e(c,t)){var o=newRegExp("(\\s|^)"+t+"(\\s|$)");c.className=c.className.replace(o," ")}}var o=document.querySelector(".adblockInfo"),s=document.querySelector(".adblockInfo__close");c(o,"is-active"),s.onclick=function(){t(o,"is-active")}}if("undefined"!=typeof fuckAdBlock||"undefined"!=typeof FuckAdBlock)adBlockDetected();else{var importFAB=document.createElement("script");importFAB.onload=function(){fuckAdBlock.onDetected(adBlockDetected)},importFAB.onerror=function(){adBlockDetected()},importFAB.integrity="sha256-xjwKUY/NgkPjZZBOtOxRYtK20GaqTwUCf7WYCJ1z69w=",importFAB.crossOrigin="anonymous",importFAB.src="https://cdnjs.cloudflare.com/ajax/libs/fuckadblock/3.2.1/fuckadblock.min.js",document.head.appendChild(importFAB)} //]]></script>

y el último es debajo <body>

<divclass='adblockInfo'><divclass='adblockInfo__container'><divclass='adblockInfo__cover'><imgclass='adblockInfo__cover__img'src='https://i.imgur.com/TNzSb5g.png'/><!-- ABP-kun --><buttonclass='adblockInfo__close'>x</button><!-- Si no quieres la opcion "cerrar", elimina este botón --></div><h3class='adblockInfo__title'>Adblock Detectado</h3><pclass='adblockInfo__text'>Este sitio se mantiene gracias a la publicidad, desactiva Adblock para ayudarnos :(</p></div></div>

No estaría entendiendo cual va en la condiguración avanzada y cual va en propiedades. por favor ayuda x.x estoy re perdido. Ya eh agregado varios codigos en varias zonas, se como realizarlo, pero únicamente no se donde van esos códigos html porque el tutorial es para blogger.

Desde ya muchas gracias!

Leggi di più
Postato il da Marcos M.