0
buenas , eh generado este codigo con ayuda IE no quedaba otra jaja .. lo que necesito saber es como puedo implementarlo en la seccion de agregar post que ejecute el codigo con un shorcode.. y por ejemplo la idea es ocultar un enlace dentro de un shortcode y que me muestre una publicidad como la quue se muesra en el codigo oviamente puede ir cualquier publicdad.. lo que necesito es que aparescta en los post donde yo ingrece el contenido oculto alguien me puede ayudar por favor , porporciono el codigo base..
Código: ( Seleccionar Todo )
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Publicidad con temporizador</title>
<style>
/* Estilos para centrar los elementos */
body, html {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<!-- Contenedor principal para centrar el contenido -->
<div id="container" style="position: relative;">
<!-- Contenedor para el anuncio publicitario -->
<div id="ad-container" style="width: 728px; height: 90px; margin: 0 auto;">
<!-- Anuncio publicitario -->
<iframe id="ad-frame" src="Registrate o inicia tu sesión para ver este contenido" frameborder="0" height="90" width="728"></iframe>
<!-- Capa transparente para interactuar con el anuncio -->
<div id="click-layer" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;"></div>
</div>
<!-- Enlace oculto -->
<div id="enlace-container" style="display: none; position: absolute; bottom: 0; width: 728px; margin: 10px auto; text-align: center;">
<div style="background-color: #f0f0f0; border: 1px solid #ccc; padding: 10px;">
<a id="hidden-link" href="Registrate o inicia tu sesión para ver este contenido" target="_blank" style="text-decoration: none;">Haz clic aquí para ver el contenido</a>
</div>
</div>
</div>
<script>
let intervalo;
let ventanaEmergente;
let mensajeMostrado = false;
// Función para mostrar el temporizador debajo del anuncio
function mostrarTemporizador() {
let contador = 5;
let temporizador = document.createElement('div');
temporizador.setAttribute('id', 'temporizador');
temporizador.style.position = 'absolute';
temporizador.style.bottom = '0';
temporizador.style.width = '100%';
temporizador.style.backgroundColor = '#f0f0f0';
temporizador.style.textAlign = 'center';
temporizador.style.padding = '10px';
temporizador.innerText = 'El contenido se abrirá en ' + contador + ' segundos';
document.getElementById('ad-container').appendChild(temporizador);
// Función para actualizar el temporizador
intervalo = setInterval(function() {
contador--;
temporizador.innerText = 'El contenido se abrirá en ' + contador + ' segundos';
if (contador === 0) {
clearInterval(intervalo);
document.getElementById('enlace-container').style.display = 'block';
temporizador.style.display = 'none';
mensajeMostrado = true;
}
}, 1000);
}
// Función para abrir la ventana emergente y mostrar el temporizador
function abrirVentanaEmergente() {
mostrarTemporizador();
ventanaEmergente = window.open('Registrate o inicia tu sesión para ver este contenido '_blank', 'width=600,height=400');
// Verificar si la ventana emergente se cierra
let interval = setInterval(function() {
if (ventanaEmergente.closed) {
clearInterval(interval);
clearInterval(intervalo);
// Mostrar el mensaje para volver a presionar sobre la publicidad si el temporizador ya ha terminado
if (!mensajeMostrado) {
alert('Vuelve a presionar sobre la publicidad y espera a que termine el tiempo.');
}
}
}, 1000);
}
// Evento para abrir la ventana emergente y comenzar el temporizador al hacer clic en la publicidad
document.getElementById('click-layer').addEventListener('click', function() {
abrirVentanaEmergente();
// Ocultar el mensaje después de hacer clic en la publicidad
document.getElementById('mensaje').style.display = 'none';
});
</script>
</body>
</html>
Facebook
Twitter
Reddit
Digg
del.icio.us
Tumblr
Pinterest
Blogger
Fark
LinkedIn
Mix
Google