Zarat
Delta
Programador
Verificación en dos pasos activada
¡Ha verificado su Paypal!
Hola betas! Hoy en dia los grifos se han popularizado mucho en la comunidad, por eso he decidido compartir mi script AntiBot, Su proposito es ocultar el boton de "Get reward" hasta que el visitante de clic en distintas frases, como "No soy un robot" ubicadas usualmente cerca de los banners de publicidad.
Bien empecemos! Este ejemplo sera simple, consiste en 3 frases de "No soy un robot" al clickear las 3 frases se mostrara el boton para cobrar los satoshis ( Puedes apreciar una demo al final del post )
Paso 1 Agregar jQuery
Dentro de la etiqueta Head agrega:
Paso 2 Posicionar los elementos que desbloquearan el boton de cobro en este caso un parrafo. (Coloca cada parrafo donde tu quieras...)
Parrafo 1
Parrafo 2
Parrafo 3
Paso 3 Ocultar y mostrar ^^
Agrega despues de </body>
Bueno no es nada del otro mundo con .toggle() ocultamos y con .show() mostramos 😱
Paso 4 estilos del parrafo - Agrega en tu hoja de estilos o dentro de head con las etiquetas <style></style>
OPcional Margin en los parrafos - Si deseas que tus visitantes interactuen mas con tu publicidad puedes aplicar un margin con css o js
Bien empecemos! Este ejemplo sera simple, consiste en 3 frases de "No soy un robot" al clickear las 3 frases se mostrara el boton para cobrar los satoshis ( Puedes apreciar una demo al final del post )
Paso 1 Agregar jQuery
Dentro de la etiqueta Head agrega:
Insertar CODE, HTML o PHP:
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>Paso 2 Posicionar los elementos que desbloquearan el boton de cobro en este caso un parrafo. (Coloca cada parrafo donde tu quieras...)
Parrafo 1
Insertar CODE, HTML o PHP:
<p id="no1" class="tip" data-toggle="tooltip" data-placement="top" title="Click here to get the gift"><== I'm
not a bot ==></p>Parrafo 2
Insertar CODE, HTML o PHP:
<p id="no2" style="display: none;" class="tip" data-toggle="tooltip" data-placement="top" title="Click here to get
the gift"><== I'm not a bot ==></p>Parrafo 3
Insertar CODE, HTML o PHP:
<p id="no3" style="display: none;" class="tip" data-toggle="tooltip" data-placement="top" title="Click here to get
the gift"><== I'm not a bot ==></p>Paso 3 Ocultar y mostrar ^^
Agrega despues de </body>
Insertar CODE, HTML o PHP:
<script type="text/javascript">
$(document).ready(function(){
$('.tip').tooltip(); // tooltip de bootstrap
$("#no1").click(function () {
$('#no1').toggle("slow"); // Ocultamos parrafo 1
$('#no2').show(); // Mostrmos parrafo 2 si se dio clic
});
$("#no2").click(function () {
$('#no2').toggle("slow"); // Ocultamos parrafo 2
$('#no3').show(); // Mostrmos parrafo 3
});
$("#no3").click(function () {
$('#no3').toggle("slow"); // Ocultamos parrafo 3
$('.get-r').show(); // Mostramos boton
});
});
</script>Paso 4 estilos del parrafo - Agrega en tu hoja de estilos o dentro de head con las etiquetas <style></style>
Insertar CODE, HTML o PHP:
#no1, #no2, #no3 { text-align: center; cursor: pointer; color: #F00; font-weight: 600;}OPcional Margin en los parrafos - Si deseas que tus visitantes interactuen mas con tu publicidad puedes aplicar un margin con css o js
Css - en el paso 4 agrega "margin-bottom: -5px;"
Con js, dentro del paso 3
Hay diferencia? NO ^^
Atención si agregas margin.
- Puedes causar confusion (ante los ojos de adsense) y provocar clics "accidentales" estos pueden ser considerados como clics inválidos.
Con js, dentro del paso 3
Insertar CODE, HTML o PHP:
window.onload = function() {
document.getElementById("no1").style.marginBottom="-5px";
document.getElementById("no2").style.marginBottom="-7px";
document.getElementById("no3").style.marginBottom="-9px";
}Atención si agregas margin.
- Puedes causar confusion (ante los ojos de adsense) y provocar clics "accidentales" estos pueden ser considerados como clics inválidos.
Bueno espero que este mini script les ayude en sus faucets y si no se dieron cuenta de antibot no tiene nada el verdadero objetivo es aumentar los ingresos al ocultar el boton de cobro, Si tu gusto deja tu "Me agrada", Nos leemos en otro tutorial. :encouragement:
Esto hace que su cuenta de adsense sea baneada, usar bajo su responsabilidad!
Última edición por un moderador:
