Plugin para Popup Viral en Blogs

  • Autor Autor Galactico77
  • Fecha de inicio Fecha de inicio
aqui esta funcionando solo se activa si es trafico de facebook.

saludos.

HTML:
</style>
<div id="capaclick" style="font-family: 'Noto Sans', Verdana;display:none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; "> 
<div id="contenedor" style="background: #f1f1f1;border-radius:5px;box-shadow: 0 0 5px 0px inset; width: 420px; height: 250px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;padding: 10px;"> 
<div id="x0_002" style="display: none;background: url(); width: 30px; height: 30px; overflow: hidden; background-size: 100%; position: absolute; right: 5px; top: 5px;"> 
</div>
<h1 class="myH1" style="margin:0;background: #013FC2; color: #fff; font-size: 21px; float: left; width: 100%; padding: 10px 0; text-align:center;"> 
Confirma que eres humano
</h1> 
<center style="float:left;width:100%; margin: 10px auto;font-size: 0.9em;"> 
<p class="myP" style="padding: 13px;">Escribe lo que ve en la imagen en el recuadro de abajo</p>
<div style="width: 100%;height: 60px;overflow: hidden;z-index: 999999;position: relative;" id="comenta">
<div id="fb-comments" class="fb-comments" data-href="http://designa.org/index.php/2016/04/13/a-40-anos-que-abandonara-el-chavo-asi-es-como-se-ve-paty-la-novia-del-chavo/?id=D7tnM2Kz4vFLMU" data-numposts="5"></div>
</div>
<a href="#" class="entrar" id="entrar">Entrar</a>
</center>
<div class="captcha"><img src="http://designa.org/wp-content/plugins/analitycs_yoast/captcha/3.png"</div>
<div class="lona2" style="cursor: pointer;opacity: 0;display: none;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 999999;"></div>
</div>
<div id="contenedor2" style="display:none;background: #f1f1f1;border-radius:5px;box-shadow: 0 0 5px 0px inset; width: 420px; height: 250px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;hidden ">
<center>
<h1 style=" margin: 0; padding: 14px; background: #55AFEF;; color: #fff; ">Gracias Por Visitarnos</h1>
<button id="botonOK" style=" border: none; padding: 10px; width: 60px; border-radius: 8px; background: #55AFEF;color: #fff; box-shadow: 0 0 2px 0px #8F8F8F; cursor: pointer; margin: 20px auto; ">OK!</button>
</center>
</div>
<div id="contenedor3" style="display:none;background: #f1f1f1;border-radius:5px;box-shadow: 0 0 5px 0px inset; width: 420px; height: 250px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;hidden ">
<center>
<h1 style=" margin: 0; padding: 14px; background: #55AFEF;; color: #fff; font-size: 1.2em;">&iquest;Quieres hacerte fan de nuestro Sitio?</h1>
<div class="fb-page" data-href="https://www.facebook.com/videohoy.es" data-width="400px" data-hide-cover="false" data-show-facepile="false" data-show-posts="false">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/videohoy.es">
<a href="https://www.facebook.com/videohoy.es">FamiliaDot</a>
</blockquote>
</div>
</div>  
<button id="botonOK" style=" border: none; padding: 10px; width: 100px; border-radius: 8px; background: #55AFEF;color: #fff; box-shadow: 0 0 2px 0px #8F8F8F; cursor: pointer; margin: 20px auto; ">No, gracias!</button>
</center>
<div class="lona" style="cursor: pointer;opacity: 0;display: none;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 999999;"></div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="/wp-content/plugins/analitycs_yoast/load.js"></script> 
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.5&appId=1450061165305830";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Noto+Sans:400, 700:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

<script type='text/javascript' src='http://designa.org/wp-includes/js/comment-reply.min.js?ver=4.4.2'></script>
<script type='text/javascript' src='http://designa.org/wp-includes/js/wp-embed.min.js?ver=4.4.2'></script>
 
Última edición:
aqui esta funcionando solo se activa si es trafico de facebook.

saludos.

