S
SnakeNet
Xi
Programador
Hola 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.
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:
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:
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:
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
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.
Nota: El código no es de mi propiedad, lo comparto ya que a muchos les será de utilidad, los créditos le pertenece a DarkMaster.
Si tienen algún inconveniente vuelvan a repasar los pasos ya que hace tiempo no lo le utilizo y no podría ayudarles, pero funcionaba perfectamente.
Ver el archivo adjunto js_popup.zip
Los que alguna vez hayan visitado o conozcan el sitio identi seguro ya saben de qué script estoy hablando.
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:
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>';
global $footer_add;
$footer_add = '<script src="http://tupaginaweb/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:
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:
Insertar CODE, HTML o PHP:
[COLOR=#333333][FONT=Monaco][Spoiler_link] Lo que esté encerrado aquí será codificado y ocultado. [/Spoiler_link][/FONT][/COLOR][COLOR=#333333][FONT=Tahoma]
[/FONT][/COLOR]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
PHP:
<!doctype html>
<html lang="es">
<meta charset="Utf-8" />
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<title>snakenet</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://xxx.linkbucks.com"); } } )
.focus();
});
</script>
<br><br><br>
<center>
<div class="myframe">
<div class="kontextuaDisplayREGULARSS468x60"></div>
</div>
<p>Contenido...</p>
<a href="http://xxx.linkbucks.com" title="Clic para comenzar a descargar"><img src="http://i.minus.com/ib1u9kE9dtKElZ.gif" alt="linkbucks publicidad"></a>
</center>
<script src="http://cf.ads.kontextua.com/container/tags/xxx.js"></script>
</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.
Nota: El código no es de mi propiedad, lo comparto ya que a muchos les será de utilidad, los créditos le pertenece a DarkMaster.
Si tienen algún inconveniente vuelvan a repasar los pasos ya que hace tiempo no lo le utilizo y no podría ayudarles, pero funcionaba perfectamente.
Ver el archivo adjunto js_popup.zip
Última edición:
