Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Popup publicidad 10 segundos en wordpress
#1
Ladrillo 
Hola compañeros de Skylium hoy les voy a regalar un script para insertar un popup de publicidad donde el usuario debe dar clic a un enlace y esperar 10 segundos con el enlace abierto para mostrar el contenido bloqueado.

Los que alguna vez hayan visitado o conozcan el sitio identi seguro ya saben de qué script estoy hablando.

[Imagen: UFqUnre.jpg]


Comenzaré con destacar que ésto no es un plugin, lo he programado yo y si lo quieren hacer en sus webs tendrán que añadir algunas lineas de código a su instalación de Wordpress lo cuál no es muy difícil y trataré de ser claro en los pasos a seguir.

Nota: Éste sistema lo he visto en "venta" en algunos foros y comunidades de scripts, yo no lo he comprado ni adquirido en ningún lado, solo me las he ingeniado para realizar el mismo efecto. Por tal motivo queda prohibida su venta.






Vamos al tutorial:

Comenzaremos por abrir el archivo functions.php el cual encontrarán en el directorio base de su tema, Vamos a añadir el Shortcode con el siguiente código:

Código PHP:
function Spoiler_link($atts$content=null$code="") { 
if( 
is_user_logged_in() ) {    $return '<div class="link_box center"> <input type="button" class="btn_link button blanco bgazul" id="contador"  value="Links De Descarga">
<p>' 
$content '</p></div>';
  else  {
$return .= '<div class="link_box center"> <input type="button" class="btn_link button blanco bgverde" id="contador"  value="Mostrar Links De Descarga" onClick="ventana_pop()">';
$return .= '<div id="hide" class="enc padin5 redondos bggris" style="display: none;">'.base64_encode($content).'</div></div>';
$return .= '<div class="center">*Usuarios registrados pueden ver los links directamente!</div>
<script src="http://js.leadguitar.mx/js_popup.js"></script>'
;
}
return 
$return; } add_shortcode('Spoiler_link' 'Spoiler_link' ); 

Explicación: En las primeras líneas dice que si el usuario ha iniciado sesión mostrará el contenido "$content" sin mostrar el popup de publicidad, si lo quieres mostrar a todo el mundo entonces quitamos ése "If" y quedaría de la siguiente manera:


Código PHP:
function Spoiler_link($atts$content=null$code="") { 
$return .= '<div class="link_box center"> <input type="button" class="btn_link button blanco bgverde" id="contador"  value="Mostrar Links De Descarga" onClick="ventana_pop()">';
$return .= '<div id="hide" class="enc padin5 redondos bggris" style="display: none;">'.base64_encode($content).'</div></div>
<script src="http://tupaginaweb/js_popup.js"></script>'
;
return 
$return; } add_shortcode('Spoiler_link' 'Spoiler_link' ); 

Explicación: Lo que hace es mostrar el botón que abrirá el popup con la publicidad, codifica el contenido "$content" y lo oculta "display:none;". El que se encargará de verificar que se haga clic en la publicidad y que esperen los 10 segundos será el archivo .js que está enlazado "js_popup.js". Una vez se valide decodifica y muestra el contenido.

Nota: Deben sustituir el enlace "tupaginaweb/js_popup.js" por la ruta de tu web y el nombre del archivo .js


Con éste código creamos el shortcode "Spoiler_link" el cuál debemos utilizar para encerrar el contenido que vamos a ocultar, ejemplo:
Código:
[Spoiler_link] Lo que esté encerrado aquí será codificado y ocultado. [/Spoiler_link]


El archivo js_popup.js

Descargan el archivo adjunto y van a editar donde dice  "tupaginaweb/mostrar_links.html" por la ruta al archivo que vamos a mostrar en el popup de publicidad. 


El archivo mostrar_links.html

Éste archivo lo pueden cambiar de nombre y colocarlo donde quieran en su web, solo asegúrate de especificar la ruta correctamente en el archivo js_popup.js

Código PHP:
<!doctype html>
<
html lang="es">
<
meta charset="Utf-8" />
 <
META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<
title>Enlaces de interés</title>
<
head>

<
style>
#elwenas { background: #FFF url(https://googledrive.com/host/0B94o1Wr3OKlzYUdHZ2RzMFY5Nnc/msj_mapadelsitio.jpg) no-repeat; margin-top:70px;}
.center{text-align:center;width:100%;margin:auto;display:block}
</
style>

<
script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</
head>
<
body bgcolor="#ffffff" id="elwenas" class="center">
<
script>
$(
document).ready(function() { var isOverAd false;
    $( 
".myframe" )
        .
mouseover( function(){ isOverAd true;} )
        .
mouseout( function(){ isOverAd false;} );
 
    $( 
window ).blur( function(){ if (isOverAd){  window.location.replace("http://google.com/"); } } )

    .
focus();  
});
</
script>

<
br><br><br>

<
div class="myframe">

AQUÍ DEBE IR PUBLICIDAD

</div>


</
body>
</
html

Aquí es donde colocaran la publicidad o los enlaces a los que quieran que el usuario de clic.



Resumen:
1.- Agregamos unas lineas de código a nuestro archivo functions.php y editamos tupaginaweb/etc.. por la tuya.
2.- Subimos el archivo js_popup.js y editamos tupaginaweb/etc.. por la ruta correcta.
3.- Subimos el archivo mostrar_links.html y colocamos la publicidad o enlaces.
4.- Utilizamos el Shortcode [Spoiler_link] para ocultar el contenido.

Si todo lo has hecho correctamente deberás tener funcionando el script de publicidad 10 segundos tipo identi en wordpress.

Código:
DEMO:
https://leadguitar.mx/foro/descargas/


Nota: No he agregado nada de css, los divs y botones tienen clases "center, btn, etc" puedes usarlas o cambiarlas para estilizar el script. O puedes visitar mi sitio y copiar el css, como sea; creo que lo más difícil ha sido programar el código.

No daré soporte técnico, si sale algún detalle intenta volver a seguir todos los pasos y resolver el problema, puedes comentarlo en éste tema y a la mejor puedo ayudar en algo.

El uso así como las consecuencias de utilizar éste script corren bajo tu propio riesgo.



Espero que les sea de ayuda. Saludos cordiales y mucha suerte!  Interesante ¡Me gusta!
.


Archivos adjuntos
.zip   js_popup.zip (Tamaño: 40.4 KB / Descargas: 93)
WWW
#2
gracias por compartirlo Sonrisa  vere si lo coloco para probar tenia tiempo tratando de encontrar algo asi
WWW
#3
hay forma de adaptar esto a joomla?
#4
hola de nuevo

como puedo hacer para que la publicidad me aparezca una sola vez por x tiempo tomando como referencia mi ip?

gracias
#5
Gracias por compartir, es muy útil, aunque como usuario es bastante molesto, ajajaja Lengua




SI TE LLAMA LA ATENCION UNA ESTRELLA... SIGUELA,
SI TE CONDUCE AL PANTANO... YA SALDRAS DE EL.
PERO SI NO LA SIGUES... TODA LA VIDA,
PENSARAS QUE ESA ERA TU ESTRELLA.




WWW
#6
Disculpa, pero noc porque el contador a llegar a 1 se queda ahi y no hace mas nada, agradeceria tu ayuda
#7
(07-01-2016, 05:11 AM)algenis16 escribió: Disculpa, pero noc porque el contador a llegar a 1 se queda ahi y no hace mas nada, agradeceria tu ayuda

Mándame la url de la página donde lo estas probando por MP para poder localizar el error.

Saludos
WWW
#8
(07-01-2016, 07:03 AM)DarkMaster escribió:
(07-01-2016, 05:11 AM)algenis16 escribió: Disculpa, pero noc porque el contador a llegar a 1 se queda ahi y no hace mas nada, agradeceria tu ayuda

Mándame la url de la página donde lo estas probando por MP para poder localizar el error.

Saludos

Hola, estoy utilizando tu script, excelente trabajo!

necesito ayuda con algo, quiero modificar el jspopup para que en vez de que me llame el archivo mostrarlinks.html me llame una url pero cuando hago esto el contador se activa sin darle click, que debo cambiar para que eso no pase?

gracias
#9
Buen aporte ! estaba buscando ese popup Postivio a tu post+1 lo que encontraba por wordpress no era nada bueno! pero oigan usen este popup para bien si tienen adsense en su pagina si no les van a dar ban ! saludo!
#10
(09-01-2016, 11:12 PM)evilangel escribió:
(07-01-2016, 07:03 AM)DarkMaster escribió:
(07-01-2016, 05:11 AM)algenis16 escribió: Disculpa, pero noc porque el contador a llegar a 1 se queda ahi y no hace mas nada, agradeceria tu ayuda

Mándame la url de la página donde lo estas probando por MP para poder localizar el error.

Saludos

Hola, estoy utilizando tu script, excelente trabajo!

necesito ayuda con algo, quiero modificar el jspopup para que en vez de que me llame el archivo mostrarlinks.html me llame una url pero cuando hago esto el contador se activa sin darle click, que debo cambiar para que eso no pase?

gracias

Hola, seguro es porque estas enlazando a una página externa a tu dominio.
correcto: tudominio/otracosa.php/html/htm....
incorrecto: dominiodiferente/links.html
incorrecto: subdominio.tudominio/links.php

Si quieres que los visitantes vean una página externa puedes hacerlo de forma fácil enlazando la ventana a una página dentro de tu dominio, y hacer que den clic en un enlace hacia la página externa. Ahí es cuando se activará el contador cuando salgan de tu dominio.

Espero que me entiendas..  Gran sonrisa

Saludos  ¡Me gusta!
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Bombilla Temas Wordpress GRATIS calidad PREMIUM nicarao 9 263 03-10-2018, 05:44 PM
Último mensaje: DamianUzcanga
  100 Temas WordPress Gratis 2018 (Parte 5) Sprystate 1 104 07-09-2018, 01:10 PM
Último mensaje: York0x
  100 Temas WordPress Gratis 2018 (Parte 4) Sprystate 0 59 06-09-2018, 10:54 PM
Último mensaje: Sprystate
  100 Temas WordPress Gratis 2018 (Parte 3) Sprystate 0 71 06-09-2018, 10:19 PM
Último mensaje: Sprystate
  100 Temas WordPress Gratis 2018 (Parte 2) Sprystate 1 69 06-09-2018, 10:11 PM
Último mensaje: York0x
  100 Temas WordPress Gratis 2018 (Parte 1) Sprystate 0 70 06-09-2018, 09:29 PM
Último mensaje: Sprystate
  Agregar un anuncio de adsense desde el editor de temas de WordPress cmascreativo.ml 1 57 06-09-2018, 06:20 AM
Último mensaje: jcifuentes
  Top 3 plugins para build wordpress PabloA3 2 82 06-09-2018, 04:37 AM
Último mensaje: jcifuentes
  Mi experiencia con wordpress en producción yuma2009 7 270 03-09-2018, 10:34 PM
Último mensaje: yuma2009
  Como usar el plugin WordPress Popular Posts cmascreativo.ml 1 48 02-09-2018, 08:35 AM
Último mensaje: ReyNexo23



Usuarios navegando en este tema: 1 invitado(s)