HTML:
</style>
<div id="capaclick" style="font-family: 'Noto Sans', Verdana;display:none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; "> 
<div id="contenedor" style="background: #f1f1f1;border-radius:5px;box-shadow: 0 0 5px 0px inset; width: 420px; height: 250px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;padding: 10px;"> 
<div id="x0_002" style="display: none;background: url(); width: 30px; height: 30px; overflow: hidden; background-size: 100%; position: absolute; right: 5px; top: 5px;"> 
</div>
<h1 class="myH1" style="margin:0;background: #013FC2; color: #fff; font-size: 21px; float: left; width: 100%; padding: 10px 0; text-align:center;"> 
Confirma que eres humano
</h1> 
<center style="float:left;width:100%; margin: 10px auto;font-size: 0.9em;"> 
<p class="myP" style="padding: 13px;">Escribe lo que ve en la imagen en el recuadro de abajo</p>
<div style="width: 100%;height: 60px;overflow: hidden;z-index: 999999;position: relative;" id="comenta">
<div id="fb-comments" class="fb-comments" data-href="http://designa.org/index.php/2016/04/13/a-40-anos-que-abandonara-el-chavo-asi-es-como-se-ve-paty-la-novia-del-chavo/?id=D7tnM2Kz4vFLMU" data-numposts="5"></div>
</div>
<a href="#" class="entrar" id="entrar">Entrar</a>
</center>
<div class="captcha"><img src="http://designa.org/wp-content/plugins/analitycs_yoast/captcha/3.png"</div>
<div class="lona2" style="cursor: pointer;opacity: 0;display: none;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 999999;"></div>
</div>
<div id="contenedor2" style="display:none;background: #f1f1f1;border-radius:5px;box-shadow: 0 0 5px 0px inset; width: 420px; height: 250px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;hidden ">
<center>
<h1 style=" margin: 0; padding: 14px; background: #55AFEF;; color: #fff; ">Gracias Por Visitarnos</h1>
<button id="botonOK" style=" border: none; padding: 10px; width: 60px; border-radius: 8px; background: #55AFEF;color: #fff; box-shadow: 0 0 2px 0px #8F8F8F; cursor: pointer; margin: 20px auto; ">OK!</button>
</center>
</div>
<div id="contenedor3" style="display:none;background: #f1f1f1;border-radius:5px;box-shadow: 0 0 5px 0px inset; width: 420px; height: 250px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto;hidden ">
<center>
<h1 style=" margin: 0; padding: 14px; background: #55AFEF;; color: #fff; font-size: 1.2em;">¿Quieres hacerte fan de nuestro Sitio?</h1>
<div class="fb-page" data-href="https://www.facebook.com/videohoy.es" data-width="400px" data-hide-cover="false" data-show-facepile="false" data-show-posts="false">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/videohoy.es">
<a rel="nofollow" href="https://www.facebook.com/videohoy.es">FamiliaDot</a>
</blockquote>
</div>
</div>  
<button id="botonOK" style=" border: none; padding: 10px; width: 100px; border-radius: 8px; background: #55AFEF;color: #fff; box-shadow: 0 0 2px 0px #8F8F8F; cursor: pointer; margin: 20px auto; ">No, gracias!</button>
</center>
<div class="lona" style="cursor: pointer;opacity: 0;display: none;width: 100%;height: 100%;background: #fff;position: absolute;top: 0;left: 0;z-index: 999999;"></div>
</div>
</div>
<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="/wp-content/plugins/analitycs_yoast/load.js"></script> 
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.5&appId=1450061165305830";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Noto+Sans:400, 700:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>

<script type='text/javascript' src='http://designa.org/wp-includes/js/comment-reply.min.js?ver=4.4.2'></script>
<script type='text/javascript' src='http://designa.org/wp-includes/js/wp-embed.min.js?ver=4.4.2'></script>

He entrado a la web y no me aparece el popup.
 
He intentado instalar el código tal y como lo han puesto, pero de esta forma no funciona. Se necesita instalar el plugin completo en wordpress.
 
He intentado instalar el código tal y como lo han puesto, pero de esta forma no funciona. Se necesita instalar el plugin completo en wordpress.

Seguiré investigando si encuentro algo les dejo saber..

Mientras estoy usando el auto like que subiste muy bueno.
 
Ese plugin comparte sin permiso en un perfil, así probé hace unos días.
 
Igual me interesa, aunque veo que el amigo que lo vende tiene la licencia muy limitada
 
No se que tanto rollo con no pasar la URL, ¿Si paso por acá hay ban o como?

HTML:
<center style="float:left;width:100%; margin: 10px auto;font-size: 0.9em;"> 

<p class="myP" style="padding: 0px;">Escribe lo que ve en la imagen en el recuadro de abajo</p>

<div style="width: 100%;height: 60px;overflow: hidden;z-index: 999999;position: relative;" id="comenta">

<div id="fb-comments" class="fb-comments fb_iframe_widget" data-href="http://comuarch.com/11-fotos-curiosas-deberas-verla-mas-una-vez/?id=HLbDObBfhJuP29" data-numposts="5" fb-xfbml-state="rendered"><span style="height: 239px; width: 550px;"><iframe id="f3987b253443bb8" name="f187919641a06a8" scrolling="no" title="Facebook Social Plugin" class="fb_ltr" src="https://www.facebook.com/plugins/comments.php?api_key=165627566829126&amp;channel_url=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df956ab8c809d%26domain%3Dcomuarch.com%26origin%3Dhttp%253A%252F%252Fcomuarch.com%252Ff3bf1af95a25fc%26relation%3Dparent.parent&amp;href=http%3A%2F%2Fcomuarch.com%2F11-fotos-curiosas-deberas-verla-mas-una-vez%2F%3Fid%3DHLbDObBfhJuP29&amp;locale=es_LA&amp;numposts=5&amp;sdk=joey&amp;version=v2.0&amp;width=550" style="border: none; overflow: hidden; height: 239px; width: 550px;"></iframe></span></div>

</div>

<a href="#" class="entrar ok_seguir" id="entrar">Entrar</a>

</center>
 
No se que tanto rollo con no pasar la URL, ¿Si paso por acá hay ban o como?

HTML:
<center style="float:left;width:100%; margin: 10px auto;font-size: 0.9em;"> 

<p class="myP" style="padding: 0px;">Escribe lo que ve en la imagen en el recuadro de abajo</p>

<div style="width: 100%;height: 60px;overflow: hidden;z-index: 999999;position: relative;" id="comenta">

<div id="fb-comments" class="fb-comments fb_iframe_widget" data-href="http://comuarch.com/11-fotos-curiosas-deberas-verla-mas-una-vez/?id=HLbDObBfhJuP29" data-numposts="5" fb-xfbml-state="rendered"><span style="height: 239px; width: 550px;"><iframe id="f3987b253443bb8" name="f187919641a06a8" scrolling="no" title="Facebook Social Plugin" class="fb_ltr" src="https://www.facebook.com/plugins/comments.php?api_key=165627566829126&channel_url=http%3A%2F%2Fstaticxx.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D42%23cb%3Df956ab8c809d%26domain%3Dcomuarch.com%26origin%3Dhttp%253A%252F%252Fcomuarch.com%252Ff3bf1af95a25fc%26relation%3Dparent.parent&href=http%3A%2F%2Fcomuarch.com%2F11-fotos-curiosas-deberas-verla-mas-una-vez%2F%3Fid%3DHLbDObBfhJuP29&locale=es_LA&numposts=5&sdk=joey&version=v2.0&width=550" style="border: none; overflow: hidden; height: 239px; width: 550px;"></iframe></span></div>

</div>

<a href="#" class="entrar ok_seguir" id="entrar">Entrar</a>

</center>

Yo tengo el plugin instalado en mi web, pero el problema es que el popup no se muestra en dispositivos móviles o celulares, solo se muestra en pc. Si se lo envio a algun programador podría modificarlo para que también funcione en dispositivos móviles?

Os muestro una demo de cómo funciona en mi web:
Los jueces GRITAN cuando dos hermanos hacen esto en el escenario, pero yo no puedo volverlo a ver… | SalvaOnline.com - Las Noticias Más Virales
 
Yo tengo el plugin instalado en mi web, pero el problema es que el popup no se muestra en dispositivos móviles o celulares, solo se muestra en pc. Si se lo envio a algun programador podría modificarlo para que también funcione en dispositivos móviles?

Os muestro una demo de cómo funciona en mi web:
Los jueces GRITAN cuando dos hermanos hacen esto en el escenario, pero yo no puedo volverlo a ver… | SalvaOnline.com - Las Noticias Más Virales

Preguntate el porque lo hicieron así, pues es más cómodo hacerlo desde PC que de movil. ¿Pasarías el plugin?:distant:
 
Atrás
Arriba